:root{--bg:#0b1220;--card:#ffffff0f;--card2:#ffffff14;--text:#ffffffeb;--muted:#ffffffb3;--border:#ffffff1f;--accent:#7c3aed;--accent2:#22c55e;--danger:#ef4444;--shadow:0 18px 60px #00000073}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(1200px 800px at 20% 10%, #7c3aed38, transparent 60%), radial-gradient(900px 700px at 80% 30%, #22c55e29, transparent 60%), var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Apple Color Emoji,Segoe UI Emoji}#root{min-height:100%}.container{max-width:1100px;margin:0 auto;padding:28px 18px 48px}.container.wide{max-width:1400px}.container.narrow{max-width:520px}.stack{flex-direction:column;gap:12px;margin-top:12px;display:flex}.title{letter-spacing:-.02em;margin:0 0 6px;font-size:28px}.muted{color:var(--muted);margin:0;font-size:14px}.error{color:#ef4444f2;font-size:13px}.pill{color:var(--muted);border:1px solid var(--border);background:#0000002e;border-radius:999px;margin-left:auto;padding:6px 10px;font-size:12px}a{color:#c4b5fdf2}code{color:#fffc;font-size:12px}.header{margin-bottom:18px}.grid{grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px;display:grid}.grid2{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}@media (width<=980px){.grid,.grid2{grid-template-columns:1fr}}.card{background:linear-gradient(180deg, var(--card), #ffffff08);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:16px}.h2{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 10px;font-size:14px;font-weight:650}.label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.input{border:1px solid var(--border);width:100%;color:var(--text);background:#00000038;border-radius:12px;outline:none;padding:12px}.input:focus{border-color:#7c3aed8c;box-shadow:0 0 0 3px #7c3aed2e}.row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:12px;padding:10px 12px;font-weight:650}.btn:hover{background:var(--card2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btnPrimary{background:#7c3aed38;border-color:#7c3aed8c}video{border:1px solid var(--border);aspect-ratio:16/9;background:#00000059;border-radius:12px;width:100%}.log{border:1px solid var(--border);color:#ffffffd6;white-space:pre-wrap;background:#00000038;border-radius:12px;height:320px;margin:0;padding:12px;overflow:auto}.details{color:var(--muted);margin-top:12px}.details summary{cursor:pointer}.authGate{position:relative}.studioWrap{grid-template-columns:1fr minmax(260px,320px);align-items:start;gap:14px;display:grid}@media (width<=980px){.studioWrap{grid-template-columns:1fr}}.studioMain{border:1px solid var(--border);background:#00000073;border-radius:12px;overflow:hidden}.studioCanvas{touch-action:none;cursor:default;width:100%;height:auto;display:block}.studioSceneTabs{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.studioTab{padding:8px 10px;font-size:12px}.studioTabActive{background:#7c3aed47;border-color:#7c3aeda6}.studioList{flex-direction:column;gap:8px;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.studioListItem{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.studioListLabel{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.studioListBtn{text-align:left;border:1px solid var(--border);min-width:0;color:var(--text);cursor:pointer;background:#0003;border-radius:10px;flex:1;padding:8px 10px;font-size:13px}.studioListBtn:hover{background:#ffffff14}.studioListBtnActive{background:#7c3aed2e;border-color:#7c3aed8c}.hiddenFile{display:none}.studioInspector .label{margin-top:8px}.studioInspector .label:first-child{margin-top:0}.studioCheck{color:var(--text);align-items:center;gap:8px;margin:12px 0;font-size:14px;display:flex}.homePresetList{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.homePresetItem{border:1px solid var(--border);background:#0000002e;border-radius:12px;align-items:stretch;gap:10px;display:flex;overflow:hidden}.homePresetLink{min-width:0;color:inherit;flex:1;padding:12px 14px;text-decoration:none;display:block}.homePresetLink:hover{background:#ffffff0d}.homePresetTitle{margin-bottom:4px;font-size:15px;font-weight:650}.homePresetMeta{font-size:12px}.homePresetRtmp{margin-top:6px;font-size:11px}.homePresetDelete{flex-shrink:0;align-self:center;margin:8px}.studio-page{color:#ffffffeb;background:#0f0f13;flex-direction:column;height:100vh;min-height:100vh;display:flex;overflow:hidden}.studio-top-bar{background:#14141c;border-bottom:1px solid #2a2a35;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:52px;padding:10px 16px;display:grid}.studio-top-bar__left{align-items:center;gap:12px;min-width:0;display:flex}.studio-top-bar__meta{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.studio-top-bar__right{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.studio-top-link{color:#ff0050f2;white-space:nowrap;font-size:13px;font-weight:650;text-decoration:none}.studio-top-link:hover{text-decoration:underline}.studio-top-title{min-width:0;max-width:420px;color:inherit;background:#1a1a22;border:1px solid #2a2a35;border-radius:10px;outline:none;flex:1;padding:8px 12px;font-size:15px;font-weight:650}.studio-top-title:focus{border-color:#7a00ff8c;box-shadow:0 0 0 2px #7a00ff33}.studio-top-meta{color:#ffffff8c;font-size:11px}.studio-top-error{color:#f87171;font-size:11px}.studio-top-user{color:#ffffff8c;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:12px;overflow:hidden}.studio-work{flex:1;min-height:0;position:relative}.studio{box-sizing:border-box;background:#0f0f13;grid-template-rows:minmax(0,1fr);grid-template-columns:260px 1fr 320px;height:100%;min-height:0;padding-bottom:70px;display:grid}.studio-sidebar-left{z-index:2;background:#14141c;border-right:1px solid #2a2a35;flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.studio-panel-section{border-bottom:1px solid #2a2a35;padding:14px 12px}.studio-panel-section--grow{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.studio-panel-title{letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;margin:0 0 10px;font-size:11px;font-weight:700}.studio-scene-chips{flex-wrap:wrap;gap:8px;display:flex}.studio-scene-chip{color:#ffffffe0;cursor:pointer;background:#1a1a22;border:1px solid #2a2a35;border-radius:10px;padding:7px 10px;font-size:12px;font-weight:650}.studio-scene-chip:hover{background:#22222c;border-color:#ff005073}.studio-scene-chip--active{color:#fff;background:#7a00ff38;border-color:#7a00ffa6}.studio-scene-chip--ghost{color:#ffffffa6;border-style:dashed}.studio-scene-chip--danger{color:#fca5a5;border-color:#ef444459}.studio-scene-chip:disabled{opacity:.45;cursor:not-allowed}.studio-source-btns{flex-direction:column;gap:8px;display:flex}.studio-source-btn{cursor:pointer;color:#fff;background:linear-gradient(45deg,#ff0050,#7a00ff);border:none;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:700;box-shadow:0 8px 24px #00000059}.studio-source-btn:hover{filter:brightness(1.06)}.studio-source-btn--file{justify-content:center;align-items:center;margin:0;display:inline-flex}.studio-elements-list{flex-direction:column;flex:1;gap:6px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.studio-elements-empty{color:#ffffff73;margin:0;padding:8px 0;font-size:12px}.studio-elements-row{background:#1a1a22;border:1px solid #2a2a35;border-radius:10px;align-items:center;gap:8px;padding:6px 8px;display:flex}.studio-elements-row__check input{accent-color:#7a00ff}.studio-elements-name{text-align:left;color:#ffffffe6;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;min-width:0;padding:4px 0;font-size:12px}.studio-elements-name:hover{color:#fff}.studio-elements-name--active{color:#fda4af;font-weight:700}.studio-elements-remove{color:#ffffffbf;cursor:pointer;background:#14141c;border:1px solid #2a2a35;border-radius:8px;width:28px;height:28px;font-size:16px;line-height:1}.studio-elements-remove:hover{color:#fecaca;border-color:#ef444480}.studio-center{z-index:1;background:#000;flex-direction:column;justify-content:center;align-items:center;min-height:0;padding:16px;display:flex;position:relative;overflow:auto}.studio-preview{border:1px solid #2a2a35;border-radius:20px;flex-shrink:0;width:auto;max-width:100%;max-height:calc(100vh - 178px);overflow:hidden;box-shadow:0 0 40px #0009}.studio-preview-canvas{touch-action:none;width:100%;height:auto;display:block}.studio-preview-hint{color:#ffffff73;text-align:center;max-width:520px;margin:12px 0 0;font-size:11px}.studio-sidebar-right{z-index:2;background:#14141c;border-left:1px solid #2a2a35;flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.studio-right-tabs{border-bottom:1px solid #2a2a35;flex-shrink:0;display:flex}.studio-right-tab{color:#ffffff8c;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;flex:1;padding:12px 8px;font-size:11px;font-weight:750}.studio-right-tab:hover{color:#ffffffd9}.studio-right-tab--active{color:#fff;background:linear-gradient(#ff005014,#0000);box-shadow:inset 0 -2px #ff0050}.studio-right-body{flex:1;min-height:0;padding:14px 12px 20px;overflow:auto}.studio-tab-panel{flex-direction:column;gap:10px;display:flex}.studio-tab-panel--live{gap:0}.studio-live-stack{flex-direction:column;gap:14px;padding-bottom:8px;display:flex}.studio-live-card{background:#1a1a22;border:1px solid #2a2a35;border-radius:14px;flex-direction:column;gap:10px;padding:16px 14px;display:flex}.studio-live-card--primary{border-color:#ff005059;box-shadow:0 0 0 1px #7a00ff1f}.studio-live-destination{background:#14141c;border:1px solid #2a2a35;border-radius:12px;flex-direction:column;gap:8px;padding:12px 12px 14px;display:flex}.studio-live-destination__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.studio-live-actions-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.studio-readonly-box--sm{min-height:36px;max-height:56px}.studio-live-card__title{letter-spacing:.02em;color:#fff;margin:0;font-size:13px;font-weight:750}.studio-live-card__lead{color:#ffffff9e;margin:0;font-size:12px;line-height:1.5}.studio-live-card__lead strong{color:#ffb6c1f2;font-weight:700}.studio-live-card__hint{color:#ffffff6b;margin:0;font-size:11px;line-height:1.45}.studio-inline-code{color:#ffdcc8e6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px}.studio-live-card .studio-field-label{margin-top:2px}.studio-field-textarea{resize:vertical;color:#ffffffeb;box-sizing:border-box;background:#14141c;border:1px solid #2a2a35;border-radius:10px;outline:none;width:100%;min-height:72px;padding:10px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.4}.studio-field-textarea:focus{border-color:#7a00ff8c;box-shadow:0 0 0 2px #7a00ff2e}.studio-field-textarea--mono{font-size:11px}.studio-field-input--mono-sm{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.studio-live-split-fields{flex-direction:column;gap:14px;display:flex}.studio-live-disclosure{background:#16161e;border:1px solid #2a2a35;border-radius:14px;overflow:hidden}.studio-live-disclosure--muted{opacity:.95}.studio-live-disclosure__summary{cursor:pointer;color:#ffffffe0;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:10px;padding:14px;font-size:12px;font-weight:700;list-style:none;display:flex}.studio-live-disclosure__summary::-webkit-details-marker{display:none}.studio-live-disclosure__title{flex:1;line-height:1.35}.studio-live-disclosure__chev{border-bottom:2px solid #ffffff73;border-right:2px solid #ffffff73;flex-shrink:0;width:8px;height:8px;margin-bottom:4px;transition:transform .15s;transform:rotate(45deg)}.studio-live-disclosure[open] .studio-live-disclosure__chev{margin-bottom:-2px;transform:rotate(225deg)}.studio-live-disclosure__body{border-top:1px solid #2a2a35;flex-direction:column;gap:14px;padding:0 14px 16px;display:flex}.studio-live-disclosure__body--compact{gap:10px;padding-bottom:14px}.studio-live-disclosure__intro{color:#ffffff80;margin:12px 0 0;font-size:11px;line-height:1.45}.studio-live-tips{color:#ffffff8c;margin:12px 0 4px;padding-left:18px;font-size:11px;line-height:1.55}.studio-live-tips li{margin-bottom:6px}.studio-live-actions-col{flex-direction:column;gap:8px;margin-top:4px;display:flex}.studio-ghost-btn--block{text-align:center;justify-content:center;width:100%}.studio-ghost-btn--quiet{opacity:.9;font-weight:550}.studio-btn-gradient--block{text-align:center;width:100%;padding:11px 14px}.studio-link-btn{color:#ff0050e6;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-top:8px;padding:0;font-size:11px;font-weight:650;text-decoration:underline}.studio-link-btn:hover{color:#fda4af}.studio-readonly-box{color:#ffffffb8;word-break:break-all;background:#0a0a0f;border:1px dashed #2a2a35;border-radius:10px;min-height:44px;max-height:72px;padding:10px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;line-height:1.4;overflow:auto}.studio-readonly-box__empty{color:#ffffff59;font-style:italic}.studio-log--compact{height:120px;margin-top:8px}.studio-tab-lead{color:#ffffff8c;margin:0 0 4px;font-size:12px;line-height:1.45}.studio-tab-muted{color:#ffffff73;margin:0;font-size:12px;line-height:1.45}.studio-field-label{letter-spacing:.06em;text-transform:uppercase;color:#ffffff73;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.studio-field-input{color:#ffffffeb;box-sizing:border-box;background:#1a1a22;border:1px solid #2a2a35;border-radius:10px;outline:none;width:100%;padding:10px 11px;font-size:13px}.studio-field-input:focus{border-color:#7a00ff8c;box-shadow:0 0 0 2px #7a00ff2e}.studio-field-range{accent-color:#ff0050;width:100%}.studio-check{color:#ffffffd1;align-items:flex-start;gap:10px;margin:4px 0;font-size:12px;display:flex}.studio-check input{accent-color:#7a00ff;margin-top:2px}.studio-ghost-btn{color:#ffffffe0;cursor:pointer;background:#1a1a22;border:1px solid #2a2a35;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:650}.studio-ghost-btn:hover{background:#22222c;border-color:#fff3}.studio-ghost-btn--inline{width:auto;margin-top:8px;display:inline-block}.studio-inspector-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.studio-inspector .studio-field-label{margin-top:6px}.studio-live-section{border-bottom:1px solid #2a2a35;margin-bottom:16px;padding-bottom:16px}.studio-live-section:last-child{border-bottom:none;margin-bottom:0}.studio-live-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.studio-btn-gradient{cursor:pointer;color:#fff;background:linear-gradient(45deg,#ff0050,#7a00ff);border:none;border-radius:12px;padding:11px 18px;font-size:13px;font-weight:800;box-shadow:0 8px 28px #7a00ff40}.studio-btn-gradient:hover:not(:disabled){filter:brightness(1.05)}.studio-btn-gradient:disabled{opacity:.5;cursor:not-allowed}.studio-btn-gradient--sm{padding:8px 12px;font-size:12px}.studio-details{color:#ffffff8c;margin:12px 0;font-size:12px}.studio-details summary{cursor:pointer;font-weight:650}.studio-log{color:#ffffffc7;white-space:pre-wrap;background:#0a0a0f;border:1px solid #2a2a35;border-radius:10px;height:160px;margin:0;padding:10px;font-size:11px;overflow:auto}.studio-log--short{height:120px}.studio-bottom-bar{z-index:50;background:#1a1a22;border-top:1px solid #2a2a35;justify-content:center;align-items:center;gap:16px;height:70px;padding:0 20px;display:flex;position:fixed;bottom:0;left:260px;right:320px;box-shadow:0 -12px 40px #00000059}.studio-bottom-bar__cluster{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.studio-bottom-bar__cluster--grow{flex:1;justify-content:center;min-width:0}.studio-bottom-bar__btn{color:#ffffffe6;cursor:pointer;background:#14141c;border:1px solid #2a2a35;border-radius:12px;padding:10px 16px;font-weight:700}.studio-bottom-bar__btn:hover:not(:disabled){border-color:#ffffff2e}.studio-bottom-bar__btn:disabled{opacity:.45;cursor:not-allowed}.studio-bottom-bar__icon-btn{color:#ffffffd9;cursor:pointer;background:#14141c;border:1px solid #2a2a35;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:650}.studio-bottom-bar__icon-btn:hover{border-color:#7a00ff73}.studio-bottom-bar__slider{color:#ffffffa6;align-items:center;gap:8px;min-width:0;font-size:11px;display:flex}.studio-bottom-bar__slider input[type=range]{accent-color:#ff0050;width:120px}.studio-bottom-bar__slider-label{flex-shrink:0;width:52px}.studio-live-pill{letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c;background:#14141c;border:1px solid #2a2a35;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:800}.studio-live-pill--connecting{color:#fde68a;background:#eab3081a;border-color:#eab30873}.studio-live-pill--on{color:#fecaca;background:#ef44441f;border-color:#ef44448c;animation:1.6s ease-in-out infinite studio-pulse}@keyframes studio-pulse{0%,to{box-shadow:0 0 #ef444440}50%{box-shadow:0 0 0 6px #ef444400}}@media (width<=1100px){.studio{grid-template-columns:220px 1fr 280px}.studio-bottom-bar{left:220px;right:280px}}@media (width<=900px){.studio{grid-template-rows:auto auto 1fr;grid-template-columns:1fr;padding-bottom:88px}.studio-sidebar-left{border-bottom:1px solid #2a2a35;border-right:none;max-height:280px}.studio-center{order:-1;min-height:220px}.studio-sidebar-right{border-top:1px solid #2a2a35;border-left:none;max-height:320px}.studio-bottom-bar{flex-wrap:wrap;height:auto;min-height:70px;padding:10px 12px;left:0;right:0}}