.studio{--cyan:#76e1f2;--studio-muted:#a9b8cf;margin-top:46px;text-align:left;background:#111925;color:#e6edf7;border:1px solid #33445e;border-radius:13px;box-shadow:0 24px 65px #11253d20;overflow:hidden}.studio-head{padding:19px 23px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #314057;background:#172231}.studio-head>div{display:flex;align-items:center;gap:10px}.studio-head strong{font-size:15px;letter-spacing:.02em}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);flex-shrink:0}.source-chip{display:flex;align-items:center;gap:8px;font-size:11px;color:#c2d3e9}.source-chip svg{width:15px;height:15px}.source-chip b{font-size:11px;font-weight:500;color:#91e4f0;background:#233e4a;border:1px solid #3b626c;border-radius:4px;padding:3px 7px}.studio-controls{padding:14px 22px;display:flex;gap:20px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #2d3c52}.mode-buttons{display:flex;gap:5px}.studio button{font:inherit}.mode-buttons button{color:#bcc8da;border:1px solid transparent;border-radius:5px;background:transparent;padding:9px 13px;font-size:12px}.mode-buttons button[aria-pressed=true]{color:#9ce8f4;border-color:#446775;background:#233c4a}.mode-buttons button:hover{background:#263648}.play-picker{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--studio-muted)}.play-picker[hidden]{display:none}.play-picker select{font:inherit;font-size:11px;color:#dbe6f5;background:#1b293a;border:1px solid #455871;border-radius:5px;padding:8px 26px 8px 10px;cursor:pointer;max-width:150px}.studio-reset{margin-left:auto;color:#b8c8de;background:transparent;border:1px solid #455871;border-radius:5px;padding:8px 11px;font-size:11px!important}.studio-reset:hover{background:#24374d}.studio-workspace{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:22px;padding:23px}.editor-side,.preview-side{min-width:0}.canvas-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;color:#d3def0;margin-bottom:12px}.canvas-heading>span{display:flex;align-items:center;gap:8px}.canvas-heading small{font-size:11px;color:#a4b4ca;font-weight:400}.canvas-dim{font-size:11px;color:#a4b4ca}.canvas{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #3c526e;border-radius:6px;background-color:#0a1320;background-image:linear-gradient(#24405b30 1px,transparent 1px),linear-gradient(90deg,#24405b30 1px,transparent 1px);background-size:5% 8.8889%;container-type:inline-size}.canvas:before,.canvas:after{content:'';position:absolute;pointer-events:none;border-color:#7bd9e8;border-style:solid;width:12px;height:12px;z-index:1;opacity:.65}.canvas:before{top:7px;left:7px;border-width:1px 0 0 1px}.canvas:after{bottom:7px;right:7px;border-width:0 1px 1px 0}.editor{touch-action:pan-y}.movable,.preview-object{position:absolute;user-select:none;line-height:1.3;font-size:1.5cqw;--object-scale:1}.movable{cursor:grab;touch-action:none;border:1px solid transparent;border-radius:5px;padding:4px}.movable:hover{border-color:#466c81}.movable:active{cursor:grabbing}.movable.chosen{border:1px dashed #80dae9;background:#71d4ea09}.movable:focus-visible{outline:2px solid #9cecf5;outline-offset:2px}.preview-object{padding:2px;pointer-events:none}.object-bar{padding:1.1cqw;background:#142339c9;border:1px solid #486482;border-radius:5px}.object-names{display:flex;justify-content:space-between;align-items:center;gap:5px;color:#d6e6f9;font-size:calc(1.65cqw * var(--object-scale))}.object-names b{font-weight:500}.object-names small{font-size:calc(1.4cqw * var(--object-scale));color:#a9bdd7;font-variant-numeric:tabular-nums}.object-score{display:flex;justify-content:space-between;align-items:center;margin:1.2cqw 0 .8cqw;font-size:calc(3.6cqw * var(--object-scale));font-variant-numeric:tabular-nums}.object-score strong:first-child{color:#7adef0}.object-score strong:last-child{color:#afaaff}.object-score>span{font-size:calc(1.5cqw * var(--object-scale));color:#afc2d9}.object-track,.rally-track{display:flex;gap:3px;height:calc(2cqw * var(--object-scale));border-radius:3px;overflow:hidden;background:#263b55}.object-track span:first-child{background:#60bfd9}.object-track span:last-child{background:#8d8be1;flex:1}.object-note{font-size:calc(1.3cqw * var(--object-scale));color:#a5b9d2;margin-top:1cqw}.object-gift{display:flex;flex-direction:column;align-items:center;padding:.8cqw;gap:.8cqw;color:#90e1ee}.object-gift svg{width:calc(5cqw * var(--object-scale));height:calc(5cqw * var(--object-scale));padding:.8cqw;border:1px solid #426378;border-radius:7px;background:#1b3548}.object-gift span{font-size:calc(1.5cqw * var(--object-scale));color:#c4d9ed}.object-ranking{display:flex;align-items:center;gap:1.2cqw;font-size:calc(1.15cqw * var(--object-scale));color:#c0d2e7;padding:1.3cqw 1cqw;background:#192b42;border:1px solid #41607f;border-radius:4px;white-space:nowrap}.object-ranking span{color:#96e0ee}.object-ranking b{font-weight:400}.object-ranking em{margin-left:auto;font-style:normal;color:#c8d9ef}.object-tile{padding:2cqw;text-align:center;background:#172b42;border:1px solid #416384;border-radius:8px}.object-tile svg{width:calc(6cqw * var(--object-scale));height:calc(6cqw * var(--object-scale));color:#94dcec}.object-tile strong{display:block;font-size:calc(4cqw * var(--object-scale));margin:1.2cqw 0 .8cqw;color:#d9ecff}.object-tile span{font-size:calc(1.45cqw * var(--object-scale));color:#a9c0d9}.object-multi{background:#142339c9;border:1px solid #476385;border-radius:5px;padding:1.5cqw}.object-multi>.object-names{margin-bottom:1.6cqw}.object-multi>div:not(.object-names){display:flex;align-items:center;gap:1cqw;margin:1cqw 0;font-size:calc(1.45cqw * var(--object-scale))}.object-multi b{font-weight:500;white-space:nowrap}.object-multi em{font-style:normal;font-variant-numeric:tabular-nums;min-width:5.5cqw}.object-multi>div>span[style]{flex:1;height:calc(1.6cqw * var(--object-scale));background:linear-gradient(to right,var(--lane) var(--fill),#273d56 var(--fill));border-radius:3px}.rally-track i{display:block;background:#68cbe3}.editor-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:#acbbcf;margin-top:14px;min-height:25px}.editor-tools label{display:flex;align-items:center;gap:8px;white-space:nowrap}.editor-tools input{width:95px;accent-color:#7ed6e6;cursor:pointer}.editor-tools input:disabled{opacity:.5;cursor:default}.editor-tools output{font-size:11px;min-width:31px;font-variant-numeric:tabular-nums}.preview{border-color:#527289;background-image:none;background-color:#0a1320}.source-flow{display:flex;flex-direction:column;align-items:center;font-size:11px;gap:8px;margin-top:22px;color:#afc1d9}.source-flow strong{font-size:12px;font-weight:500;color:#d5e9fd}.source-flow svg{transform:rotate(90deg);width:15px;height:15px;color:#7bd2e1;margin:2px 0}.source-flow>span:last-child{border:1px solid #3f697a;padding:7px 18px;background:#203947;border-radius:5px;color:#a0e3ef}.preview-side p{font-size:11px;line-height:1.8;color:#a3b6cf;text-align:center;margin:14px 0}.demo-gift{display:flex;align-items:center;justify-content:center;gap:8px;color:#c4eaf2;background:#244352;border:1px solid #4b7688;width:100%;border-radius:5px;padding:10px;font-size:11px!important}.demo-gift svg{width:14px;height:14px}.demo-gift span{margin-left:auto;color:#a8e1ee}.demo-gift:hover{background:#305567}.studio-foot{padding:12px 23px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid #314057;font-size:11px;color:#a3b5cd;background:#15202f}.studio-foot span:last-child{color:#a0cfdf}.hero .hero-tech-note{font-size:11px;color:#647084;line-height:1.85;max-width:690px;margin:20px auto 0}.hero .hero-tech-note a{text-decoration:underline;color:#355f93}
@media(max-width:1000px){.studio-workspace{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);padding:18px;gap:16px}.canvas-heading small{display:none}.editor-tools{align-items:start;flex-wrap:wrap;gap:8px}.editor-tools input{width:85px}.source-flow{margin-top:15px}.studio-foot{font-size:11px}.studio-controls{gap:13px}.mode-buttons button{padding:8px 10px}.preview-side p{font-size:11px}}
@media(max-width:700px){.studio-workspace{grid-template-columns:1fr}.canvas-heading small{display:inline}.preview-side{display:grid;grid-template-columns:1.2fr 1fr;gap:12px 16px;align-items:center}.preview-side .canvas-heading{grid-column:1/-1;margin:0}.preview-side .canvas{grid-column:1;grid-row:2/4}.source-flow{margin:0;gap:6px}.source-flow>span:first-child{display:none}.source-flow strong{font-size:11px}.source-flow svg{width:12px;height:12px;margin:0}.source-flow>span:last-child{padding:5px 9px;font-size:11px}.preview-side p{display:none}.demo-gift{padding:8px;font-size:11px!important}.studio-head{padding:15px 17px;flex-wrap:wrap;gap:10px}.studio-head strong{font-size:13px}.source-chip{font-size:11px}.studio-controls{padding:12px 16px;gap:10px}.mode-buttons{width:100%;justify-content:space-between}.mode-buttons button{font-size:11px;flex:1}.play-picker select{padding-block:7px}.studio-reset{font-size:11px!important}.editor-tools{font-size:11px}.editor-tools label{margin-left:auto}.editor-tools input{width:80px}.studio-foot{flex-direction:column;gap:6px;padding:12px 17px;font-size:11px}.canvas-heading{font-size:11px}.canvas-heading small{font-size:11px}.hero .hero-tech-note{font-size:11px}.movable{padding:2px}.object-ranking{font-size:calc(1.25cqw * var(--object-scale))}}
/* Portrait OBS showcase */
.studio-workspace{grid-template-columns:160px minmax(0,1fr) minmax(0,1fr);gap:30px;padding:28px;background:radial-gradient(ellipse at 60% 40%,#213b522e,transparent 65%)}
.asset-rail{border-right:1px solid #304159;padding-right:22px}.asset-rail h3{font-size:14px;margin:0 0 8px}.asset-rail p{font-size:12px;color:#a9b8cf;line-height:1.8;margin:0 0 20px}#asset-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}#asset-list button{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;padding:14px 4px 10px;background:#1b2b40;border:1px solid #354b65;border-radius:10px;color:#d7e6f9;font-size:11px;cursor:pointer}#asset-list button:hover{background:#29415d;border-color:#81dbea;transform:translateY(-2px)}#asset-list svg{width:33px;height:33px;filter:drop-shadow(0 4px 5px #0005)}#asset-list b{position:absolute;right:5px;top:2px;color:#9fb6d0;font-size:12px;font-weight:400}.rail-note{margin-top:30px;font-size:12px;line-height:2}.rail-note strong{display:block;color:#d4e7f4;font-weight:500}.rail-note span{color:#a9b8cf}#remove-object{margin-top:20px;background:transparent;border:1px solid #4a617b;color:#d1dfef;border-radius:6px;padding:9px;font-size:11px;cursor:pointer}#remove-object:disabled{opacity:.45;cursor:default}
.canvas{aspect-ratio:9/16;border-radius:12px;background-size:10% 5.625%;box-shadow:0 16px 30px #0003}.preview{background:#0a1320}.canvas-heading{min-height:26px}.canvas-heading small{display:none}.preview-side{display:block}.preview-side .canvas-heading:after{content:'1080 × 1920';color:#a4b4ca;font-size:11px}.scene-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 5% 22%,#22739038,transparent 58%),radial-gradient(ellipse at 95% 58%,#6552a62e,transparent 53%)}.scene-top{position:absolute;top:5%;left:8%;right:8%;display:flex;justify-content:space-between;font-size:2.3cqw;letter-spacing:.1em;color:#9dbed4}.scene-top span:first-child{color:#d9f5ff;font-weight:600}.scene-orbit{position:absolute;width:76%;aspect-ratio:1;top:13%;left:12%;border:1px solid #5fa4c24a;border-radius:50%;transform:rotate(-28deg) scaleY(.65);box-shadow:0 24px 75px #63d9eb0c}.scene-orbit:before,.scene-orbit:after{content:'';position:absolute;border:1px solid #578bc12e;border-radius:50%;inset:12% -12%;transform:rotate(52deg)}.scene-orbit:after{inset:-12% 12%;transform:rotate(-35deg)}.scene-title{position:absolute;left:12%;top:24%;color:#b8d1e6;font-size:6cqw;line-height:1.6;letter-spacing:.05em}.scene-title strong{color:#e4f6ff;font-size:10cqw;font-weight:650}.scene-bottom{position:absolute;bottom:3%;left:0;right:0;text-align:center;font-size:1.7cqw;letter-spacing:.2em;color:#7f9ab6}.movable,.preview-object{padding:1cqw;border:1px solid transparent}.object-bar{padding:2.3cqw;border-radius:8px;background:#13283deb}.object-names{font-size:calc(2.4cqw * var(--object-scale))}.object-names small{font-size:calc(2cqw * var(--object-scale))}.object-score{font-size:calc(5.7cqw * var(--object-scale));margin:2cqw 0}.object-track,.rally-track{height:calc(2.8cqw * var(--object-scale));border-radius:8px}.object-track span:first-child{background:linear-gradient(90deg,#2e9ec8,#87edee)}.object-track span:last-child{background:linear-gradient(90deg,#9d91f4,#6e61b4)}.object-note{font-size:calc(2cqw * var(--object-scale));margin-top:1.6cqw}.object-gift svg{width:calc(10cqw * var(--object-scale));height:calc(10cqw * var(--object-scale));padding:1.5cqw;background:#172b4299;border-color:#4a658077;border-radius:10px}.object-gift span{font-size:calc(2.4cqw * var(--object-scale))}.object-ranking{font-size:calc(2.3cqw * var(--object-scale));padding:2cqw;gap:3cqw;border-radius:6px}.object-tile svg{width:calc(11cqw * var(--object-scale));height:calc(11cqw * var(--object-scale))}.object-tile strong{font-size:calc(6cqw * var(--object-scale))}.object-tile span{font-size:calc(2.1cqw * var(--object-scale))}.object-multi>div:not(.object-names){font-size:calc(2.4cqw * var(--object-scale));margin:2cqw 0}.source-flow{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:14px}.source-flow>span:first-child{display:none}.source-flow svg{transform:none}.source-flow>span:last-child{padding:4px 9px}.preview-side p{margin:8px 0}.editor-tools{flex-wrap:wrap;font-size:11px;gap:10px}.editor-tools label{margin-left:auto}.studio button:focus-visible{outline:2px solid #9cecf5;outline-offset:3px}
@media(max-width:1000px){.studio-workspace{grid-template-columns:110px minmax(0,1fr) minmax(0,1fr);gap:18px;padding:20px}.asset-rail{padding-right:14px}#asset-list{gap:6px}#asset-list svg{width:26px;height:26px}.canvas-heading{flex-wrap:wrap;gap:5px}.source-flow strong{font-size:11px}}
@media(max-width:700px){.studio-workspace{grid-template-columns:1fr;gap:24px;padding:16px}.asset-rail{border:0;padding:0}.asset-rail h3{display:inline;font-size:12px}.asset-rail p{display:inline;margin-left:8px;font-size:11px}#asset-list{grid-template-columns:repeat(6,1fr);gap:6px;margin-top:12px}#asset-list button{padding:10px 2px 7px;border-radius:7px;gap:5px}#asset-list svg{width:26px;height:26px}.rail-note{display:none}#remove-object{margin-top:10px;padding:7px}.canvas{max-width:360px;margin:auto}.canvas-heading{flex-wrap:nowrap}.preview-side .canvas{grid-column:auto;grid-row:auto}.preview-side .canvas-heading{margin-bottom:12px}.preview-side p{display:block}.demo-gift{margin-top:10px}.source-flow{margin-top:14px}.source-flow svg{transform:none}.canvas-heading small{display:none}.object-ranking{font-size:calc(2.3cqw * var(--object-scale))}}
/* Match the application's console panels and ConsoleBattleBar. */
.studio{--cyan:#319be9;--studio-muted:#52617a;background:#f3f4f6;color:#202632;border-color:#cbd0d8;box-shadow:0 18px 48px #20304a12}.studio-head,.studio-foot{background:#f8f9fb;border-color:#d6dbe2;color:#52617a}.studio-head strong{color:#202632}.source-chip{color:#52617a}.source-chip b{color:#286644;background:#edf8f1;border-color:#badbc7}.studio-controls{background:#fff;border-color:#d6dbe2}.mode-buttons button{color:#52617a}.mode-buttons button[aria-pressed=true]{color:#202632;border-color:#aeb9c7;background:#edf0f5}.mode-buttons button:hover{background:#e7edf5}.play-picker select,.studio-reset{background:#f9fafb;color:#273347;border-color:#b7c0cc}.studio-reset:hover{background:#e9eef5}.studio-workspace{background:#f1f3f6;grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);gap:14px;padding:14px}.asset-rail,.editor-side,.preview-side{background:#fff;border:1px solid #cbd0d8;border-radius:10px;padding:14px}.asset-rail{padding:14px}.asset-rail h3{font-size:13px;color:#202632}.asset-rail p,.rail-note span,.editor-tools,.canvas-heading,.canvas-dim,.preview-side .canvas-heading:after{color:#52617a}.canvas-heading{padding-bottom:10px;border-bottom:1px solid #e1e5eb}.rail-note strong{color:#273347}#asset-list button{background:#fafbfc;border-color:#dae0e8;color:#34445a}#asset-list button:hover{background:#edf5ff;border-color:#93b9e1}#asset-list b{color:#52617a}#asset-list img{width:38px;height:38px;object-fit:contain}#remove-object{border-color:#bcc6d3;color:#425570}#remove-object:disabled{opacity:.5}.demo-roster{margin:12px 0 28px}.demo-roster>div{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #e6e9ee;font-size:12px}.demo-roster strong{font-weight:500}.demo-roster small{margin-left:auto;color:#69758a;font-size:11px}.host-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#edf0f5;color:#647086;font-weight:700;flex-shrink:0}.host-avatar.pink{background:#fce6f0;color:#e92982}.host-avatar.blue{background:#e1f1ff;color:#319be9}.canvas{border-radius:6px;border-color:#bcc4d0;box-shadow:none;background-color:#202733;background-image:linear-gradient(45deg,#262f3c 25%,transparent 25%),linear-gradient(-45deg,#262f3c 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#262f3c 75%),linear-gradient(-45deg,transparent 75%,#262f3c 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.canvas:before,.canvas:after{display:none}.preview{background:#182131}.object-gift img{width:calc(12cqw * var(--object-scale));height:calc(12cqw * var(--object-scale));object-fit:contain}.object-tile img{width:calc(13cqw * var(--object-scale));height:calc(13cqw * var(--object-scale));object-fit:contain}.object-tile{background:#ffffffed;border-color:#cbd0d8}.object-tile strong{color:#25354d}.object-tile span{color:#52617a}.console-battle{background:#fff;padding:3cqw;border:1px solid #d8dde5;border-radius:7px}.battle-identities{display:flex;align-items:center;gap:1.5cqw;margin-bottom:3cqw}.battle-person{display:flex;align-items:center;gap:1.5cqw;white-space:nowrap;color:#25354d;font-size:calc(2.3cqw * var(--object-scale))}.battle-person.right{margin-left:auto}.battle-person b{font-weight:600}.battle-identities .host-avatar{width:calc(6cqw * var(--object-scale));height:calc(6cqw * var(--object-scale));font-size:calc(2.8cqw * var(--object-scale))}.battle-identities img{width:calc(5cqw * var(--object-scale));height:calc(5cqw * var(--object-scale));object-fit:contain}.battle-time{font-size:calc(2cqw * var(--object-scale));color:#69758a;margin:auto}.battle-track{position:relative;height:calc(4cqw * var(--object-scale));border-radius:99px;background:#319be9;overflow:hidden}.battle-track i{display:block;height:100%;background:#eb2983;border-right:2px solid #fff}.battle-track strong{position:absolute;top:0;left:2cqw;font-size:calc(2.8cqw * var(--object-scale));line-height:calc(4cqw * var(--object-scale));color:#fff;text-shadow:0 1px 2px #0004}.battle-track strong:last-child{left:auto;right:2cqw}.object-ranking{background:#fff;color:#34445a;border-color:#d0d8e2}.object-ranking span{color:#48668b}.object-ranking em{color:#34445a}.source-flow,.source-flow strong,.preview-side p,.studio-foot span:last-child{color:#52617a}.source-flow>span:last-child{background:#f0f6fd;border-color:#bbd2ec;color:#315f86}.demo-gift{background:#edf5ff;border-color:#aac6e5;color:#315f86}.demo-gift span{color:#315f86}.demo-gift:hover{background:#dfedfc}.editor-tools input{accent-color:#319be9}.movable.chosen{border-color:#8dccff;background:#319be90c}.studio button:focus-visible{outline-color:#177cca}
@media(max-width:1000px){.studio-workspace{grid-template-columns:150px minmax(0,1fr) minmax(0,1fr);gap:10px;padding:10px}.asset-rail,.editor-side,.preview-side{padding:10px}}
@media(max-width:700px){.studio-workspace{grid-template-columns:1fr}.demo-roster{display:flex;gap:14px;margin:6px 0 18px}.demo-roster>div{flex:1;flex-wrap:wrap;gap:5px}.demo-roster small{margin:0}.asset-rail h3{display:block}.asset-rail p{margin-left:0}#asset-list img{width:30px;height:30px}.canvas{max-width:360px}.preview-side .canvas-heading{margin-bottom:12px}}
@media(max-width:700px){#asset-list{grid-template-columns:repeat(3,1fr)}#asset-list button{flex-direction:row;justify-content:center;gap:6px;padding:10px 5px}#asset-list span{white-space:nowrap;font-size:11px}#asset-list img{width:26px;height:26px}}
/* Scheme settings layout, matched to the supplied reference. */
.settings-workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;padding:22px;background:white}.settings-left{min-width:0}.demo-label{margin-left:auto;color:#64748b;font-size:11px}.play-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.play-tabs[hidden]{display:none}.play-tabs button{border:1px solid transparent;border-bottom:3px solid #b7bdc8;background:#eef0f3;border-radius:8px;padding:17px 5px;color:#202632;font-size:13px;font-weight:600;cursor:pointer}.play-tabs button[aria-pressed=true]{border:1px solid #788392;border-bottom:3px solid #788392}.settings-left>p{font-size:12px;color:#657b9c;margin:14px 5px 26px}.configuration{border:1px solid #bfc5cf;border-radius:12px;overflow:hidden}.configuration h3{margin:0;padding:18px;background:#f5f5f5;border-bottom:1px solid #cbd0d8;font-size:15px}.configuration h3 span{font-size:12px;color:#687994;font-weight:400;margin-left:12px}.compact-preview{padding:12px 20px 24px}.compact-preview>p{text-align:center;font-size:12px;color:#657b9c}.compact-preview #output{aspect-ratio:auto;height:100px;width:90%;max-width:none;background:repeating-conic-gradient(#f5f7fa 0% 25%,#fff 0% 50%) 0/8px 8px;border:0;box-shadow:none;overflow:hidden;border-radius:0}.compact-preview .preview-object{display:none}.compact-preview .preview-object:has(.single-output),.compact-preview .preview-object:has(.object-multi),.compact-preview .preview-object:has(.rally-track),.compact-preview .preview-object:has(.object-tile){display:block;left:4%!important;top:15%!important;width:92%!important}.compact-preview .preview-object:has(.object-tile){width:26%!important}.compact-preview .preview-object:nth-child(2):has(.object-tile){left:36%!important}.compact-preview .preview-object:nth-child(3):has(.object-tile){left:68%!important}.settings-adjust{background:#f7f9fc;padding:24px 18px}.settings-adjust .editor-tools{display:block;background:#eef1ff;border:1px solid #c8d1ff;border-radius:8px;padding:18px;color:#293c79;margin:0}.editor-tools>span{font-weight:600;font-size:14px}.editor-tools label{display:flex;margin-top:18px}.editor-tools input{width:100%;accent-color:#4559ed}.editor-tools output{font-size:20px;color:#202632;background:white;border-radius:7px;padding:6px;min-width:58px;text-align:center}.settings-adjust>p{font-size:12px;line-height:1.8;color:#60728b;margin:20px 0 28px}.gift-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-top:1px solid #dae0e8;padding-top:18px}.gift-actions strong{font-size:12px;color:#52617a}.gift-actions button{width:auto;margin:0;padding:9px 10px;border:1px solid #bdc5d0;background:#eef1f5;border-radius:6px;color:#34445a;font-size:12px;cursor:pointer}.settings-left .asset-rail{margin-top:22px;padding:18px}.settings-left #asset-list{grid-template-columns:repeat(3,1fr)}.settings-left #asset-list button{flex-direction:row;justify-content:center}.settings-left #asset-list img{width:30px;height:30px}.settings-left .source-flow{margin:20px 0}.obs-panel{background:#f6f9ff;border:1px solid #d1dff1;border-radius:16px;padding:16px;min-width:0;align-self:start}.obs-heading{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:#3e5474}.obs-heading strong{font-size:13px}.obs-heading small{display:block;font-size:10px;margin-top:6px;color:#657b9c}.obs-heading label{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap}.obs-heading input{width:28px;height:30px;padding:2px;border:1px solid #b8c2ce;border-radius:5px;background:white}.obs-heading .studio-reset{margin:0;padding:7px;font-size:10px!important}.settings-demo #editor{width:100%;max-width:none;aspect-ratio:9/16;background-color:#101923;background-image:linear-gradient(#7d98b51c 1px,transparent 1px),linear-gradient(90deg,#7d98b51c 1px,transparent 1px);background-size:10% 10%;border-radius:14px;border:1px solid #394450}.single-output{color:white;text-shadow:0 1px 2px #0008}.single-output .battle-track{height:calc(4.2cqw * var(--object-scale))}.single-output .battle-track strong{line-height:calc(4.2cqw * var(--object-scale))}.single-details{display:grid;grid-template-columns:1fr auto 1fr;gap:2cqw;align-items:center;margin-top:1.5cqw}.single-team{display:flex;align-items:center;gap:1cqw;padding:1cqw;border-radius:30px;background:linear-gradient(90deg,#d3309366,transparent);min-width:0}.single-team.right{justify-content:flex-end;background:linear-gradient(270deg,#26b8ed66,transparent)}.single-team b{font-size:calc(2.6cqw * var(--object-scale));white-space:nowrap}.single-team img{width:calc(5.8cqw * var(--object-scale));height:calc(5.8cqw * var(--object-scale));object-fit:contain}.single-clock{text-align:center;font-size:calc(2.5cqw * var(--object-scale));font-weight:700;line-height:1.5}.obs-ranking{height:65cqw;background:#09111bc9;border:1px solid #293543;border-radius:3px;color:white;padding:2cqw;font-size:calc(2.3cqw * var(--object-scale))}.obs-ranking header{display:flex;justify-content:space-between;font-size:calc(2.1cqw * var(--object-scale));gap:1cqw;padding-bottom:2cqw}.obs-ranking header span{color:#abb9c9}.obs-ranking>div{display:flex;gap:3cqw;padding:1.8cqw 0}.obs-ranking i{font-style:normal;color:#75d4ff}.obs-ranking b{font-weight:600}.obs-ranking>div span{margin-left:auto}.settings-demo .studio-head strong{font-size:19px}.settings-demo .movable{padding:.7cqw}
@media(max-width:1000px){.settings-workspace{gap:14px;padding:14px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.obs-heading{flex-wrap:wrap}.obs-heading>div{width:100%}.obs-heading label{margin-left:0}}
@media(max-width:700px){.settings-workspace{grid-template-columns:1fr;padding:12px}.obs-panel{grid-row:1}.settings-left{grid-row:2}.settings-demo .studio-head strong{font-size:15px}.demo-label{margin-left:0}.play-tabs button{font-size:11px;padding:12px 3px}.obs-heading>div{width:auto;flex:1}.obs-heading small{font-size:10px}.settings-left #asset-list{grid-template-columns:repeat(2,1fr)}.configuration h3 span{display:block;margin:6px 0 0}.compact-preview{padding:10px}.gift-actions button{font-size:11px}.settings-adjust{padding:15px}.settings-demo #editor{max-width:420px}.obs-ranking{height:65cqw}}
.compact-preview #output{height:auto;aspect-ratio:3/1;min-height:100px}.compact-preview .preview-object:has(.single-output),.compact-preview .preview-object:has(.object-multi),.compact-preview .preview-object:has(.rally-track){top:10%!important}