:root{--welcome-canvas:oklch(17% .022 258);--welcome-panel:oklch(21% .026 258);--welcome-line:oklch(30% .035 258);--welcome-ink:oklch(96% .012 258);--welcome-muted:oklch(70% .028 258)}.welcome-studio-frame{z-index:50;background:var(--welcome-canvas);height:100dvh;position:fixed;inset:0;overflow:hidden}.ws4{border-radius:0;height:100%;min-height:0;padding:12px;overflow:hidden}.ws4 button{letter-spacing:0}.ws4 [data-testid=ws4-header]{border-radius:12px;gap:8px;padding:4px 12px}.ws4-readiness{height:46px}.ws4-ready-card{height:46px;overflow:hidden}.ws4-ready-card svg{width:16px;height:16px}.ws4-body{grid-template-columns:minmax(0,1fr) 440px;overflow:hidden}.ws4-left{overflow:hidden}.ws4-stage-card{border-radius:12px;flex:1;gap:8px;min-height:0}.ws4-stage-toolbar{flex:none;min-width:0}.ws4-stage-toolbar>[role=group]{flex:none;height:40px;padding:0}.ws4-stage-toolbar>[role=group] button{height:38px;min-height:38px;padding:0 12px}.ws4-stage-toolbar>[data-testid=simulate],.ws4-stage-toolbar>[data-testid=tv-rehearse]{white-space:nowrap;flex:none;height:40px;min-height:40px;padding:0 12px;font-size:12px}.ws4-stage-room{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;min-width:0;min-height:0;display:flex;container-type:size}.ws4-tv{aspect-ratio:16/9;flex:none;width:min(100cqw - 24px,177.778cqh - 106.667px)}.ws4-now-playing{flex:none;height:28px}.ws4-tv:fullscreen{aspect-ratio:auto;width:100%;height:100%}.ws4-dock{border:1px solid var(--welcome-line);background:var(--welcome-panel);border-radius:12px;flex-direction:column;flex:none;gap:8px;padding:12px;display:flex}.ws4-guests{grid-template-columns:110px repeat(5,minmax(0,1fr));align-items:center;gap:8px;display:grid}.ws4-guests>span{letter-spacing:0;color:var(--welcome-muted)}.ws4-guests .ws4-guest-chip{white-space:nowrap;height:34px;min-height:34px;padding:0 4px;font-size:11px}.ws4-turn-heading,.ws4-timeline-rule{height:18px}.ws4-timeline>div:nth-child(2)>div:not(:first-child){height:26px}.ws4-timeline>div:nth-child(2)>div:not(:first-child)>div:first-child>div:first-child{line-height:14px}.ws4-timeline>div:nth-child(2)>div:not(:first-child)>div:first-child>div:last-child{line-height:12px}.ws4-timeline [data-testid=ws3-timeline-total]{line-height:18px}.ws4 [data-testid=ws3-inspector]{border-radius:12px}.ws4 [data-testid=ws4-inspector-scroll]{overscroll-behavior:contain}.ws4 .ws3-panel-body button{max-width:100%}.ws4 .ws3-panel-body [class*=grid-cols-],.ws4 .ws3-panel-body [class*=gap-1\.5]{gap:8px}.welcome-demo-card>div:last-child{flex:none}.welcome-hub-wrap{padding:12px}@media (width>=1024px){.ws4 [data-testid=ws4-header]{flex-wrap:nowrap;height:60px}.ws4 [data-testid=ws4-header]>div:nth-child(2){flex:1;overflow:hidden}.ws4 [data-testid=ws4-header]>div:nth-child(3){display:none}.ws4 [data-testid=ws4-header]>div:nth-child(4){flex-wrap:nowrap;flex:none}.ws4 [data-testid=ws3-publish-confirm],.ws4 #welcome-publish-blockers,.ws4 [role=alert]{z-index:30;background:var(--welcome-panel);position:absolute;top:calc(100% + 8px);left:0;right:0}}@media (width>=768px) and (width<=1023px){.welcome-studio-frame{overflow-y:auto}.ws4{height:auto;min-height:100dvh;overflow:visible}.ws4-body{grid-template-columns:minmax(0,1fr);overflow:visible}.ws4-left{overflow:visible}.ws4-stage-room{min-height:360px;container-type:inline-size}.ws4-tv{width:calc(100% - 12px)}.ws4 [data-testid=ws3-inspector]{height:650px}}@media (width<=767px){.welcome-studio-frame{overscroll-behavior:contain;overflow-y:auto}.ws4{height:auto;min-height:100dvh;padding:8px 16px 16px;overflow:visible}.ws4 [data-testid=ws4-header]{padding:0}.ws4-body,.ws4-left{display:contents;overflow:visible}.ws4-stage-card{z-index:20;background:var(--welcome-canvas);flex:none;gap:8px;padding:8px 0;position:sticky;top:0}.ws4-stage-room{flex:none;container-type:inline-size}.ws4-tv{width:calc(100% - 12px)}.ws4-dock,.ws4 [data-testid=ws3-phone-readiness]{display:none}.ws4 [data-testid=ws3-phone-actions] button{padding-inline:12px;font-size:12px}.ws4 [data-testid=ws3-inspector]{height:auto;overflow:visible}.ws4 [data-testid=ws4-inspector-tabs]{margin-inline:-16px}.welcome-hub-wrap{padding:12px 16px}.welcome-page{width:calc(100% + 72px);margin-inline:-36px}.welcome-demo-card{width:100%}.welcome-demo-card>div:last-child{gap:12px;padding:12px}}.idle-style-list{grid-auto-rows:minmax(40px,auto);max-height:280px}.idle-style-button[aria-pressed=true],.idle-group-button[aria-pressed=true]{color:#eef2f8;background:#263650;border-color:#93c5fd;box-shadow:inset 0 0 0 1px #93c5fd}.idle-stage-bar{grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:8px;display:grid}.idle-simulator{grid-template-columns:auto auto auto auto;align-items:center;gap:4px;display:grid}.ws4-stage-card[data-idle-view=true] .ws4-tv{width:min(100cqw,177.778cqh)}.ws4-stage-card[data-idle-view=true] .ws4-stage-room{gap:0}@media (width<=767px){.ws4-stage-card[data-idle-view=true] .ws4-stage-room{min-height:0}.ws4-stage-card[data-idle-view=true] .ws4-tv{width:100%}.ws4-stage-card[data-idle-view=true] .ws4-stage-hint{display:none}.idle-stage-bar{grid-template-columns:minmax(0,1fr);gap:4px}.idle-simulator{grid-template-columns:auto auto minmax(0,1fr) auto}.idle-simulator button{padding-inline:6px;font-size:11px}.idle-sample-note{max-width:35px;line-height:12px}.idle-style-list{max-height:264px}}:root{--welcome-text-white:#fff;--welcome-text-black:#000;--welcome-text-gold:#e9c46a;--welcome-text-red:#ef4444;--welcome-text-pink:#f472b6;--welcome-text-orange:#f97316;--welcome-text-yellow:#facc15;--welcome-text-green:#22c55e;--welcome-text-blue:#3b82f6;--welcome-text-purple:#a855f7}.welcome-line-toolbar{flex-wrap:nowrap;align-items:center;gap:4px;display:flex}.welcome-line-toolbar button{color:var(--welcome-ink)}.welcome-line-toolbar button[aria-pressed=true]{background:var(--welcome-line);box-shadow:inset 0 0 0 1px var(--welcome-muted)}.welcome-colour-current{border:1px solid var(--welcome-muted);border-radius:50%;flex:none;width:14px;height:14px}.welcome-colour-swatch[aria-pressed=true]{outline:2px solid var(--ring);outline-offset:2px}.welcome-colour-white{background:var(--welcome-text-white)}.welcome-colour-black{background:var(--welcome-text-black)}.welcome-colour-gold{background:var(--welcome-text-gold)}.welcome-colour-red{background:var(--welcome-text-red)}.welcome-colour-pink{background:var(--welcome-text-pink)}.welcome-colour-orange{background:var(--welcome-text-orange)}.welcome-colour-yellow{background:var(--welcome-text-yellow)}.welcome-colour-green{background:var(--welcome-text-green)}.welcome-colour-blue{background:var(--welcome-text-blue)}.welcome-colour-purple{background:var(--welcome-text-purple)}.fx4{--fx-root:#0a0f17;--fx-stage:#0d131d;--fx-panel:#111826;--fx-control:#161f30;--fx-track:#1e2839;--fx-border:#253047;--fx-border-strong:#2e3a52;--fx-ink:#eef2f8;--fx-secondary:#c7d0de;--fx-muted:#a3aec2;--fx-dim:#8d99ae;--fx-empty:#5b6780;--fx-amber:#fbbf24;--fx-amber-ink:#3a2503;--fx-amber-text:#fcd34d;--fx-teal:#5eead4;--fx-blue:#60a5fa;--fx-danger:#fca5a5;z-index:45;background:var(--fx-root);color:var(--fx-ink);flex-direction:column;gap:12px;padding:16px;font-size:14px;display:flex;position:fixed;inset:0;overflow:hidden}.fx4 button{color:inherit;white-space:normal;letter-spacing:0}.fx4-header{background:var(--fx-panel);border:1px solid var(--fx-border);border-radius:16px;flex-wrap:wrap;flex:none;align-items:center;gap:12px;padding:10px 12px;display:flex}.fx4-header-title{border-left:1px solid var(--fx-border);align-items:center;gap:12px;min-width:0;padding-left:12px;display:flex}.fx4 h1,.fx4 h2,.fx4 p{margin:0}.fx4 h1,.fx4 h2{font-size:16px;font-weight:700}.fx4-sub{color:var(--fx-muted);font-size:12px;line-height:1.5}.fx4-spacer{flex:1}.fx4-emblem{background:var(--fx-amber);width:40px;height:40px;color:var(--fx-root);border-radius:50%;flex:none;place-items:center;display:grid}.fx4-body{flex:1;grid-template-columns:minmax(0,1fr) 440px;gap:12px;min-height:0;display:grid}.fx4-left{overscroll-behavior:contain;flex-direction:column;gap:12px;min-width:0;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.fx4-section{background:var(--fx-panel);border:1px solid var(--fx-border);border-radius:12px;flex-direction:column;flex:none;gap:8px;padding:12px;display:flex}.fx4-stage-card{background:var(--fx-stage);z-index:3;padding:12px;position:sticky;top:0}.fx4-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fx4 .fx4-btn{background:var(--fx-control);border:1px solid var(--fx-border-strong);min-height:40px;color:var(--fx-ink);border-radius:10px;padding:7px 12px;font-size:12px;font-weight:600}.fx4 .fx4-btn:hover{border-color:var(--fx-amber);background:var(--fx-track)}.fx4 .fx4-btn.active,.fx4 .fx4-btn.add{background:var(--fx-amber);color:var(--fx-amber-ink);border-color:var(--fx-amber)}.fx4 .fx4-btn.in{background:color-mix(in srgb,var(--fx-teal) 14%,transparent);color:var(--fx-teal);border-color:#0000}.fx4 .fx4-btn.replay{background:var(--fx-ink);color:var(--fx-root);border-radius:999px;font-weight:700}.fx4-seg{background:var(--fx-control);border:1px solid var(--fx-border);border-radius:999px;gap:4px;padding:4px;display:flex}.fx4-seg .fx4-btn{background:0 0;border:0;border-radius:999px}.fx4-stage-root{aspect-ratio:16/9;border-radius:14px;flex:none;width:100%;position:relative;overflow:hidden}.fx4-sound{background:color-mix(in srgb,var(--fx-root) 72%,transparent);z-index:5;pointer-events:none;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:flex;position:absolute;top:12px;left:12px}.fx4-stage-root:fullscreen .fx4-sound{display:none}.fx4-status{background:var(--fx-panel);border:1px solid var(--fx-border);border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.fx4-status-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.fx4-status-heading{flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:15px;font-weight:700;display:flex}.fx4-audio{color:var(--fx-secondary);font-size:12px;line-height:1.5}.fx4-dot{background:var(--effect-colour,var(--fx-secondary));border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.fx4-now-dot{width:12px;height:12px}.fx4-badge{color:var(--effect-colour,var(--fx-secondary));background:color-mix(in srgb,var(--effect-colour,var(--fx-secondary)) 14%,transparent);border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.fx4-draft{color:var(--fx-amber-text);background:color-mix(in srgb,var(--fx-amber) 14%,transparent);padding:6px 12px}.fx4-reps{flex-wrap:wrap;flex:none;gap:6px;max-width:160px;display:flex}.fx4-reps span{background:var(--fx-track);color:var(--fx-muted);border-radius:999px;padding:4px 8px;font-size:11px}.fx4-reps .current{background:var(--fx-ink);color:var(--fx-root)}.fx4-reps .done{background:color-mix(in srgb,var(--fx-teal) 14%,transparent);color:var(--fx-teal)}.fx4-progress{background:var(--fx-track);border-radius:999px;height:6px;overflow:hidden}.fx4-progress div{background:linear-gradient(90deg,var(--fx-teal),var(--fx-blue));height:100%}.fx4-rotation{background:linear-gradient(180deg,color-mix(in srgb,var(--fx-amber) 10%,var(--fx-root)),color-mix(in srgb,var(--fx-amber) 2%,var(--fx-root)));border-color:color-mix(in srgb,var(--fx-amber) 30%,transparent)}.fx4-count{color:var(--fx-amber-text);font-size:12px;font-weight:600}.fx4-slots{overscroll-behavior:contain;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-height:300px;padding-right:4px;display:grid;overflow-y:auto}.fx4-slot{border:1px solid var(--fx-border);background:var(--fx-stage);border-radius:12px;flex-direction:column;gap:6px;min-width:0;padding:8px;display:flex}.fx4-slot.empty{text-align:center;color:var(--fx-empty);border-style:dashed;justify-content:center;min-height:105px;font-size:12px}.fx4 .fx4-slot-play{text-align:left;background:0 0;border:0;justify-content:flex-start;align-items:flex-start;gap:8px;width:100%;padding:0;display:flex}.fx4-slot-name{min-height:33px;font-size:13px;font-weight:700;line-height:1.25;display:block}.fx4-num{background:var(--fx-track);width:22px;height:22px;color:var(--fx-muted);border-radius:50%;flex:none;place-items:center;font-size:11px;display:grid}.fx4-num.current{background:var(--fx-amber);color:var(--fx-amber-ink)}.fx4-meta{color:var(--fx-muted);flex-wrap:wrap;align-items:center;gap:5px;font-size:11px;line-height:1.4;display:flex}.fx4-slot-tools{justify-content:flex-end;gap:4px;display:flex}.fx4 .fx4-icon-btn{background:var(--fx-track);width:40px;height:40px;min-height:40px;color:var(--fx-secondary);border:0;border-radius:8px;padding:0}.fx4 .fx4-icon-btn.remove{color:var(--fx-danger)}.fx4-upcoming{border:1px solid var(--fx-track);border-radius:12px;grid-template-columns:56px minmax(0,1fr) 150px minmax(0,1.3fr);font-size:12px;display:grid;overflow:hidden}.fx4-upcoming>span{border-bottom:1px solid var(--fx-track);overflow-wrap:anywhere;min-width:0;padding:8px 12px}.fx4-upcoming .head{background:var(--fx-control);color:var(--fx-dim);font-size:11px;font-weight:700}.fx4-right{background:var(--fx-stage);border:1px solid var(--fx-border);border-radius:20px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.fx4-right-header{border-bottom:1px solid var(--fx-track);flex-direction:column;flex:none;gap:8px;padding:12px;display:flex}.fx4-tabs{background:var(--fx-control);border:1px solid var(--fx-border);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.fx4-panel-scroll{overscroll-behavior:contain;flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px;display:flex;overflow-y:auto}.fx4-search{background:var(--fx-control);border:1px solid var(--fx-border-strong);border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:0 12px;display:flex}.fx4-search input{min-width:0;color:var(--fx-ink);background:0 0;border:0;outline:none;flex:1;font-size:14px}.fx4-top-list{flex-direction:column;gap:8px;display:flex}.fx4-effect-card{border:1px solid var(--fx-border-strong);background:var(--fx-panel);border-radius:12px;gap:8px;min-width:0;padding:10px;display:flex}.fx4-effect-card.playing{border-color:var(--fx-amber)}.fx4 .fx4-card-preview{text-align:left;background:0 0;border:0;flex:1;justify-content:flex-start;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.fx4-card-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.fx4-card-name{font-size:14px;font-weight:700;line-height:1.3}.fx4-card-desc{color:var(--fx-secondary);font-size:12px;font-weight:400;line-height:1.4}.fx4-thumb{background:radial-gradient(ellipse at 50% 65%,color-mix(in srgb,var(--effect-colour) 55%,transparent),transparent 70%),var(--fx-root);border:1px solid color-mix(in srgb,var(--effect-colour) 35%,transparent);border-radius:8px;flex:none;width:112px;height:63px;display:block;position:relative;overflow:hidden}.fx4-thumb svg{width:30px;height:30px;color:var(--effect-colour);opacity:.8;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fx4-rank{background:var(--fx-root);width:22px;height:22px;color:var(--fx-amber-text);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid;position:absolute;top:6px;left:6px}.fx4-playing{background:var(--fx-ink);color:var(--fx-root);border-radius:999px;padding:2px 6px;font-size:9px;font-weight:800;position:absolute;bottom:6px;right:6px}.fx4-new{background:var(--fx-danger);color:var(--fx-root)}.fx4-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.fx4-library-grid .fx4-effect-card{flex-direction:column}.fx4-library-grid .fx4-card-preview{flex-direction:column;align-items:stretch;width:100%}.fx4-library-grid .fx4-thumb{width:100%;height:56px}.fx4-library-grid .fx4-card-desc{color:var(--fx-muted);font-size:11px}.fx4-thumb-level{position:absolute;bottom:6px;left:6px}.fx4-filters{background:var(--fx-panel);border:1px solid var(--fx-track);border-radius:14px;flex-direction:column;gap:8px;padding:10px;display:flex}.fx4-filter-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fx4-filter-label{color:var(--fx-dim);width:62px;font-size:10px;font-weight:700}.fx4 .fx4-filter{border-radius:999px;min-height:36px;padding:4px 8px;font-size:11px}.fx4-footer{color:var(--fx-dim);text-align:center;padding:6px 0 2px;font-size:12px}.fx4-settings{flex-direction:column;gap:12px;display:flex}.fx4-settings .fx4-section{border-radius:16px}.fx4-settings .fx4-seg{border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.fx4-settings .fx4-seg .fx4-btn{border-radius:9px;padding:7px 5px}.fx4-bullets{color:var(--fx-secondary);flex-direction:column;gap:6px;font-size:13px;line-height:1.5;display:flex}.fx4 .fx4-switch{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:48px;padding:0;display:flex}.fx4-knob{background:var(--fx-border-strong);border-radius:999px;flex:none;width:44px;height:24px;position:relative}.fx4-knob.on{background:var(--fx-amber)}.fx4-knob span{background:var(--fx-ink);border-radius:50%;width:20px;height:20px;position:absolute;top:2px;left:2px}.fx4-knob.on span{left:22px}@media (width>=1024px) and (width<=1300px){.fx4-body{grid-template-columns:minmax(0,1.5fr) minmax(360px,1fr)}.fx4-top-list .fx4-thumb{width:80px}.fx4-slots{grid-template-columns:repeat(5,minmax(0,1fr))}.fx4-slot{padding:6px}}@media (width<=1023px){.fx4{padding:8px;position:fixed;overflow-y:auto}.fx4-body{display:contents}.fx4-left,.fx4-right,.fx4-panel-scroll{flex:none;min-height:auto;overflow:visible}.fx4-left{display:contents}.fx4-stage-card{top:-8px}.fx4-header{padding:8px}.fx4-header-title{border:0;padding:0}.fx4-upcoming{grid-template-columns:40px minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr)}.fx4-upcoming>span{padding:6px}}@media (width<=767px){.fx4-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.fx4-library-grid{grid-template-columns:minmax(0,1fr)}.fx4-stage-card{border-radius:14px;gap:6px;padding:8px}.fx4-status{flex-wrap:wrap;gap:6px;padding:6px}.fx4-status-heading{gap:3px;font-size:12px}.fx4-status .fx4-sub,.fx4-audio{font-size:10px}.fx4-status .fx4-badge{font-size:9px}.fx4-now-dot{display:none}.fx4-reps{max-width:none}.fx4-toolbar{gap:4px}.fx4-seg{flex:1}.fx4 .fx4-btn,.fx4 .fx4-filter,.fx4 .fx4-icon-btn{min-height:44px}.fx4 .fx4-icon-btn{width:44px;height:44px}.fx4-toolbar .fx4-btn{padding:5px 8px;font-size:11px}.fx4-toolbar>.fx4-spacer{display:none}.fx4-effect-card{flex-wrap:wrap}.fx4-top-list .fx4-thumb{width:90px}.fx4-top-list .fx4-btn{width:100%}.fx4-header .fx4-sub{font-size:11px}.fx4-header .fx4-emblem{display:none}.fx4-status-copy{flex:100%;width:100%}.fx4-status>.fx4-sub{max-width:100%}.fx4-stage-card{box-shadow:0 6px 20px var(--fx-root)}.fx4-header{gap:8px}.fx4-header>.fx4-spacer{display:none}.fx4-header-title{flex:calc(100% - 150px)}.fx4-header-title>div{min-width:0}.fx4-header-title h1{white-space:nowrap;text-overflow:ellipsis;font-size:16px;line-height:1.25;overflow:hidden}.fx4-header .fx4-sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fx4-rotation .fx4-toolbar>.fx4-spacer{flex:1;min-width:0;display:block}}