.studio-app{--bg:#202224;--panel:#232526;--line:#363839;--muted:#a5a7aa;--text:#f1f1f2;--accent:#ff858b;--green:#8ed1b4;background:#202224;font-size:12px;height:100dvh;overflow:hidden}.studio-app button,.studio-app select{font:inherit}.studio-app button{border-radius:4px}.studio-app .studio-toolbar{height:46px;margin:0;padding:0 12px;display:flex;gap:9px;border-bottom:1px solid #323537;background:#1d2326;white-space:nowrap}.studio-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:#f6f6f6;font-size:13px}.studio-brand small{font-size:10px;color:#a8aaad;margin-left:2px}.brand-orbit{height:17px;width:17px;display:block;border:2px solid #9475ff;border-radius:50%;box-shadow:inset 0 0 0 2px #28203d;position:relative}.brand-orbit:after{content:"";position:absolute;width:5px;height:5px;background:#7ac9ed;border-radius:50%;left:4px;top:4px}.toolbar-separator{height:17px;border-left:1px solid #45494a;margin:0 9px}.toolbar-spacer{flex:1}.local-mark{display:flex;align-items:center;gap:6px;color:#adb8b6;font-size:10px}.local-mark i{width:5px;height:5px;background:var(--green);border-radius:50%}.studio-app .toolbar-button,.studio-app .record-button,.studio-app .icon-button{background:#293033;border:1px solid #373e40;color:#eceeef;padding:7px 11px;font-size:12px;line-height:16px;min-height:31px}.studio-app .icon-button{padding:5px 9px}.studio-app .record-button:hover,.studio-app .toolbar-button:hover,.studio-app .icon-button:hover{background:#394145}.studio-app .record-button.recording{background:#943f47;border-color:#ff858b}.studio-app #timer{font:11px Consolas,monospace;color:#d5d9da;font-weight:400}.studio-app .record-state{font-size:10px;color:#939da0}.studio-app .record-dot{width:5px;height:5px}.studio-workspace{height:calc(100dvh - 46px);display:grid;grid-template-columns:274px minmax(0,1fr) 264px;gap:12px}.inspector{background:#222322;border-right:1px solid #363839;display:flex;flex-direction:column;min-height:0}.inspector-tabs{display:flex;padding:4px 10px 10px;gap:0;border-bottom:1px solid #303234;height:44px}.inspector-tabs button{background:transparent;border:1px solid #3a3c3d;flex:1;color:#afb2b4;position:relative;padding:6px;display:flex;gap:6px;align-items:center;justify-content:center;font-size:10px!important;border-radius:0!important}.inspector-tabs button:first-child{border-radius:4px 0 0 4px!important}.inspector-tabs button:last-child{border-radius:0 4px 4px 0!important}.inspector-tabs button+button{border-left:0}.inspector-tabs button span{font-size:15px}.inspector-tabs button.active{background:#2b2d2d;color:#fff}.inspector-tabs button.active:after{content:"";position:absolute;bottom:-1px;width:18px;height:3px;background:var(--accent);border-radius:2px}.inspector-scroll{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#4c4e50 transparent}.studio-app .panel{background:transparent;border:0;border-bottom:1px solid #343636;border-radius:0;padding:12px 10px 16px;margin:0}.studio-app .panel-title{margin:0 0 12px;min-height:18px}.studio-app h2{font-size:12px;font-weight:550}.studio-app .tiny{font-size:8px;letter-spacing:.5px;color:#959b9d}.studio-app label{font-size:12px;color:#e3e4e5;margin-top:13px}.studio-app label:first-child{margin-top:0}.studio-app select{background:#2d2f2e;border:1px solid #343635;padding:8px 9px;margin-top:6px;font-size:12px;border-radius:4px}.studio-app label span{color:#d7d7d9}.studio-app .check{font-size:11px}.studio-app .hint{font-size:10px!important;line-height:1.6;color:#929b9e}.studio-app .primary{background:#e07b83;color:#191b1e;border:1px solid #ff979b;padding:9px 14px}.studio-app .primary:hover{background:#f79a9f}.studio-app .secondary{background:#2c3031;border:1px solid #3e4142;padding:8px 11px;font-size:11px;color:#e8eaeb;border-radius:4px}.studio-app .secondary:hover{background:#3a3e40}.source-tile{margin:12px 10px 0;min-height:44px;border:2px solid var(--accent);border-radius:4px;background:#2a2c2e;display:flex;align-items:center;justify-content:center;gap:7px}.source-tile>span:first-child{font-size:17px}.source-tile>span:last-child{font-size:9px;color:#a9adaf;margin-left:8px}.studio-app .source-panel button{margin-top:8px}.inspector-foot{padding:10px;color:#8f9596;font-size:8px;letter-spacing:1px;display:flex;justify-content:space-between;border-top:1px solid #363839}.studio-app .two{gap:12px}.studio-app input[type=range]{height:4px;accent-color:var(--accent);margin:16px 0 10px}.studio-app input[type=checkbox]{accent-color:var(--accent)}.studio-app .meter{height:4px;background:#373e3d}.studio-app main.studio-center{padding:0;margin:0;max-width:none;display:flex;flex-direction:column;min-width:0;min-height:0;background:transparent}.preview-workspace{flex:1;display:flex;align-items:center;justify-content:center;padding:15px;min-height:0;border:1px solid #343838;background:#2b2e2e;border-radius:8px;margin-top:0;overflow:hidden}.studio-app .stage{aspect-ratio:16/9;width:100%;max-height:100%;border:0;border-radius:0;box-shadow:none;background:#100d19;position:relative}.studio-app .stage canvas{object-fit:contain}.studio-app .empty{background:radial-gradient(ellipse at center,#1d1829aa,#100d1920);color:#d3d0dc}.studio-app .empty h2{font-size:19px;font-weight:450;margin:18px 0 0}.studio-app .empty p{font-size:12px;color:#888391;margin:11px 0 20px}.studio-app .empty>span{font-size:9px;color:#746f80}.studio-app .camera-symbol{font-size:27px;border:1px solid #453f51;border-radius:12px;background:#292331;color:#a39bb2;width:56px;height:56px}.studio-app .empty .primary{background:#33303e;color:#dfd8e9;border-color:#544a63;font-size:12px}.studio-app .stage-tag{font-size:8px;letter-spacing:1px;top:12px;left:12px;padding:6px;background:#1010156b;border-color:#ffffff10;color:#a9a6b1}.studio-app .stage-info{font-size:9px;bottom:10px;right:10px;color:#96929f;background:#12111b8c}.canvas-toolbar{display:flex;align-items:center;gap:8px;padding:10px 0 6px;min-height:48px;flex-shrink:0}.studio-app .segments{background:#25292b;border-color:#373d3f;border-radius:4px;padding:2px;gap:2px}.studio-app .segments button{padding:7px 10px;font-size:10px;color:#acb3b8}.studio-app .segments .selected{background:#383d3f;color:#fff}.studio-app .status{font-size:9px;border:0;background:none;padding:0;color:#acb7b3}.studio-app #notice{font-size:10px;line-height:1.5;padding:4px 0 10px;color:#949e9f;max-height:46px;overflow-y:auto}.studio-app #notice.error{color:#ff9c9f}.studio-app #downloads{max-height:70px;overflow:auto}.studio-app #downloads a{padding:6px 10px;font-size:10px;background:#3b343c}.scene-browser{background:#1e2529;border-left:1px solid #333b3e;display:flex;flex-direction:column;min-height:0;padding:7px 12px 0 0}.scene-browser-heading{padding:4px 2px 11px 12px;display:flex;align-items:center;justify-content:space-between;color:#d6dcdf}.scene-browser-heading span{font-size:17px;color:#a6b2b7}.studio-app .scene-filter{margin:0 0 8px 12px;font-size:0}.studio-app .scene-filter select{margin:0;background:#293136;border-color:#353e42;font-size:11px}.scene-list{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#485056 transparent;flex:1;padding:0 0 0 12px}.scene-card{width:100%;display:block;color:#e9edef;background:transparent;padding:0;margin-bottom:14px;text-align:center;border:0}.scene-thumbnail{aspect-ratio:16/9;width:100%;border:1px solid #41484b;border-radius:5px;position:relative;overflow:hidden;background:#233442}.scene-card.active .scene-thumbnail{border:2px solid var(--accent);box-shadow:0 0 0 1px #ff858b15}.scene-card:hover .scene-thumbnail{border-color:#859097}.scene-card.active:hover .scene-thumbnail{border-color:var(--accent)}.scene-caption{font-size:11px;display:flex;align-items:center;justify-content:space-between;padding:7px 2px 0}.scene-caption small{font-size:9px;color:#8f9ea6}.shortcut{position:absolute;right:7px;top:7px;background:#232533ba;color:#d9dbe8;font:9px Segoe UI,sans-serif;border:1px solid #ffffff12;border-radius:3px;padding:2px 4px;z-index:3}.thumb-camera{background:radial-gradient(ellipse at 60% 10%,#756273,#34314a 55%,#202332)}.thumb-person{position:absolute;bottom:-16%;left:32%;width:36%;height:98%}.thumb-person i,.thumb-face i{position:absolute;left:31%;top:17%;width:38%;height:32%;border-radius:45%;background:#c5a38c;box-shadow:0 -6px 0 1px #443a41}.thumb-person b,.thumb-face b{position:absolute;bottom:0;left:3%;width:94%;height:48%;border-radius:50% 50% 0 0;background:#708780}.thumb-badge{position:absolute;left:9px;bottom:9px;font-size:8px;letter-spacing:2px;color:#d0d3df80}.thumb-pip{background:linear-gradient(135deg,#3e4856,#272a37)}.thumb-window{position:absolute;inset:15% 9%;border-radius:4px;background:#dae1e5;box-shadow:0 6px 16px #0003;padding:12% 8% 5%;display:grid;grid-template-columns:1fr 1fr;gap:6px}.thumb-window i{position:absolute;left:0;top:0;right:0;height:15%;background:#849ba8;border-radius:4px 4px 0 0}.thumb-window b{background:#bacbd2;border-radius:2px}.thumb-window b:last-child{grid-column:span 2;background:#98acb8}.thumb-face{position:absolute;bottom:7%;right:6%;width:25%;height:40%;border-radius:6px;overflow:hidden;background:#55465a;border:1px solid #ffe4e966}.thumb-face i{top:13%;height:36%}.thumb-face b{height:43%;background:#cf8d83}.thumb-presentation{background:linear-gradient(120deg,#4d556c,#313a50)}.thumb-slide{position:absolute;inset:12% 8%;background:#f4f0e8;padding:8%;text-align:left;display:flex;gap:5px;align-items:flex-end}.thumb-slide span{font-size:7px;color:#333c4c;position:absolute;left:8%;top:18%;font-weight:700;letter-spacing:1px}.thumb-slide i{background:#86a296;height:35%;width:29%}.thumb-slide i:nth-of-type(2){height:47%;background:#bb996f}.thumb-slide i:nth-of-type(3){height:57%;background:#849ab0}.thumb-presentation .thumb-face{border-radius:50%;height:auto;aspect-ratio:1;bottom:6%;right:5%}.thumb-screen{background:linear-gradient(140deg,#294b50,#1d333d)}.thumb-left{background:linear-gradient(140deg,#574450,#293442)}.thumb-left .thumb-face{left:6%;right:auto}.scene-help{color:#8e9da4;font-size:9px;line-height:1.7;padding:0 0 8px 12px;margin:8px 0 0}.studio-app dialog{color:var(--text);background:#232729;border:1px solid #495053;border-radius:8px;padding:20px;width:min(440px,calc(100vw - 32px));max-height:85dvh;overflow:auto;box-shadow:0 24px 100px #0008}.studio-app dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}.dialog-title{display:flex;align-items:center;justify-content:space-between;padding:0 0 14px;border-bottom:1px solid #3a4043}.studio-app .dialog-title h2{font-size:16px}.studio-app dialog .panel{padding:16px 0;border:0}.studio-app dialog .pair-qr{width:170px}.studio-app dialog a{color:#ffb0b4}.studio-app #setup-dialog{width:min(680px,calc(100vw - 32px))}.studio-app details{margin:16px 0 0;padding:0;border:0;color:#b4bec1}.studio-app details p{font-size:12px}.studio-app summary{color:#dce3e5}@media(min-width:1700px){.studio-workspace{grid-template-columns:290px minmax(0,1fr) 282px;gap:12px}.studio-app .studio-toolbar{height:44px}.studio-workspace{height:calc(100dvh - 44px)}}@media(max-width:1150px){.studio-workspace{grid-template-columns:236px minmax(0,1fr) 205px;gap:8px}.preview-workspace{padding:10px}.studio-app .status{font-size:8px}.canvas-toolbar{flex-wrap:wrap}.studio-app .record-state,.studio-app .local-mark,.scene-caption small{display:none}.studio-app .empty h2{font-size:15px}.studio-app .empty p{font-size:10px;max-width:260px}.inspector-tabs button{font-size:9px!important}}@media(max-width:850px){.studio-workspace{grid-template-columns:210px minmax(0,1fr)}.scene-browser{display:none}.studio-app .studio-toolbar{gap:6px;padding:0 8px}.studio-brand{font-size:11px}.studio-brand small,.toolbar-separator,.studio-app .record-state{display:none}.studio-app .toolbar-button,.studio-app .record-button{font-size:10px;padding:6px 8px}.studio-app #timer{font-size:9px}.studio-app .empty p{display:none}.studio-app .empty h2{font-size:13px}.studio-app .empty .camera-symbol{width:40px;height:40px;font-size:22px}}@media(max-width:580px){.studio-app{overflow:auto;height:auto}.studio-workspace{height:auto;display:flex;flex-direction:column;gap:0}.studio-app .studio-toolbar{position:sticky;top:0;z-index:5;height:auto;min-height:46px;flex-wrap:wrap;padding:7px}.studio-app #timer,.studio-app .record-dot{display:none}.inspector{order:2;max-height:480px;border:0}.studio-app main.studio-center{order:1;padding:8px}.preview-workspace{min-height:240px}.studio-app .stage{width:100%}.studio-app .stage-info{font-size:7px}.canvas-toolbar{gap:6px}.studio-app .status{width:100%}.studio-app .scene-browser{display:flex;order:3;padding:12px}.scene-list{display:flex;gap:12px;overflow-x:auto;padding:0}.scene-card{min-width:170px;width:170px}.scene-browser-heading{padding:0 0 10px}.studio-app .scene-filter{margin:0 0 12px}.scene-help{padding:0}.inspector-foot{display:none}}.recording-dock{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;margin-top:10px;background:#252b2e;border:1px solid #3a4144;border-radius:7px;flex-shrink:0}.recording-status,.recording-actions{display:flex;align-items:center;gap:10px}.studio-app .recording-dock #timer{font-size:15px;letter-spacing:1px}.studio-app .recording-dock .record-state{display:inline;font-size:11px}.studio-app .recording-dock .record-button{background:#e7858e;color:#20191b;border-color:#f7a0a7;font-weight:600}.studio-app .recording-dock .record-button.recording{background:#943f47;color:#fff}.studio-app .recording-dock .record-dot{display:block;width:6px;height:6px}.studio-app .empty .luma-mascot{width:124px;height:124px;object-fit:contain;filter:drop-shadow(0 10px 20px #b598ff15)}.studio-app .empty .luma-greeting{margin:8px 0 0;font-size:10px;letter-spacing:.3px;color:#b8abc9}.studio-app .empty h2{margin-top:12px}.scene-thumbnail>img{display:block;width:100%;height:100%;object-fit:cover}.thumb-left>img{transform:scaleX(-1)}@media(max-width:850px){.recording-dock{gap:8px;padding:9px}.studio-app .empty .luma-mascot{width:84px;height:84px}.studio-app .recording-dock #timer{font-size:12px}}@media(max-width:580px){.recording-dock{flex-wrap:wrap}.studio-app .empty .luma-mascot{width:66px;height:66px}.studio-app .empty .luma-greeting{font-size:8px;margin-top:0}.studio-app .empty h2{margin-top:8px}.studio-app .empty>span.luma-greeting{display:block}}.studio-app button{align-items:center}.studio-app .icon-button,.studio-app .toolbar-button,.studio-app .record-button,.studio-app .primary,.studio-app .segments button{display:inline-flex;align-items:center;justify-content:center;gap:5px}.inspector-tabs .ui-icon{font-size:14px}.source-tile>.ui-icon{font-size:18px}.source-tile>span:last-child{margin-left:8px}.studio-app .icon-credit{color:#969ea2;font-size:8px;letter-spacing:0;text-decoration:none}.icon-credit:hover{text-decoration:underline}.status:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#9faaa5;margin-right:6px}.scene-browser-heading>.ui-icon{color:#a6b2b7}