:root{color-scheme:dark;--bg:#0c1118;--panel:#121b26;--border:#24303e;--ink:#eaf2f9;--muted:#8c9daf;--sky:#a5e5fa;--sky-dim:#243f4c;--green:#92dabb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 "Segoe UI",Inter,Arial,sans-serif}button,input,a,audio{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button{color:inherit}button,a,input,summary{-webkit-touch-callout:default}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--sky);outline-offset:4px}button svg,svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.topbar{height:78px;padding:0 44px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:13px;font-size:22px;font-weight:600;letter-spacing:-.6px}.brand-icon{width:38px;height:38px;border:1px solid #4b6c79;border-radius:11px;display:flex;justify-content:center;align-items:center;font-size:25px;color:var(--sky);letter-spacing:-7px;padding-right:7px}.brand-icon span{font-size:20px;font-weight:400;margin-top:6px}.studio-label{font-size:8px;letter-spacing:2.3px;color:#95a9b9;display:block;margin-top:-2px}.top-right{display:flex;align-items:center;gap:23px}.local-badge{font-size:11px;color:#aab9c7;display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:6px;height:6px;background:var(--muted);border-radius:50%;flex-shrink:0}.local-badge .dot{background:var(--green)}.icon-button{background:transparent;color:#a6b8c7;border:1px solid var(--border);width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.icon-button:hover{background:#24303e}.by-picerama{font-size:10px;color:#8b9eaf;border-left:1px solid var(--border);padding-left:23px}.by-picerama strong{font-size:16px;color:#d7e4ee;margin-left:5px;letter-spacing:-.6px}main{max-width:1600px;margin:auto;padding:35px 44px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--sky);font-weight:600;margin-bottom:11px}h1{font-size:clamp(25px,2.7vw,40px);font-weight:500;line-height:1.2;letter-spacing:-1.3px}h1>span{color:var(--sky)}.page-heading p:not(.eyebrow){color:var(--muted);font-size:12px;margin-top:9px}.version-badge{font-size:8px;letter-spacing:1.6px;border:1px solid var(--border);border-radius:20px;padding:7px 12px;white-space:nowrap;color:#9bafbe}.version-badge>span{color:var(--sky);font-size:13px;margin-right:5px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:24px;align-items:start}.main-column{min-width:0}.stage-wrapper{position:relative;aspect-ratio:16/9;background:#060a0f;border:1px solid #31424f;overflow:hidden;border-radius:13px;isolation:isolate}.stage-wrapper canvas{width:100%;height:100%;display:block;object-fit:contain}.stage-top{position:absolute;z-index:2;top:18px;left:19px;right:19px;display:flex;justify-content:space-between;align-items:center}.stage-status{background:#0c1826c9;backdrop-filter:blur(12px);border:1px solid #b7d5e331;font-size:8px;font-weight:600;letter-spacing:1.3px;display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:5px}.stage-status.active .dot{background:var(--green);box-shadow:0 0 9px #92dabb88}.stage-status.demo .dot{background:var(--sky)}.stage-top-actions{display:flex;gap:7px}.stage-icon{background:#0d1a28b3;backdrop-filter:blur(8px);border:1px solid #b7d5e32b;width:33px;height:33px;border-radius:7px;display:grid;place-items:center;color:#f3faff}.stage-icon:hover{background:#294858}.stage-icon svg{width:16px;height:16px}.stage-bottom{position:absolute;z-index:2;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0a111bd9);padding:55px 24px 22px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.stage-bottom-actions,.identity{pointer-events:auto}.avatar-count{font-size:8px;font-weight:500;letter-spacing:2px;color:#d0e4ed;display:block;margin-bottom:3px}.identity h2{font-size:29px;letter-spacing:-.8px;font-weight:500;line-height:1.25;color:white}.identity p{font-size:10px;color:#c1d0d9;margin-top:3px}.stage-navigation{display:flex;gap:7px}.stage-bottom-actions{display:flex;align-items:center;gap:7px}.only-full{display:none}.stage-wrapper:fullscreen{border:0;border-radius:0;width:100vw;height:100vh;aspect-ratio:auto}.stage-wrapper.cinema{position:fixed;inset:0;width:100vw;height:100dvh;z-index:1000;border:0;border-radius:0;aspect-ratio:auto}.stage-wrapper:fullscreen .only-full,.stage-wrapper.cinema .only-full{display:grid}.stage-wrapper:fullscreen .stage-top,.stage-wrapper.cinema .stage-top{top:max(20px,env(safe-area-inset-top))}.hud-hidden .stage-hud{display:none}.restore-hud{position:absolute;z-index:4;bottom:18px;right:18px;background:#101c2dd9;color:white;border:1px solid #78909c70;padding:8px 12px;border-radius:6px;font-size:10px}.loading-state{position:absolute;inset:0;z-index:3;display:flex;gap:12px;align-items:center;justify-content:center;background:#0a111a95;backdrop-filter:blur(4px);font-size:12px;color:#d8eff9}.spinner{width:20px;height:20px;border:2px solid #a5e5fa35;border-top-color:var(--sky);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preview-foot{padding:12px 2px 19px;color:#71879b;font-size:9px;display:flex;justify-content:space-between;align-items:center;gap:10px}.preview-foot>span:first-child{display:flex;align-items:center;gap:7px;color:#9fb1c0}.preview-foot .dot{background:var(--green);width:5px;height:5px}.foot-separator{margin:0 8px;color:#415363}.audio-panel,.avatar-panel{border:1px solid var(--border);background:var(--panel);border-radius:12px;padding:21px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading>div{display:flex;align-items:center;gap:10px}.section-number{font-size:8px;border:1px solid #415161;border-radius:4px;display:grid;place-items:center;width:22px;height:22px;color:#94aebf}.panel-heading h2{font-size:14px;font-weight:500;letter-spacing:-.2px}.small-label{font-size:7px;letter-spacing:1.1px;color:#7b94a8}.audio-modes{display:flex;gap:6px;border-bottom:1px solid var(--border);padding:19px 0 17px;flex-wrap:wrap}.mode-button{border:1px solid transparent;border-radius:6px;background:transparent;display:flex;align-items:center;gap:7px;font-size:10px;padding:9px 11px;color:#9aafbf}.mode-button svg{width:15px;height:15px}.mode-button:hover{background:#1a2a39}.mode-button.selected{background:#213a49;color:#c6effd;border-color:#3b6273}.source-description{margin:18px 0}.source-description h3{font-size:12px;font-weight:500;margin-bottom:6px}.source-description p{font-size:10px;line-height:1.7;color:#879eb0;max-width:590px}.audio-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.primary-button{padding:11px 15px;border-radius:7px;background:var(--sky);color:#102b39;font-size:11px;font-weight:600;display:flex;align-items:center;gap:17px;transition:background .2s}.primary-button:hover{background:#c8f2ff}.primary-button svg{width:15px;height:15px}.secondary-button{padding:11px 12px;border:1px solid #344858;border-radius:7px;font-size:10px;color:#c2d1dc;background:transparent;display:flex;align-items:center;gap:7px}.secondary-button:not(:disabled):hover{background:#243442}.stop-square{width:7px;height:7px;background:currentColor;border-radius:1px}.level-meter{display:flex;align-items:center;gap:10px;margin-left:auto;min-width:110px}.meter-bars{display:flex;gap:3px;align-items:center;height:24px}.meter-bars i{width:3px;background:#2b4252;border-radius:2px;transition:background .07s}.meter-bars i.lit{background:var(--sky)}.level-meter>span{font-size:9px;color:#9db6c8;min-width:28px;text-align:right;font-variant-numeric:tabular-nums}.status-message{font-size:10px;color:#89a4b6;margin-top:11px;min-height:15px;line-height:1.6}.status-message.error{color:#f3bdac}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:36px;border-top:1px solid var(--border);margin-top:18px;padding-top:17px}.slider-setting{font-size:10px;color:#b7c9d7}.slider-setting>span{display:flex;justify-content:space-between;gap:10px;margin-bottom:9px}.slider-setting output{color:var(--sky);font-size:9px;font-variant-numeric:tabular-nums}input[type=range]{width:100%;margin:0;height:14px;accent-color:var(--sky);cursor:pointer}.avatar-panel{padding:19px 16px}.avatar-panel .panel-heading h2{font-size:13px}.total-badge{color:#9fb6c7;background:#1d2e3d;padding:3px 7px;font-size:9px;border-radius:5px}.panel-description{font-size:10px;color:#8299ad;line-height:1.7;margin:12px 0 18px 32px}.avatar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:760px;overflow-y:auto;padding:3px;scrollbar-width:thin;scrollbar-color:#3d566b transparent}.avatar-card{padding:0;text-align:left;min-width:0;border-radius:7px;border:1px solid #2c3f50;background:#152333;overflow:hidden;position:relative;transition:border-color .15s,background .15s}.avatar-card:hover{border-color:#66869c;background:#213849}.avatar-card.selected{border:1px solid var(--sky);box-shadow:0 0 0 1px var(--sky)}.avatar-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#243544}.avatar-thumb img{position:absolute;display:block;max-width:none;width:200%;height:200%;left:0;top:0}.avatar-caption{display:block;padding:7px 8px 8px}.avatar-title{display:flex;align-items:center;justify-content:space-between;gap:3px}.avatar-title strong{font-weight:500;font-size:10px}.avatar-shortcut{color:#7c96aa;font-size:8px}.avatar-office{display:block;font-size:7px;color:#8199ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.selected .avatar-office{color:#a3c9da}.selection-check{position:absolute;top:6px;right:6px;width:16px;height:16px;border-radius:50%;display:none;place-items:center;background:var(--sky);color:#103041;font-size:10px}.selected .selection-check{display:grid}.selection-note{font-size:9px;color:#8ea9bd;text-align:center;border-top:1px solid var(--border);padding-top:14px;margin-top:17px}.selection-note>span{color:var(--sky);margin-right:5px}.bottom-notes{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px;font-size:9px;color:#70899e}.bottom-notes p:first-child{display:flex;align-items:center;gap:7px}.bottom-notes svg{width:13px;height:13px;color:#8ba9b9}footer{margin-top:25px;border-top:1px solid var(--border);padding:19px 0 24px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#738da2}.footer-dot{padding:0 8px;color:#394f62}.text-button{background:transparent;padding:0;color:#9bb3c5;font-size:10px;cursor:pointer}.text-button:hover{color:var(--sky)}.text-button span{margin-left:9px}.file-player{border:1px solid #30485b;background:#0f1b28;border-radius:7px;padding:13px;margin-bottom:16px}.file-player>span{font-size:11px;display:block;overflow-wrap:anywhere;margin-bottom:8px;color:#c9e6f2}.file-player audio{width:100%;height:36px;display:block;margin-bottom:10px}.file-player .text-button{font-size:9px}dialog{border:1px solid #3c556b;border-radius:15px;background:#13202e;color:var(--ink);width:min(560px,calc(100% - 32px));padding:25px;max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#03080dcc;backdrop-filter:blur(7px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.dialog-top .eyebrow{margin:0}.dialog-top .icon-button{font-size:23px}.dialog-top+.h2{font-weight:500}dialog h2{font-size:27px;letter-spacing:-1px;line-height:1.25;font-weight:500;margin-bottom:20px}dialog ol{padding-left:20px;font-size:12px;color:#b1c5d6}dialog li{padding-left:7px;margin-bottom:14px}dialog li strong{display:block;font-weight:500;color:#e4f3fb;margin-bottom:3px}.help-callout{background:#0d1a27;border:1px solid #2a4659;padding:16px;border-radius:8px;margin:20px 0;font-size:11px;color:#9db7ca}.help-callout strong{font-weight:500;color:#d1ebfa}.help-callout p{margin-top:7px;line-height:1.7}.help-callout a{color:var(--sky);font-size:10px;text-decoration:underline;display:inline-block;margin-top:10px}.shortcut-list{display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:10px;color:#b7cada}kbd{font:9px "Segoe UI",sans-serif;display:inline-block;min-width:18px;text-align:center;border:1px solid #496074;border-bottom-width:2px;border-radius:4px;padding:1px 5px;background:#213448;color:#d6effb;margin-right:2px}.help-fine{color:#708ea5;font-size:9px;line-height:1.8;border-top:1px solid var(--border);padding-top:18px;margin-top:22px}.skip{position:fixed;top:-100px;left:15px;background:var(--sky);color:#102b39;z-index:2000;padding:10px;border-radius:5px}.skip:focus{top:10px}body.cinema-open{overflow:hidden}
@media(min-width:1500px){.workspace{grid-template-columns:minmax(0,1fr) 336px}.avatar-grid{gap:11px}.avatar-card .avatar-title strong{font-size:12px}.avatar-office{font-size:8px}}
@media(max-width:1100px){.topbar{padding:0 25px}main{padding:28px 25px 0}.workspace{grid-template-columns:minmax(0,1fr) 253px;gap:17px}.avatar-panel{padding:17px 11px}.avatar-panel .panel-heading>div{gap:6px}.avatar-panel .panel-heading h2{font-size:12px}.panel-description{margin-left:28px;font-size:9px}.avatar-grid{gap:7px}.avatar-caption{padding:6px}.avatar-title strong{font-size:9px}.avatar-office{font-size:6px}.audio-panel{padding:18px}.small-label{font-size:6px}.mode-button{font-size:9px;padding:8px}.settings-row{gap:20px}.preview-foot>span:last-child{display:none}.stage-bottom{padding:42px 18px 17px}.identity h2{font-size:26px}.bottom-notes{font-size:8px}}
@media(max-width:800px){.topbar{height:68px;padding:0 20px}main{padding:25px 20px 0}.brand{font-size:20px}.brand-icon{width:34px;height:34px;font-size:24px}.local-badge{font-size:9px}.by-picerama{display:none}.top-right{gap:12px}.page-heading{margin-bottom:22px}.page-heading>div>p:not(.eyebrow){font-size:11px}.eyebrow{font-size:8px}h1{font-size:29px}.version-badge{display:none}.workspace{display:flex;flex-direction:column;gap:20px}.main-column,.avatar-panel{width:100%}.main-column{display:contents}.stage-wrapper{width:100%;order:0}.preview-foot{width:100%;order:1;padding:0 2px;margin-top:-11px}.avatar-panel{order:2;padding:17px}.audio-panel{width:100%;order:3}.avatar-panel .panel-heading h2{font-size:14px}.panel-description{margin:7px 0 14px;font-size:10px}.panel-description br{display:none}.avatar-grid{display:flex;overflow:auto;gap:10px;max-height:none;scroll-snap-type:x proximity;padding:3px 3px 9px;scrollbar-width:thin}.avatar-card{flex:0 0 132px;scroll-snap-align:start}.avatar-title strong{font-size:11px}.avatar-office{font-size:8px}.avatar-caption{padding:8px}.selection-note{margin:10px 0 0;padding-top:10px;font-size:9px}.bottom-notes{flex-direction:column;align-items:flex-start;gap:7px;margin-top:18px;font-size:9px}.mode-button{font-size:11px;padding:10px 12px}.audio-modes{gap:7px}.source-description h3{font-size:13px}.source-description p{font-size:11px}.status-message{font-size:11px}.primary-button{font-size:12px}.secondary-button{font-size:11px}.settings-row{gap:24px}.slider-setting{font-size:11px}.slider-setting output{font-size:10px}.small-label{font-size:7px}}
@media(max-width:460px){.topbar{height:65px;padding:0 16px}.local-badge{display:none}main{padding:24px 14px 0}.brand{font-size:19px}.page-heading{margin-bottom:20px}h1{font-size:27px;letter-spacing:-1px}.page-heading>div>p:not(.eyebrow){font-size:10px;max-width:290px}.stage-wrapper{border-radius:10px}.stage-top{top:10px;left:11px;right:11px}.stage-status{font-size:6px;padding:5px 7px;letter-spacing:.8px}.stage-icon{width:28px;height:28px;border-radius:6px}.stage-icon svg{width:14px;height:14px}.stage-bottom{padding:32px 13px 12px}.avatar-count{font-size:6px;margin-bottom:1px}.identity h2{font-size:22px}.identity p{font-size:8px;margin-top:0}.stage-navigation{gap:5px}.preview-foot{font-size:8px}.avatar-panel{padding:14px}.audio-panel{padding:16px 14px}.audio-modes{gap:4px;justify-content:space-between;padding-top:16px}.mode-button{font-size:8px;padding:9px 7px;gap:5px}.mode-button svg{width:13px;height:13px}.mode-button[data-mode=share]{flex-basis:100%;justify-content:center;font-size:11px}.mode-button:not([data-mode=share]){flex:1;justify-content:center;font-size:10px}.audio-actions{gap:7px}.primary-button{padding:11px 12px;gap:14px;font-size:11px}.secondary-button{font-size:10px;padding:11px 10px}.level-meter{min-width:auto;gap:6px}.meter-bars{gap:2px}.meter-bars i{width:2px}.level-meter>span{font-size:8px;min-width:23px}.settings-row{gap:18px}.slider-setting{font-size:9px}.slider-setting output{font-size:9px}.slider-setting>span{gap:5px}.bottom-notes{font-size:8px}.small-label{font-size:6px;letter-spacing:.7px}.source-description h3{font-size:12px}.source-description p{font-size:10px}.status-message{font-size:10px}footer{font-size:9px;padding-bottom:20px}.text-button{font-size:9px}dialog{padding:20px}.shortcut-list{grid-template-columns:1fr;gap:11px}.restore-hud{font-size:8px;padding:6px 8px;bottom:10px;right:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}}
.slider-setting{min-width:0}