.ext-demo{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ext-browser{background:#fff;border:1px solid #00000014;border-radius:10px;width:100%;max-width:380px;overflow:hidden;box-shadow:0 2px 8px #0000000f,0 8px 24px #0000000a}.ext-bar{background:#f8f8f8;border-bottom:1px solid #0000000f;align-items:center;gap:6px;padding:8px 10px;display:flex}.ext-dot{border-radius:50%;width:7px;height:7px}.ext-dot-close{background:#ff5f57}.ext-dot-minimize{background:#febc2e}.ext-dot-maximize{background:#28c840}.ext-url{background:#efefef;border-radius:4px;flex:1;align-items:center;height:20px;margin-left:4px;padding:0 8px;display:flex}.ext-url-text{color:#888;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:8px;overflow:hidden}.ext-icon{opacity:0;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:4px;width:18px;height:18px;animation:.3s ease-out .3s forwards ext-icon-in}@keyframes ext-icon-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.ext-body{min-height:180px;display:flex}.ext-page{flex-direction:column;flex:1;gap:10px;padding:14px;display:flex}.ext-page-line{background:#f0f0f0;border-radius:3px;height:8px}.ext-page-line:first-child{width:60%}.ext-page-line:nth-child(2){width:80%}.ext-page-line:nth-child(3){width:45%}.ext-page-line:nth-child(4){width:70%}.ext-page-line:nth-child(5){width:55%}.ext-page-line:nth-child(6){width:65%}.ext-page-line:nth-child(7){width:50%}.ext-page-line.captured{animation:.4s ease-out forwards ext-highlight}@keyframes ext-highlight{0%{background:#f0f0f0}50%{background:#dbeafe}to{background:#eff6ff}}.ext-panel{opacity:0;border-left:1px solid #0000000f;flex-direction:column;width:120px;animation:.35s ease-out .5s forwards ext-panel-in;display:flex;transform:translate(8px)}.ext-panel-content{flex-direction:column;flex:1;gap:8px;padding:12px 10px;display:flex}.ext-composer{border:1px solid #0000001f;border-radius:6px;justify-content:flex-end;align-items:flex-end;min-height:22px;margin:0 8px 8px;padding:6px;display:flex}.ext-composer-btn{background:#222;border-radius:50%;width:16px;height:16px}@keyframes ext-panel-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.ext-row{opacity:0;align-items:center;gap:5px;animation:.3s ease-out forwards ext-row-in;display:flex}.ext-row:first-child{animation-delay:.9s}.ext-row:nth-child(2){animation-delay:1.2s}.ext-row:nth-child(3){animation-delay:1.5s}.ext-row:nth-child(4){animation-delay:1.8s}@keyframes ext-row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ext-check{background:#dcfce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.ext-check-mark{color:#16a34a;width:7px;height:7px}.ext-value{background:#e8e8e8;border-radius:2px;flex:1;height:7px}@media (width<=768px){.ext-demo{padding:12px}.ext-browser{max-width:300px}.ext-body{min-height:130px}.ext-panel{width:100px}}