:root{--bg: #0a0d12;--bg-elev: #10151d;--panel: #141a24;--panel-2: #1a222e;--panel-3: #202a38;--border: #263140;--border-soft: #1e2734;--text: #e6edf5;--muted: #8d9caf;--muted-2: #64748b;--accent: #2f8bff;--accent-2: #16c8c0;--accent-soft: rgba(47, 139, 255, .14);--warn: #f0a72e;--warn-soft: rgba(240, 167, 46, .14);--danger: #f06a6a;--danger-soft: rgba(240, 106, 106, .14);--ok: #43d17f;--ok-soft: rgba(67, 209, 127, .14);--radius: 10px;--radius-sm: 6px;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}html[data-theme=day]{color-scheme:light;--bg: #edf4f7;--bg-elev: #f8fbfc;--panel: #fff;--panel-2: #f3f8fa;--panel-3: #e7f0f3;--border: #c8d9df;--border-soft: #dce8ec;--text: #193440;--muted: #58717d;--muted-2: #7d929b;--accent: #2581b8;--accent-2: #23aaa3;--accent-soft: rgba(37, 129, 184, .12);--warn: #c88727;--warn-soft: rgba(200, 135, 39, .12);--danger: #c44c58;--danger-soft: rgba(196, 76, 88, .1);--ok: #278768;--ok-soft: rgba(39, 135, 104, .1);--shadow: 0 8px 24px rgba(44, 77, 89, .12)}html[data-theme=day] body{background:var(--bg);color:var(--text)}html[data-theme=day] :is(.topbar,.panel,.studio,.studio-toolbar,.studio-right,.studio-tabs,.layers-panel,.layers-list,.editor-col,.settings-card,.design-panel,.modal,.dropdown,.asset-picker,.showcase-toolbar){background-color:var(--bg-elev);color:var(--text);border-color:var(--border)}html[data-theme=day] :is(.panel-header,.panel-body,.layers-panel-head,.layers-panel-sub,.layer-row,.layer-row-main,.design-tool-button,.design-game-icon-card,.asset-card,.showcase-row,.studio-toolbar-wrap){background-color:var(--panel-2);color:var(--text);border-color:var(--border-soft)}html[data-theme=day] :is(button,input,select,textarea){color:var(--text);border-color:var(--border)}html[data-theme=day] :is(input,select,textarea){background-color:#fff}html[data-theme=day] :is(button:hover,.active,[aria-pressed=true]){color:var(--text)}html[data-theme=day] :is(.muted,.muted-2,.tiny-text){color:var(--muted)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--accent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2b3748;border-radius:6px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#3a4a60}.app-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.topbar{display:flex;align-items:center;gap:18px;padding:10px 18px;background:var(--bg-elev);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:40}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;font-weight:800;font-size:13px;color:#04121f;flex:none}.brand-name{font-weight:650;letter-spacing:-.01em;white-space:nowrap}.brand-sub{font-size:11px;color:var(--muted-2);white-space:nowrap}.screen-tab{border:none;background:transparent;color:var(--muted);padding:7px 14px;border-radius:7px;cursor:pointer;font-weight:550;white-space:nowrap}.screen-tab:hover{color:var(--text);background:var(--panel-2)}.screen-tab.active{background:var(--accent);color:#04121f}.screen-tab-icon{margin-right:6px;font-size:13px}.top-nav{display:flex;align-items:center;gap:4px;padding:3px;margin-left:auto;background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);min-width:0}.top-settings{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 13px;border-radius:8px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;font-weight:520;transition:background .12s ease,border-color .12s ease,opacity .12s ease;white-space:nowrap}.btn:hover:not(:disabled){background:var(--panel-3);border-color:#33415a}.btn:disabled{opacity:.42;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,var(--accent),#1f6fe0);border-color:transparent;color:#fff}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.ghost{background:transparent}.btn.ghost:hover:not(:disabled){background:var(--panel-2)}.btn.danger{color:var(--danger);border-color:#f06a6a59;background:var(--danger-soft)}.btn.danger:hover:not(:disabled){background:#f06a6a38}.btn.tiny{padding:5px 9px;font-size:12px;border-radius:7px}.icon-btn{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;font-size:14px;line-height:1}.icon-btn:hover:not(:disabled){background:var(--panel-3);color:var(--text)}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.icon-btn.active{color:var(--accent);background:var(--accent-soft)}.btn-row{display:flex;gap:6px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 7px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--muted);white-space:nowrap}.badge.demo{color:#ffd08a;background:var(--warn-soft);border-color:#f0a72e59}.badge.free{color:#9ff0c4;background:var(--ok-soft);border-color:#43d17f4d}.badge.paid{color:#b9d8ff;background:var(--accent-soft);border-color:#2f8bff59}.badge.owned{color:#9ff0c4;background:var(--ok-soft);border-color:#43d17f4d}.badge.not-owned{color:#ffc9c9;background:var(--danger-soft);border-color:#f06a6a4d}.panel{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel-header{padding:10px 13px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;gap:8px;background:var(--panel)}.panel-title{font-weight:620;font-size:13px;letter-spacing:.01em}.panel-title-sub{font-size:11px;color:var(--muted-2)}.panel-body{padding:12px 13px;overflow-y:auto;min-height:0;flex:1}.panel-body.tight{padding:8px}.section{border-top:1px solid var(--border-soft);padding-top:12px;margin-top:12px}.section:first-child{border-top:none;padding-top:0;margin-top:0}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);font-weight:700;margin-bottom:8px}.field{display:block;margin-bottom:10px}.field-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:5px;gap:8px}.field-label .value{color:var(--text);font-variant-numeric:tabular-nums}input[type=text],input[type=number],select,textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:7px;padding:7px 9px;outline:none}input[type=text]:focus,input[type=number]:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input[type=range]{width:100%;accent-color:var(--accent)}input[type=color]{width:42px;height:30px;padding:2px;background:var(--bg);border:1px solid var(--border);border-radius:7px;cursor:pointer}.checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);cursor:pointer}.checkbox input{accent-color:var(--accent)}.notice{border-radius:var(--radius-sm);padding:9px 11px;font-size:12px;line-height:1.5;border:1px solid var(--border);background:var(--panel-2);color:var(--muted)}.notice.info{border-color:#2f8bff4d;background:var(--accent-soft);color:#bcd9ff}.notice.warn{border-color:#f0a72e4d;background:var(--warn-soft);color:#f0cd93}.notice.danger{border-color:#f06a6a4d;background:var(--danger-soft);color:#ffc2c2}.notice strong{color:#fff}.editor-grid{display:grid;grid-template-columns:268px minmax(0,1fr) 316px;gap:24px;padding:12px;align-items:stretch;height:calc(100vh - 96px);min-height:520px}.editor-col{min-height:0;display:flex;flex-direction:column;gap:12px}.stage-column{min-width:0}.stage-panel{flex:1;min-height:0}.stage-wrap{flex:1;min-height:0;display:flex;flex-direction:column}.stage-viewport{position:relative;flex:1;min-height:0;overflow:auto;background:linear-gradient(45deg,#0f141b 25%,transparent 25%) -10px 0 / 20px 20px,linear-gradient(-45deg,#0f141b 25%,transparent 25%) -10px 0 / 20px 20px,linear-gradient(45deg,transparent 75%,#0f141b 75%) 0 0 / 20px 20px,linear-gradient(-45deg,transparent 75%,#0f141b 75%) 0 0 / 20px 20px,#0c1117;display:grid;place-items:center;padding:18px}.stage-scaler{position:relative;flex:none}.stage-canvas{position:relative;transform-origin:top left;overflow:hidden;box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;touch-action:none}.layer-node{position:absolute;transform-origin:center center;pointer-events:none}.layer-node.text-node{white-space:pre;line-height:1}.layer-node .crop-window{overflow:hidden;width:100%;height:100%}.selection-outline{position:absolute;border:1.5px solid var(--accent);transform-origin:center center;pointer-events:none;box-shadow:0 0 0 1px #00000080 inset}.handle{position:absolute;background:#fff;border:1.5px solid var(--accent);border-radius:3px;pointer-events:auto;cursor:nwse-resize}.handle.n,.handle.s{cursor:ns-resize}.handle.e,.handle.w{cursor:ew-resize}.handle.ne,.handle.sw{cursor:nesw-resize}.rotate-handle{position:absolute;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:12px;pointer-events:auto;cursor:grab;border:2px solid #fff}.stage-toolbar{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--border-soft);flex-wrap:wrap;background:var(--panel)}.zoom-readout{margin-left:auto;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.sep{width:1px;height:20px;background:var(--border)}.layers-list{display:flex;flex-direction:column;gap:3px}.layer-row{display:flex;align-items:center;gap:8px;padding:6px 7px;border-radius:7px;border:1px solid transparent;cursor:pointer}.layer-row:hover{background:var(--panel-2)}.layer-row.selected{background:var(--accent-soft);border-color:#2f8bff66}.layer-row.hidden-layer .layer-name{color:var(--muted-2);text-decoration:line-through}.layer-thumb{width:34px;height:24px;border-radius:5px;border:1px solid var(--border);background:#0b0f15 center / cover no-repeat;flex:none;display:grid;place-items:center;font-size:11px;color:var(--muted);overflow:hidden}.layer-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}.layer-meta{font-size:10.5px;color:var(--muted-2)}.layer-actions{display:flex;gap:1px;opacity:.75}.empty-state{border:1px dashed var(--border);border-radius:var(--radius-sm);padding:16px 14px;text-align:center;color:var(--muted-2);font-size:12.5px;line-height:1.6}.page{width:100%;padding:16px 18px 40px;max-width:1480px;margin:0 auto}.page-head{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:14px}.page-title{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0}.page-sub{color:var(--muted);font-size:13px;margin:4px 0 0}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px;padding:10px 12px;background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--border);background:var(--panel-2);color:var(--muted);padding:5px 11px;border-radius:999px;cursor:pointer;font-size:12.5px}.chip:hover{color:var(--text)}.chip.active{background:var(--accent);color:#04121f;border-color:transparent;font-weight:600}.market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:14px}.design-card{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s ease,transform .15s ease}.design-card:hover{border-color:#35455c;transform:translateY(-2px)}.card-art{position:relative;aspect-ratio:16 / 9;background:#07090d;overflow:hidden}.card-art canvas{width:100%;height:100%;display:block}.community-design-art img{display:block;width:100%;height:100%;object-fit:contain}.community-design-card .card-foot{margin-top:auto}.card-art-overlay{position:absolute;inset:auto 0 0 0;padding:8px 10px;display:flex;align-items:center;gap:8px;background:linear-gradient(to top,rgba(3,6,10,.92),transparent)}.card-body{padding:11px 12px 12px;display:flex;flex-direction:column;gap:8px;flex:1}.card-title{font-weight:620;font-size:14px;display:flex;align-items:center;gap:8px;justify-content:space-between}.designer-line{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.designer-avatar{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;font-size:10px;font-weight:700;color:#04121f;flex:none}.card-foot{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:4px}.price{font-weight:650;font-variant-numeric:tabular-nums}.price.free{color:var(--ok)}.tag-row{display:flex;gap:5px;flex-wrap:wrap}.tag{font-size:11px;color:var(--muted-2);background:var(--panel-2);border:1px solid var(--border-soft);border-radius:5px;padding:1px 6px}.preview-layout{display:grid;grid-template-columns:minmax(0,1fr) 348px;gap:14px;align-items:start}.profile-page{position:relative;border-radius:12px;border:1px solid var(--border);padding:22px;min-height:420px;overflow:hidden}.profile-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#06090d94,#06090dd6 55%,#06090ded);pointer-events:none}.profile-page-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.profile-shell{position:relative;z-index:2;max-width:940px;min-width:0;margin:0 auto;background:#0e1319;border:1px solid #1c242e;border-radius:4px;overflow:hidden}.profile-top{display:grid;grid-template-columns:132px minmax(0,1fr) auto;gap:16px;padding:16px;background:#0b0f14;border-bottom:1px solid #1c242e}.profile-avatar-wrap{position:relative;width:132px;height:132px;flex:none}.profile-avatar{width:132px;height:132px;border-radius:2px;overflow:hidden;border:1px solid #232d38;background:#101822}.profile-avatar canvas{width:100%;height:100%;display:block}.profile-avatar[data-avatar-box],.sp-avatar[data-avatar-box]{position:relative;overflow:hidden}.avatar-image-layer-host{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;overflow:hidden;pointer-events:none}.avatar-image-layers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;pointer-events:none}.avatar-image-layer-box{position:absolute;pointer-events:none}.avatar-image-layer{width:100%;height:100%;display:block;object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.avatar-image-layers.is-interactive .avatar-image-layer{pointer-events:auto;cursor:grab;touch-action:none}.avatar-image-layers.is-interactive .avatar-image-layer:active{cursor:grabbing}.avatar-image-layer-box.is-locked .avatar-image-layer{cursor:not-allowed}.avatar-image-selection{position:absolute;top:0;right:0;bottom:0;left:0;border:1px dashed rgba(100,255,236,.95);box-shadow:0 0 0 1px #04181c8c;pointer-events:none}.avatar-image-handle{position:absolute;z-index:3;width:8px;height:8px;border:1px solid rgba(4,24,28,.95);border-radius:2px;background:#d8fffb;box-shadow:0 0 0 1px #64ffecd9,0 1px 4px #0000008c;pointer-events:auto;touch-action:none}.avatar-image-handle.is-nw{left:0;top:0;cursor:nwse-resize}.avatar-image-handle.is-n{left:calc(50% - 4px);top:0;cursor:ns-resize}.avatar-image-handle.is-ne{left:calc(100% - 8px);top:0;cursor:nesw-resize}.avatar-image-handle.is-e{left:calc(100% - 8px);top:calc(50% - 4px);cursor:ew-resize}.avatar-image-handle.is-se{left:calc(100% - 8px);top:calc(100% - 8px);cursor:nwse-resize}.avatar-image-handle.is-s{left:calc(50% - 4px);top:calc(100% - 8px);cursor:ns-resize}.avatar-image-handle.is-sw{left:0;top:calc(100% - 8px);cursor:nesw-resize}.avatar-image-handle.is-w{left:0;top:calc(50% - 4px);cursor:ew-resize}.profile-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.real-chip{position:absolute;top:10px;right:10px;z-index:3;pointer-events:none}.profile-avatar .si-preview{width:100%;height:100%;border:none;border-radius:0}.avatar-frame{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:4px;pointer-events:none;overflow:hidden}.avatar-frame img{width:100%;height:100%;display:block;object-fit:cover}.identity{min-width:0}.identity-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 4px;font-size:24px;font-weight:400;letter-spacing:-.01em;color:#dfe6ee}.identity-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;color:#7b8794}.identity-summary{font-size:13px;line-height:1.6;color:#9aa7b4;margin:10px 0 0;max-width:62ch}.identity-rows{margin-top:12px;border-top:1px solid #1c242e}.identity-row{display:flex;gap:12px;padding:6px 0;border-bottom:1px solid #161d25;font-size:12px}.identity-row .k{width:84px;flex:none;color:#6b7684}.identity-row .v{min-width:0;color:#b7c2cd}.link-btn{margin-top:10px;padding:0;border:none;background:none;color:var(--accent);font-size:12px;cursor:pointer}.link-btn:hover{text-decoration:underline}.level-box{flex:none;text-align:right;min-width:132px}.level-ring{width:64px;height:64px;margin-left:auto;border-radius:50%;border:2px solid #2b3644;background:radial-gradient(circle at 50% 35%,#1b2531,#0d1218);display:grid;place-items:center;text-align:center}.level-ring b{display:block;font-size:21px;font-weight:600;color:#dfe6ee;line-height:1.1}.level-ring span span{display:block;font-size:8px;letter-spacing:.14em;color:#6b7684}.level-caption{margin-top:7px;font-size:11px;color:#6b7684}.badge-mini-row{display:flex;gap:6px;justify-content:flex-end;margin-top:9px}.badge-mini{width:30px;height:30px;border-radius:3px;border:1px solid #232d38;background:#141b24;display:grid;place-items:center;font-size:13px;color:#8fa0b2}.profile-content{display:block}.showcase-row{display:grid;grid-template-columns:minmax(0,1fr) 268px;align-items:stretch;border-bottom:1px solid #1c242e}.profile-rail{min-width:0;min-height:100%;background:#070a0e6b;border-left:1px solid #1c242e}.profile-rail .profile-sidebar-overview{height:100%}.columns-row{display:grid;grid-template-columns:minmax(0,1fr) 268px;align-items:start}.showcase{position:relative;background:#070a0e;overflow:hidden}.showcase canvas{width:100%;height:100%;display:block}.showcase-main{aspect-ratio:16 / 9;border-right:1px solid #1c242e}.showcase-main.is-artwork{aspect-ratio:auto}.side-strip{position:relative;min-height:90px;background:#070a0e}.side-strip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0b0f1400 40%,#0b0f14c7);pointer-events:none}.profile-main{min-width:0;padding:14px 16px 20px;border-right:1px solid #1c242e}.profile-side{min-width:0;padding:14px 14px 20px}.profile-sidebar-overview{min-height:100%;padding:14px 14px 18px;color:#e4e9ef;background:linear-gradient(155deg,#100c0adb,#04070bc7 68%);border-left:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profile-status-title{margin-bottom:8px;color:#e5e5e5;font-size:14px;font-weight:500}.profile-status-title span{margin-left:6px;color:#9aa4ae;font-size:18px;font-weight:400}.profile-data-note{margin-top:4px;color:#8290a0;font-size:10px}.profile-cosmetic-icons{display:flex;align-items:center;gap:8px;min-height:38px}.profile-cosmetic-icons img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.42))}.profile-section-nav{display:flex;flex-direction:column;gap:1px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.profile-section-nav a,.profile-section-disabled{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px;color:#d7dce2;font-size:12px;text-decoration:none}.profile-section-nav a:hover{color:#fff;background:#ffffff12}.profile-section-disabled{color:#9aa4ae}.profile-section-meta{color:#8994a0;font-size:11px}.main-section{margin-top:16px;padding-top:14px;border-top:1px solid #1c242e}.side-section{padding:0 0 12px;margin-bottom:12px;border-bottom:1px solid #161d25}.side-section:last-child{margin-bottom:0;border-bottom:none}.side-head{display:flex;align-items:baseline;gap:8px;margin-bottom:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#6b7684}.side-head .head-note{margin-left:auto;font-size:10.5px;font-weight:500;letter-spacing:0;text-transform:none;color:#55606d}.tile-row{display:flex;gap:5px;flex-wrap:wrap}.tile{width:34px;height:34px;flex:none;border-radius:2px;border:1px solid #232d38;background:#141b24;display:grid;place-items:center;font-size:11px;color:#8fa0b2}.side-row{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:12.5px;color:#b7c2cd}.side-row .sub{font-size:11px;color:#6b7684}.status-line{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#b7c2cd;margin-bottom:6px}.dot{width:7px;height:7px;border-radius:50%;background:#5b6673;flex:none}.dot.online{background:#57cbde}.dot.ingame{background:#8bc53f}.dot-inline{display:grid;place-items:center;width:10px;flex:none}.friend-list{display:flex;flex-direction:column}.friend{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12.5px;color:#a8b4c0}.friend .sub{font-size:11px;color:#6b7684}.friend-avatar{width:22px;height:22px;flex:none;border-radius:2px;border:1px solid #232d38;background:#1b2531;display:grid;place-items:center;font-size:10px;color:#c3ced9}.profile-footnote{padding:9px 16px 12px;border-top:1px solid #1c242e;background:#0b0f14;font-size:11px;line-height:1.5;color:#6b7684}.badge.verified{color:#9ff0c4;background:var(--ok-soft);border-color:#43d17f4d}.badge.store{color:#bcd9ff;background:var(--accent-soft);border-color:#2f8bff52}.si-grid{display:flex;flex-direction:column;gap:8px}.si-card{border:1px solid var(--border);border-radius:8px;background:var(--panel-2);overflow:hidden}.si-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.si-card-main{display:flex;align-items:center;gap:10px;width:100%;padding:8px;background:none;border:none;cursor:pointer;text-align:left}.si-card-body{min-width:0;flex:1}.si-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.si-meta{font-size:11px;color:var(--muted-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.si-selected-mark{flex:none;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.si-card-foot{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:7px 8px;border-top:1px solid var(--border-soft);background:var(--panel)}.si-note{padding:7px 9px 9px;border-top:1px solid var(--border-soft);font-size:11px;line-height:1.5;color:var(--muted-2);word-break:break-word}.si-preview{position:relative;width:46px;height:46px;flex:none;border-radius:6px;border:1px solid var(--border-soft);overflow:hidden;display:grid;place-items:center}.si-preview.is-round,.si-frame.is-round{border-radius:50%}.si-preview canvas,.si-preview img{width:100%;height:100%;display:block;object-fit:cover}.si-frame{position:relative;width:46px;height:46px;flex:none;border-radius:6px;overflow:hidden;display:grid;place-items:center;background:#101822}.si-frame img{width:100%;height:100%;display:block}.modal-wide{width:min(880px,100%)}.zip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(134px,1fr));gap:8px}.zip-card{display:flex;flex-direction:column;gap:6px;padding:6px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);cursor:pointer;overflow:hidden}.zip-card:hover{border-color:#3a4c66}.zip-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.zip-card.disabled{opacity:.5;cursor:not-allowed}.zip-thumb{position:relative;display:block;height:80px;border-radius:5px;border:1px solid var(--border-soft);background:#0b0f15;overflow:hidden}.zip-thumb img{width:100%;height:100%;object-fit:contain;display:block}.zip-thumb input[type=checkbox]{position:absolute;top:5px;left:5px;width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.zip-meta{display:flex;flex-direction:column;gap:1px;min-width:0}.zip-name{font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-list{display:flex;flex-direction:column;gap:8px}.cat-row{display:flex;align-items:flex-start;gap:10px;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2)}.cat-row-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.cat-row-body input[type=text]{min-width:220px;flex:1}.si-chip{position:absolute;left:3px;bottom:3px;padding:1px 4px;border-radius:3px;font-size:8px;letter-spacing:.04em;background:#06090ddb;border:1px solid var(--border);color:var(--muted);pointer-events:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070bb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:100;padding:20px}.modal{width:min(560px,100%);max-height:88vh;overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.modal-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border-soft);position:sticky;top:0;background:var(--panel);z-index:2}.modal-title{font-weight:650;font-size:15px}.modal-body{padding:16px;display:flex;flex-direction:column;gap:12px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border-soft);position:sticky;bottom:0;background:var(--panel)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--panel-3);border:1px solid var(--border);border-left:3px solid var(--accent);color:var(--text);padding:10px 16px;border-radius:9px;box-shadow:var(--shadow);z-index:200;font-size:13px;max-width:90vw}.toast.success{border-left-color:var(--ok)}.toast.error{border-left-color:var(--danger)}.row{display:flex;align-items:center;gap:8px}.row.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.muted-2{color:var(--muted-2)}.small{font-size:12px}.tiny-text{font-size:11px}.mono{font-family:ui-monospace,SFMono-Regular,Cascadia Code,monospace}.stack{display:flex;flex-direction:column;gap:10px}.mobile-panel-tabs{display:none}.spacer{flex:1}.crop-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.crop-stage{position:relative;display:grid;place-items:center;flex:1;min-height:0;overflow:auto;padding:16px}.crop-box{position:relative;-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden}.crop-box img{display:block;max-width:100%;-webkit-user-drag:none}.crop-mask{position:absolute;background:#06090d9e;pointer-events:none}.crop-rect{position:absolute;border:1.5px solid var(--accent-2);box-shadow:0 0 0 9999px #06090d8c;cursor:move}.crop-handle{position:absolute;width:12px;height:12px;background:#fff;border:1.5px solid var(--accent-2);border-radius:2px}.crop-thirds{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.16) 1px,transparent 1px);background-size:33.333% 33.333%}.feature-table{width:100%;border-collapse:collapse;font-size:13px}.feature-table th,.feature-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border-soft);vertical-align:top}.feature-table th{color:var(--muted-2);font-size:11px;text-transform:uppercase;letter-spacing:.06em}@media(max-width:1240px){.editor-grid{grid-template-columns:240px minmax(0,1fr) 288px}}@media(max-width:1080px){.topbar{flex-wrap:wrap}.top-nav{order:3;width:100%;margin-left:0;overflow-x:auto;justify-content:flex-start}}@media(max-width:1080px){.preview-layout{grid-template-columns:minmax(0,1fr)}.editor-grid{grid-template-columns:minmax(0,1fr);height:auto}.mobile-panel-tabs{display:flex;gap:6px;padding:10px 12px 0;flex-wrap:wrap}.editor-col.panel-left,.editor-col.panel-right{display:none}.editor-col.panel-left.mobile-open,.editor-col.panel-right.mobile-open{display:flex}.stage-viewport{min-height:46vh}}@media(max-width:860px){.profile-page{padding:12px}.profile-top{grid-template-columns:104px minmax(0,1fr);gap:14px}.profile-avatar-wrap,.profile-avatar{width:104px;height:104px}.level-box{grid-column:1 / -1;text-align:left}.level-ring{margin-left:0}.badge-mini-row{justify-content:flex-start}.showcase-row,.columns-row{grid-template-columns:minmax(0,1fr)}.showcase-main{border-right:none}.side-strip{height:110px;border-top:1px solid #1c242e}.side-strip:after{background:linear-gradient(180deg,#0b0f1400 25%,#0b0f14e6)}.profile-main{border-right:none;border-bottom:1px solid #1c242e}}@media(max-width:720px){.brand-sub{display:none}.topbar{gap:10px;padding:10px 12px;flex-wrap:wrap}.top-nav{order:3;width:100%;margin-left:0;justify-content:space-between}.top-nav .screen-tab{flex:1;text-align:center;padding:8px 6px}.page{padding:12px}.market-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}.avatar-fallback{display:grid;place-items:center;width:100%;height:100%;font-size:48px;color:#8fa0b2;background:#101822}.game-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid #161d25;font-size:12.5px;color:#b7c2cd}.game-icon{width:32px;height:32px;flex:none;border-radius:3px;border:1px solid #232d38;background:#141b24;display:grid;place-items:center;overflow:hidden;font-size:15px}.game-icon img{width:100%;height:100%;object-fit:cover;display:block}.game-name{color:#dfe6ee}.profile-shell select{background:#0f151c;color:#dfe6ee;border:1px solid #232d38;border-radius:5px;padding:7px 9px;font:inherit;font-size:12.5px;max-width:100%}.ach-progress{margin:10px 0 12px}.ach-bar{height:8px;border-radius:4px;background:#141b24;border:1px solid #232d38;overflow:hidden}.ach-bar span{display:block;height:100%;background:linear-gradient(90deg,#57cbde,#8bc53f)}.ach-progress .sub{margin-top:5px;font-size:11px;color:#6b7684}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.ach{display:flex;align-items:center;gap:8px;padding:5px 7px;border-radius:4px;border:1px solid #1c242e;background:#0f151c;min-width:0}.ach.locked{opacity:.55}.ach-icon{width:26px;height:26px;flex:none;border-radius:3px;overflow:hidden;display:grid;place-items:center;background:#141b24;font-size:13px}.ach-icon img{width:100%;height:100%;object-fit:cover;display:block}.ach-name{font-size:11.5px;color:#b7c2cd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.unavailable-list{display:flex;flex-direction:column;gap:2px}.unavailable-row{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:12px;color:#8b96a3;border-bottom:1px dashed #1c242e}.unavailable-row:last-child{border-bottom:none}.unavailable-dot{width:18px;height:18px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid #2b3644;color:#7b8794;font-size:11px}.unavailable-row .sub{font-size:10.5px;color:#55606d}.ws-profile-page .side-section-plain .unavailable-row{min-height:26px;padding:3px 0}.app-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:auto}.editor-screen{display:block}.design-section{margin-top:26px;padding-top:20px;border-top:1px solid var(--border)}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.asset-grid.square{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.asset-card{display:flex;flex-direction:column;gap:4px;padding:4px;border-radius:6px;border:1px solid var(--border-soft);background:var(--panel-2);cursor:pointer;color:inherit;font:inherit}.asset-card:hover{border-color:var(--accent)}.asset-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.asset-thumb{position:relative;display:block;aspect-ratio:16 / 9;border-radius:4px;overflow:hidden;background:#0b0f14}.asset-grid.square .asset-thumb{aspect-ratio:1 / 1}.asset-thumb img,.asset-thumb video{width:100%;height:100%;object-fit:cover;display:block}.asset-thumb-video{background:#0b0f14}.asset-thumb-missing{display:grid;place-items:center;width:100%;height:100%;padding:6px;text-align:center;font-size:10px;line-height:1.3;color:var(--muted-2);background:repeating-linear-gradient(135deg,#101822 0,#101822 6px,#0d141c 6px,#0d141c 12px)}.asset-badge{position:absolute;left:5px;top:5px;z-index:1;padding:1px 6px;border-radius:999px;border:1px solid rgba(22,200,192,.5);background:#041113d1;color:var(--accent-2);font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}.asset-thumb-loading{display:block;width:100%;height:100%;background:#101822}.asset-label{font-size:10.5px;color:var(--muted-2);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-label-sub{display:block;font-size:9px;color:var(--muted-2);opacity:.75}.award-manager{display:flex;flex-direction:column;gap:10px}.award-manager-head{align-items:center;gap:6px}.award-list{display:flex;flex-direction:column;gap:6px}.award-row{display:flex;align-items:center;gap:6px;padding:5px 6px;border:1px solid var(--border-soft);border-radius:6px;background:var(--panel-2)}.award-row.is-hidden{opacity:.55}.award-thumb{flex:none;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:4px;background:#0b0f14;overflow:hidden}.award-thumb img{max-width:100%;max-height:100%;object-fit:contain;display:block}.award-meta{flex:1 1 auto;min-width:0}.award-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.award-file{font-size:10px;color:var(--muted-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{margin-left:auto}.studio{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;padding:12px 14px;overflow:hidden}.studio-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-height:var(--toolbar-h, 62px);padding:10px 12px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.studio-url{display:flex;align-items:center;gap:8px;flex:1 1 420px;min-width:260px;padding:3px 3px 3px 14px;background:var(--bg-elev);border:1px solid var(--border);border-radius:999px}.studio-url-icon{color:var(--muted-2);font-size:14px;flex:none}.studio-url input{flex:1;min-width:0;padding:8px 0;background:none;border:none;outline:none;color:var(--text)}.studio-url input::placeholder{color:var(--muted-2)}.studio-url .btn{border-radius:999px;flex:none}.studio-tools-row{display:flex;align-items:center;gap:6px;margin-left:auto;flex-wrap:wrap}.studio-sep{width:1px;height:20px;margin:0 4px;background:var(--border);flex:none}.studio-zoom{min-width:46px;text-align:center;font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}.studio-zoom-button{padding:5px 3px;border:0;border-radius:5px;background:transparent;cursor:text}.studio-zoom-button:hover,.studio-zoom-button:focus-visible{color:var(--text);background:var(--bg-soft);outline:none}.studio-zoom-input{width:58px;height:28px;padding:2px 5px;border:1px solid var(--accent);border-radius:5px;background:var(--bg-soft);color:var(--text);text-align:center;font:inherit;font-size:12px;font-variant-numeric:tabular-nums}.studio-zoom-input::-webkit-inner-spin-button,.studio-zoom-input::-webkit-outer-spin-button{opacity:1}.studio-notice{margin:0}.studio-toolbar-wrap,.studio-bottom-wrap{position:relative;flex:none}.splitter{position:relative;z-index:6;background:transparent;border-radius:8px;touch-action:none;-webkit-user-select:none;user-select:none;transition:background .12s ease}.splitter:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:999px;background:var(--border);transition:background .12s ease}.splitter-vertical{cursor:col-resize}.splitter-vertical:after{width:3px;height:44px}.splitter-horizontal{cursor:row-resize}.splitter-horizontal:after{width:44px;height:3px}.splitter:hover,.splitter.active{background:var(--accent-soft)}.splitter:hover:after,.splitter.active:after{background:var(--accent)}.app-shell[data-dragging]{-webkit-user-select:none;user-select:none}.app-shell[data-dragging=vertical]{cursor:col-resize}.app-shell[data-dragging=horizontal]{cursor:row-resize}.splitter-toolbar{position:absolute;left:0;right:0;bottom:-9px;height:18px}.splitter-bottom{position:absolute;left:0;right:0;top:-9px;height:18px}.studio-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,var(--right-w, 384px));gap:0;align-items:stretch;overflow:hidden}.splitter-right{width:100%;height:100%}.studio-center{min-width:0;min-height:0;display:flex;flex-direction:column}.studio-preview-viewport{flex:1;min-height:0;width:100%;padding:12px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(120% 80% at 50% 0%,rgba(47,139,255,.06),transparent 60%),var(--bg-elev)}.studio-preview-scaler{width:100%;max-width:1120px;margin:0 auto;transform-origin:top center}.studio-stage{flex:1;min-height:0;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);overflow:auto;overscroll-behavior:contain}.studio-right{min-height:0;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);overflow:hidden}.studio-right-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.studio-tabs{flex:none;display:grid;grid-template-columns:repeat(2,1fr);background:var(--bg-elev);border-bottom:1px solid var(--border)}.studio-tab{padding:11px 8px;border:none;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:13px;font-weight:600;text-align:center;cursor:pointer}.studio-tab:hover{color:var(--text)}.studio-tab.active{color:var(--text);border-bottom-color:var(--accent);background:var(--accent-soft)}.studio-tab-body{display:flex;flex-direction:column;gap:10px;padding:12px}.studio-tab-body .asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-tab-body .asset-grid.square{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media(max-width:600px){.studio-tab-body .asset-grid.square{grid-template-columns:repeat(2,minmax(0,1fr))}}.studio-tab-body .asset-card{gap:6px;padding:6px;border-radius:8px;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.studio-tab-body .asset-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 6px 16px #00000059}.studio-tab-body .asset-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft),0 0 0 1px var(--accent)}.studio-tab-body .asset-thumb{aspect-ratio:16 / 9;border-radius:6px}.studio-tab-body .asset-thumb img,.studio-tab-body .asset-thumb video{object-fit:contain}.bg-kind-seg .chip{flex:1 1 0;min-width:0;padding:5px 8px;text-align:center}.studio-tab-body .asset-label{font-size:12px;line-height:1.3;color:var(--muted);white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.studio-search{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;padding:7px 12px;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:999px}.studio-search-icon{flex:none;font-size:12px;color:var(--muted-2)}.studio-search input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--text);font-size:12.5px}.studio-search input::placeholder{color:var(--muted-2)}.studio-search input::-webkit-search-cancel-button{display:none}.studio-search-clear{flex:none;padding:2px 4px;border:none;background:none;color:var(--muted-2);font-size:12px;cursor:pointer}.studio-search-clear:hover{color:var(--text)}.studio-output{display:flex;flex-direction:column;gap:8px;padding:12px;border-top:1px solid var(--border)}.studio-bottom{height:var(--bottom-h, 260px);max-height:55vh;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.studio-layers-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.studio-cosmetics{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.cosmetic-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--panel-2)}.cosmetic-thumb{display:grid;place-items:center;width:40px;height:40px;flex:none;overflow:hidden;border:1px solid var(--border-soft);border-radius:5px;background:#0b0f14}.cosmetic-thumb img,.cosmetic-thumb .si-preview{width:100%;height:100%;object-fit:cover;display:block;border:0;border-radius:0}.cosmetic-thumb-empty{font-size:16px;color:var(--muted-2)}.cosmetic-name{font-size:12.5px;font-weight:600;color:var(--text)}.studio-layer-panel{min-width:0}.profile-page:before{background:linear-gradient(180deg,#06090d33,#06090d7a 55%,#06090da8)}.profile-shell{background:#0a0e1466;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(7px) saturate(125%);-webkit-backdrop-filter:blur(7px) saturate(125%)}.profile-top{background:#090d124d;border-bottom:1px solid rgba(255,255,255,.07)}.showcase,.side-strip{background:#070a0e47}.showcase-main{border-right:1px solid rgba(255,255,255,.06)}.side-strip:after{background:linear-gradient(90deg,#0b0f1400 40%,#0b0f1480)}.profile-main{background:#090d1238;border-right:1px solid rgba(255,255,255,.06)}.profile-side{background:#090d124d}.profile-footnote{background:#0b0f146b;border-top:1px solid rgba(255,255,255,.07)}.StudioPick{cursor:pointer}.StudioMock .studio-hit-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;cursor:pointer}.StudioMock .profile-bg-note{position:absolute;left:10px;bottom:10px;z-index:1;max-width:60%;padding:4px 8px;border:1px solid rgba(255,176,32,.45);border-radius:3px;background:#140e04db;color:#ffce7a;font-size:11px;line-height:1.35;pointer-events:none}.StudioMock .profile-avatar-wrap .profile-avatar{position:relative;z-index:2;display:block;padding:0;border-radius:2px}.StudioMock .profile-avatar-wrap .profile-avatar:hover{outline:2px solid var(--accent);outline-offset:2px}.StudioMock .profile-avatar-wrap .avatar-frame{z-index:3;display:block;padding:0;border:none;background:none;pointer-events:auto;cursor:pointer}.StudioMock .profile-avatar-wrap .avatar-frame:hover{outline:2px dashed var(--accent);outline-offset:3px}.StudioMock .showcase.StudioPick:hover{box-shadow:inset 0 0 0 2px var(--accent)}@media(max-width:1180px){.studio{overflow-y:auto}.studio-main{display:flex;flex-direction:column;overflow:visible}.splitter-right{display:none}.studio-center{min-height:auto}.studio-preview-viewport{flex:none;max-height:66vh}.studio-right,.studio-right-scroll,.studio-bottom{max-height:none;overflow:visible}.studio-bottom{height:auto}}.preview-screen{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;padding:12px 14px;overflow:hidden}.preview-head{flex:none;display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.preview-split{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,var(--right-w, 384px));gap:0;align-items:stretch;overflow:hidden}.preview-canvas{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(120% 80% at 50% 0%,rgba(47,139,255,.06),transparent 60%),var(--bg-elev)}.preview-panel{min-height:0;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);overflow:hidden}.preview-tabs{flex:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));background:var(--bg-elev);border-bottom:1px solid var(--border)}.preview-tab{padding:10px 6px;border:none;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:12px;font-weight:600;text-align:center;cursor:pointer}.preview-tab:hover{color:var(--text)}.preview-tab.active{color:var(--text);border-bottom-color:var(--accent);background:var(--accent-soft)}.preview-tab-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;padding:12px}.panel-mini{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--panel-2)}.preview-load{display:flex;flex-direction:column;gap:8px}.preview-load input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);outline:none}.sp-page{position:relative;border-radius:12px;border:1px solid var(--border);padding:20px;overflow:hidden;min-height:460px}.sp-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;display:block}.sp-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#06090d38,#06090d80 55%,#06090dad)}.sp-shell{position:relative;z-index:2;max-width:976px;margin:0 auto;padding:0 12px;display:flex;flex-direction:column;gap:12px}.sp-header{display:grid;grid-template-columns:156px minmax(0,1fr) auto;gap:16px;align-items:start;padding:16px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#090d126b;backdrop-filter:blur(7px) saturate(125%);-webkit-backdrop-filter:blur(7px) saturate(125%)}.sp-avatar-wrap{position:relative;width:156px;height:156px}.sp-avatar{width:156px;height:156px;border-radius:4px;overflow:hidden;background:#101822;border:1px solid rgba(255,255,255,.12)}.sp-avatar canvas,.sp-avatar .sp-avatar-img,.sp-avatar .si-preview{width:100%;height:100%;object-fit:cover;display:block;border:0;border-radius:0}.sp-avatar-fallback{display:grid;place-items:center;width:100%;height:100%;font-size:40px;color:var(--muted-2)}.sp-frame{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;width:120%;height:120%;object-fit:fill;pointer-events:none;z-index:2}.sp-identity{min-width:0}.sp-name{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;font-size:26px;font-weight:400;letter-spacing:-.01em;color:#eaf1f8}.sp-realname{margin-top:2px;font-size:13px;color:#9aa7b4}.sp-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px;font-size:12.5px;color:#8b98a6}.sp-country,.sp-statusline{display:inline-flex;align-items:center;gap:7px}.sp-submeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;font-size:11.5px;color:#6f7c8a}.sp-submeta .sep{opacity:.5}.sp-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.sp-preview-note{font-size:11px;line-height:1.5;color:#7b8794;max-width:48ch}.sp-level{text-align:center;min-width:96px}.sp-level-ring{width:72px;height:72px;margin:0 auto;border-radius:50%;border:2px solid #2b3644;background:radial-gradient(circle at 50% 35%,#1b2531,#0d1218);display:grid;place-items:center;font-size:26px;color:#6b7684}.sp-level-caption{margin-top:6px;font-size:11px;color:#6b7684;display:flex;flex-direction:column}.sp-level-caption span{font-size:10px;color:#55606d}.sp-body{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:12px;align-items:start}.sp-main{min-width:0;display:flex;flex-direction:column;gap:12px}.sp-side{min-width:0;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#090d126b;backdrop-filter:blur(7px) saturate(125%);-webkit-backdrop-filter:blur(7px) saturate(125%)}.sp-empty{padding:20px;border-radius:6px;border:1px dashed rgba(255,255,255,.14);background:#090d1266;color:#9aa7b4;font-size:13px}.sp-empty strong{display:block;color:#dfe6ee;margin-bottom:6px}.sp-empty p{margin:0;line-height:1.6}.sp-side-section{display:flex;flex-direction:column;gap:6px}.sp-side-section+.sp-side-section{padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.sp-side-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:11.5px;font-weight:600;color:#cfd8e3;text-transform:uppercase;letter-spacing:.04em}.sp-head-note{font-size:10px;font-weight:400;color:#6b7684;text-transform:none;letter-spacing:0}.sp-footnote{font-size:11px;line-height:1.6;color:#7b8794;padding:10px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.07);background:#090d1266}.sp-award-block{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#090d126b;backdrop-filter:blur(7px) saturate(125%);-webkit-backdrop-filter:blur(7px) saturate(125%)}.sp-award-block+.sp-award-block{margin-top:12px}.sp-award-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:11.5px;font-weight:600;color:#cfd8e3;text-transform:uppercase;letter-spacing:.04em}.sp-award-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.sp-award{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;border-radius:5px;background:#090d126b;border:1px solid rgba(255,255,255,.07)}.sp-award-icon{width:40px;height:40px;object-fit:contain;display:block}.sp-award-name{max-width:100%;font-size:9.5px;line-height:1.25;color:#8b96a3;text-align:center;overflow-wrap:anywhere}.showcase-card{border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#090d126b;backdrop-filter:blur(7px) saturate(125%);-webkit-backdrop-filter:blur(7px) saturate(125%)}.showcase-card.is-real{border-color:#43d17f66}.showcase-card.is-design{border-color:#f0a72e52}.showcase-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.07);background:#06090d59}.showcase-title{font-size:13.5px;font-weight:600;color:#e2eaf3}.showcase-title-input{flex:1 1 140px;min-width:120px;padding:5px 8px;border-radius:6px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);outline:none}.showcase-source{font-size:10px;padding:2px 8px;border-radius:999px;border:1px solid transparent;white-space:nowrap}.showcase-source.real{background:var(--ok-soft);color:var(--ok);border-color:#43d17f59}.showcase-source.design{background:var(--warn-soft);color:#f2c98a;border-color:#f0a72e4d}.showcase-body{padding:12px;display:flex;flex-direction:column;gap:10px}.showcase-featured{position:relative;aspect-ratio:16 / 9;border-radius:5px;overflow:hidden;background:#070a0e66}.showcase-featured canvas{width:100%;height:100%;display:block}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.showcase-tile{position:relative;aspect-ratio:16 / 9;border-radius:5px;overflow:hidden;background:#070a0e66}.showcase-tile-canvas{width:100%;height:100%;display:block}.showcase-games{display:flex;flex-direction:column;gap:2px}.showcase-note{margin:0;font-size:11px;line-height:1.55;color:#7b8794}.showcase-picker{display:flex;flex-direction:column;gap:8px;margin-top:8px}.showcase-pick{display:flex;flex-direction:column;gap:3px;text-align:left;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev);color:var(--text);cursor:pointer;font:inherit}.showcase-pick:hover{border-color:var(--accent)}.showcase-pick-name{font-size:13px;font-weight:600}.showcase-pick-tag{align-self:flex-start;font-size:10px;padding:1px 7px;border-radius:999px}.showcase-pick-tag.real{background:var(--ok-soft);color:var(--ok)}.showcase-pick-tag.design{background:var(--warn-soft);color:#f2c98a}.showcase-pick-desc{font-size:11px;line-height:1.5;color:var(--muted-2)}.showcase-list{display:flex;flex-direction:column;gap:6px}.showcase-row{display:flex;align-items:center;gap:6px}.showcase-row-index{width:18px;flex:none;text-align:center;font-size:11px;color:var(--muted-2);font-variant-numeric:tabular-nums}.showcase-row input{flex:1;min-width:0;padding:6px 8px;border-radius:6px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);outline:none;font-size:12.5px}@media(max-width:1180px){.preview-screen{overflow-y:auto}.preview-split{display:flex;flex-direction:column;overflow:visible}.preview-canvas{flex:none;max-height:70vh}.preview-panel{max-height:none;overflow:visible}.preview-tab-body{overflow:visible}}@media(max-width:900px){.sp-body{grid-template-columns:minmax(0,1fr)}.sp-header{grid-template-columns:120px minmax(0,1fr)}.sp-avatar-wrap,.sp-avatar{width:120px;height:120px}.sp-level{grid-column:1 / -1;text-align:left}.sp-level-ring{margin:0}}.studio-modebar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 10px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.studio-mode-switch{display:flex;gap:6px}.studio-mode-switch .chip.active{background:var(--accent-2);color:#04211f}.ws-shell{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}.ws-grid{flex:1;min-height:0;display:grid;grid-template-columns:312px minmax(0,1fr) 420px;gap:12px;overflow:auto;align-content:start}.ws-col{display:flex;flex-direction:column;gap:12px;min-width:0}.ws-col-center{align-self:start;min-height:0;max-height:calc(100vh - 162px);max-height:calc(100dvh - 162px);overflow-y:auto;overscroll-behavior:contain}.ws-card{background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:var(--radius);display:flex;flex-direction:column;min-width:0}.ws-card-grow{flex:1;min-height:0}.ws-card-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border-soft)}.ws-num{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted-2);letter-spacing:.06em}.ws-card-title{font-size:13px;font-weight:600;letter-spacing:.01em}.ws-live{font-size:10.5px;letter-spacing:.1em;color:var(--accent-2);border:1px solid rgba(22,200,192,.35);background:#16c8c014;border-radius:999px;padding:2px 8px}.ws-card-body{padding:12px;display:flex;flex-direction:column;min-width:0}.ws-preview-body{padding:10px;gap:10px;flex:1;min-height:0}.ws-drop{border:1px dashed var(--border);border-radius:var(--radius);padding:20px 12px 16px;text-align:center;cursor:pointer;background:#10151d80;transition:border-color .15s,background .15s}.ws-drop:hover,.ws-drop.over{border-color:var(--accent-2);background:#16c8c00f}.ws-drop-icon{width:34px;height:34px;margin:0 auto 10px;border-radius:6px;border:1px solid var(--border);background:var(--panel-2);color:var(--accent-2);display:grid;place-items:center;font-size:15px}.ws-drop-title{font-weight:600;font-size:13.5px}.ws-drop-sub{color:var(--muted);font-size:12px;margin-top:2px}.ws-formats{margin-top:10px;font-size:11px;color:var(--muted-2)}.ws-source-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;padding:8px 10px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--panel)}.ws-source-badge{font-size:10.5px;letter-spacing:.04em;padding:2px 7px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.ws-source-badge.live{color:var(--accent-2);border-color:#16c8c066;background:#16c8c014}.ws-source-name{flex:1 1 80px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.ws-divider{display:flex;align-items:center;gap:8px;margin:14px 0 10px;color:var(--muted-2);font-size:11px}.ws-divider:before,.ws-divider:after{content:"";flex:1;height:1px;background:var(--border-soft)}.ws-hint{margin-top:12px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--panel);border:1px solid var(--border-soft);color:var(--muted-2);font-size:11.5px}.ws-showcase-list{display:flex;flex-direction:column;gap:8px}.ws-scard{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;text-align:left;background:var(--panel);border:1px solid var(--border-soft);border-radius:8px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.ws-scard:hover{border-color:var(--border)}.ws-scard.active{border-color:var(--accent-2);box-shadow:inset 0 0 0 1px #16c8c059;background:#16c8c00d}.ws-scard-thumb{flex:none;width:36px;height:26px;border:1px solid var(--border);border-radius:3px;background:var(--panel-2);display:flex;gap:1px;overflow:hidden}.ws-scard-thumb i{display:block;height:100%;background:#16c8c047}.ws-scard-thumb.artwork i:first-child,.ws-scard-thumb.tall i:first-child{flex:5}.ws-scard-thumb.artwork i:last-child,.ws-scard-thumb.tall i:last-child{flex:1;background:#16c8c080}.ws-scard-thumb.featured i:first-child{flex:1;background:#16c8c06b}.ws-scard-thumb.avatar{width:26px;align-items:center;justify-content:center}.ws-scard-thumb.avatar i:first-child{width:18px;height:18px;background:#16c8c06b}.ws-scard-text{flex:1;min-width:0;display:flex;flex-direction:column}.ws-scard-title{font-size:12.5px;font-weight:600}.ws-scard-measure{font-size:11px;color:var(--muted-2);font-variant-numeric:tabular-nums}.ws-radio{flex:none;width:14px;height:14px;border-radius:50%;border:1px solid var(--border)}.ws-radio.on{border-color:var(--accent-2);box-shadow:inset 0 0 0 4px var(--accent-2)}.ws-profile-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ws-profile-hint{min-width:0}.ws-zoom-viewport{position:relative;overflow:hidden;min-height:320px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.ws-zoom-viewport.panning{cursor:grabbing}.ws-zoom-content{position:relative;width:100%;transform-origin:0 0;will-change:transform}.ws-profile-page{padding:14px 0;display:flex;flex-direction:column}.ws-profile-page .ws-profile-shell{width:100%}.ws-full-profile-viewport{--ws-frame-content-h: calc(100dvh - 276px) ;height:calc(var(--ws-frame-content-h) + 24px);min-height:240px;flex:0 0 auto}.ws-full-profile-scaler{width:100%;max-width:100%}.ws-full-profile-scaler .profile-shell{width:100%;max-width:952px;margin:0 auto}.ws-full-profile-scaler .profile-page-bg{object-fit:cover}.ws-preview-bg{position:sticky;top:0;z-index:0;height:calc(var(--ws-frame-content-h) + 22px);margin:-12px -12px calc(-1 * (var(--ws-frame-content-h) + 22px));display:block;overflow:hidden;background:#070a0e}.ws-preview-bg .studio-hit-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;cursor:pointer}.ws-preview-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#06090d1f,#06090d52 55%,#06090d70);pointer-events:none}.ws-preview-bg .profile-page-bg{z-index:0;inset:0 auto auto 50%;width:calc(1920px * var(--preview-zoom, 1));max-width:none;height:auto;transform:translate(-50%);transform-origin:top center;object-fit:fill;object-position:top center}.ws-preview-bg .profile-bg-note{position:absolute;left:14px;bottom:14px;z-index:3;max-width:60%;padding:4px 8px;border:1px solid rgba(255,176,32,.45);border-radius:3px;background:#140e04db;color:#ffce7a;font-size:11px;line-height:1.35;pointer-events:none}.ws-profile-page{background:transparent}.ws-profile-page:before{display:none}.ws-profile-page .profile-shell{background:#0a0e1457}.ws-profile-page .profile-top{background:#090d123d}.ws-profile-page .profile-shell .showcase-main{background:#070a0e3d}.ws-profile-page .profile-sidebar-overview{background:linear-gradient(155deg,#100c0a47,#04070b33 68%)}.ws-profile-page .profile-rail{background:#070a0e4d}.asset-count-note{margin:2px 0 8px;color:var(--muted-2);font-size:11px}.ws-profile-header{grid-template-columns:184px minmax(0,1fr) auto;gap:18px}.ws-profile-header .sp-avatar-wrap,.ws-profile-header .sp-avatar{width:184px;height:184px}.ws-profile-header .sp-name{font-size:28px}.ws-profile-notice{margin-top:10px}.ws-profile-body{align-items:start}.ws-profile-body .sp-main{display:flex;flex-direction:column}.ws-profile-side{overflow:visible}.ws-vitrin{display:block}.ws-vitrin-stage-area{display:flex;justify-content:flex-start;min-width:0}.ws-measure-w{position:absolute;bottom:0;height:12px;border-top:1px solid rgba(22,200,192,.5);pointer-events:none}.ws-measure-w:before,.ws-measure-w:after{content:"";position:absolute;top:-1px;width:1px;height:12px;background:#16c8c0bf}.ws-measure-w:before{left:0}.ws-measure-w:after{right:0}.ws-measure-h{position:absolute;left:0;top:0;bottom:0;width:12px;border-left:1px solid rgba(22,200,192,.5);pointer-events:none}.ws-measure-h:before,.ws-measure-h:after{content:"";position:absolute;left:-1px;width:12px;height:1px;background:#16c8c0bf}.ws-measure-h:before{top:0}.ws-measure-h:after{bottom:0}.ws-measure-label{position:absolute;padding:1px 5px;border-radius:3px;border:1px solid rgba(22,200,192,.35);background:#05080cd1;color:var(--accent-2);font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.ws-measure-w .ws-measure-label{left:50%;bottom:2px;transform:translate(-50%)}.ws-measure-h .ws-measure-label{top:50%;left:14px;transform:translateY(-50%)}.sp-level-ring.is-preview{border-color:#ffffff2e;color:#dfe6ee;font-size:24px;font-weight:600}.ws-profile-nav{gap:8px}.ws-nav-list{display:flex;flex-direction:column;gap:2px}.ws-nav-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 6px;border-radius:5px;font-size:12px;color:#b7c2cd;text-decoration:none}a.ws-nav-item:hover{background:#ffffff0f;color:#fff}.ws-nav-item.is-plain{color:#7b8794}.ws-nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-nav-value{flex:none;font-size:10.5px;color:#6f7c8a}.ws-nav-note{margin:0;font-size:10.5px;line-height:1.5;color:#7b8794}.ws-stage{position:relative;overflow:hidden;background:transparent;border-radius:0;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.ws-stage.dragging-art{cursor:grabbing}.ws-stage.is-empty{cursor:default}.ws-stage-media{position:absolute;pointer-events:none;object-fit:fill}.ws-part{position:absolute;top:0;bottom:0;border:1px dashed rgba(22,200,192,.55);background:#16c8c00b;pointer-events:none}.ws-part:first-of-type{border-color:#16c8c0d9}.ws-part-label{position:absolute;left:5px;top:5px;display:flex;flex-direction:column;gap:1px;padding:3px 7px;border-radius:3px;background:#05080cc7;border:1px solid rgba(22,200,192,.35);color:var(--muted);font-size:10.5px;letter-spacing:.02em;white-space:nowrap}.ws-part-label b{color:var(--accent-2);font-variant-numeric:tabular-nums}.ws-zoom-row{display:flex;align-items:center;gap:8px}.ws-zoom-row input[type=range]{flex:1;min-width:80px;accent-color:var(--accent-2)}.ws-zoom-value{font-size:11.5px;color:var(--muted);min-width:42px;text-align:right}.ws-preview-info{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:#10151d99;font-size:12px;line-height:1.5;color:var(--muted)}.ws-preview-info-title{font-size:12.5px;font-weight:600;color:var(--text)}.ws-check{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--muted);cursor:pointer}.ws-check input{margin-top:2px;accent-color:var(--accent-2)}.ws-note{display:flex;gap:9px;padding:10px 11px;border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:var(--panel);color:var(--muted);font-size:12px}.ws-note strong{color:var(--text)}.ws-note-icon{color:var(--accent-2)}.ws-format-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--border-soft)}.ws-seg{display:flex;gap:6px}.ws-control{margin-top:14px}.ws-control.disabled{opacity:.42}.ws-control-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}.ws-control input[type=range]{width:100%;accent-color:var(--accent-2)}.ws-range-ends{display:flex;justify-content:space-between;font-size:10.5px;color:var(--muted-2);margin-top:2px}.ws-limit{margin-top:16px;padding-top:14px;border-top:1px solid var(--border-soft);display:flex;flex-direction:column;gap:10px}.ws-limit .ws-check{color:var(--text)}.ws-limit-sub{display:block;font-weight:400;color:var(--muted-2);font-size:11px;margin-top:2px}.ws-progress{margin-top:10px;display:flex;flex-direction:column;gap:5px}.ws-progress-bar{height:6px;border-radius:999px;background:var(--panel-3);overflow:hidden}.ws-progress-bar span{display:block;height:100%;background:var(--accent-2);transition:width .2s ease}.ws-result{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-soft);display:flex;flex-direction:column;gap:8px}.ws-result-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.ws-result-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.ws-result-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border:1px solid var(--border-soft);border-radius:5px;background:var(--panel);font-size:11.5px}.ws-result-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-guarantee{margin-top:12px;margin-bottom:0}.ws-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:12px 16px;border-top:1px solid var(--border-soft);background:var(--panel);border-radius:var(--radius)}.ws-step{display:flex;gap:10px;align-items:flex-start;opacity:.55}.ws-step.active{opacity:1}.ws-step-num{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted-2)}.ws-step.active .ws-step-num{color:var(--accent-2);font-weight:600}.ws-step-title{font-size:12.5px;font-weight:600}.ws-step-text{font-size:11.5px;color:var(--muted-2)}@media(max-width:1240px){.ws-grid{grid-template-columns:minmax(0,1fr) 360px}.ws-col:first-child{grid-column:1 / -1}}@media(max-width:900px){.ws-grid,.ws-steps{grid-template-columns:minmax(0,1fr)}.ws-profile-header{grid-template-columns:120px minmax(0,1fr)}.ws-profile-header .sp-avatar-wrap,.ws-profile-header .sp-avatar{width:120px;height:120px}.ws-profile-header .sp-level{grid-column:1 / -1;display:flex;align-items:center;gap:10px;text-align:left;min-width:0}.ws-profile-header .sp-level-ring{margin:0;width:54px;height:54px;font-size:20px}.ws-profile-body{grid-template-columns:minmax(0,1fr)}}.showcase-manager{display:flex;flex-direction:column;gap:10px}.showcase-manager .showcase-list{gap:10px}.showcase-pick-measure{font-weight:400;color:var(--muted-2);font-variant-numeric:tabular-nums}.showcase-edit{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev)}.showcase-edit-head{display:flex;align-items:center;gap:6px}.showcase-edit-type{font-size:13px;font-weight:600}.showcase-edit>input[type=text]{width:100%;padding:6px 8px;border-radius:6px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);outline:none;font-size:12.5px}.showcase-edit-preview{border-radius:6px;overflow:hidden;border:1px solid var(--border-soft);background:#070a0e66}.showcase-edit-actions{gap:6px}.showcase-crop{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--panel-2)}.showcase-crop .field{gap:2px}.showcase-layout{position:relative;width:100%;overflow:hidden;border-radius:5px;background:#070a0e80}.showcase-layout-media{position:absolute;display:block;max-width:none;-webkit-user-select:none;user-select:none}.showcase-layout-background-mirror{position:absolute;z-index:0;pointer-events:none}.showcase-layout[data-filled=false]{background:transparent}.showcase-layout[data-mirrored=true]{background-color:transparent}.showcase-layout-part{position:absolute;top:0;bottom:0;overflow:hidden}.showcase-layout-part canvas{width:100%;height:100%;display:block}.showcase-layout-part-empty{position:absolute;top:0;bottom:0;border:1px dashed rgba(22,200,192,.42);background:#ffffff04;z-index:2}.showcase-layout-part-label{position:absolute;left:6px;top:6px;padding:2px 6px;border-radius:3px;border:1px solid rgba(22,200,192,.35);background:#05080cd1;color:var(--accent-2);font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.side-strip-note{position:relative;z-index:1;margin:0;padding:10px;font-size:11px;line-height:1.5;color:#7b8794}.showcase-layout-divider{position:absolute;top:0;bottom:0;width:1px;background:#ffffff59;box-shadow:0 0 0 1px #00000059;pointer-events:none;z-index:3}.showcase-layout-steam-gutter{position:absolute;top:0;bottom:0;z-index:20;pointer-events:none;background:#05080cdb;box-shadow:inset 1px 0 #ffffff14,inset -1px 0 #000c}.ws-stage-steam-gutter{position:absolute;top:0;bottom:0;z-index:8;pointer-events:none;background:#05080cdb;box-shadow:inset 1px 0 #ffffff14,inset -1px 0 #000c}.profile-shell .showcase-row{display:grid;grid-template-columns:minmax(0,1fr) 268px;align-items:stretch;gap:0}.StudioMock .mock-vitrin{display:flex;flex-direction:column;min-width:0}.StudioMock .mock-vitrin-head{display:flex;align-items:baseline;gap:8px;min-width:0;padding:7px 8px 6px;font-size:12px;color:#dbe5ef;background:#080b106b;border:1px solid rgba(119,157,180,.24);border-radius:6px;margin-bottom:9px}.StudioMock .mock-vitrin-title{flex:none;font-weight:600;letter-spacing:.01em}.StudioMock .mock-vitrin-size{flex:none;font-size:11px;color:var(--accent-2)}.StudioMock .mock-vitrin-hint{margin-left:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;color:#93a1b0}.StudioMock .showcase-row{grid-template-columns:minmax(0,69fr) minmax(190px,31fr)}.StudioMock .showcase-main{box-shadow:inset 0 0 0 1px #16c8c06b;background:transparent}.StudioMock .showcase-layout-part-empty{border:0;background:#16c8c009}.StudioMock .showcase-layout-divider{background:#16c8c080;box-shadow:none}@media(max-width:1180px){.ws-full-profile-viewport{--ws-frame-content-h: calc(66vh - 26px) ;max-height:none}}.StudioMock .profile-top{background:transparent;border-bottom:0;-webkit-backdrop-filter:none;backdrop-filter:none}.StudioMock .profile-shell{background:transparent;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.StudioMock .identity-name,.StudioMock .identity-meta{width:fit-content;max-width:100%;padding:3px 7px;border-radius:5px;background:#050b116b;box-shadow:0 1px 8px #0000001f;-webkit-backdrop-filter:none;backdrop-filter:none}.StudioMock .profile-rail{background:#070a0e6b}.profile-shell .showcase-main{align-self:start;width:100%;max-width:614px;min-width:0;aspect-ratio:auto;border-right:none;background:#070a0e47}.profile-shell .showcase-layout{width:100%;border-radius:0;background:transparent}.profile-shell .showcase-layout-part-empty{border-style:dashed;border-color:#16c8c08c;background:#16c8c00b}.profile-shell .showcase-layout-part-empty:first-of-type{border-color:#16c8c0d9}@media(max-width:860px){.profile-shell .showcase-row{grid-template-columns:minmax(0,1fr)}}.mock-showcases{display:flex;flex-direction:column;gap:10px;margin-top:12px}.guide-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;counter-reset:guide}.guide-step{display:flex;gap:11px;padding:11px 12px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--panel-2)}.guide-step-num{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;background:#16c8c029;border:1px solid rgba(22,200,192,.5);color:var(--accent-2);font-size:12px;font-weight:700}.guide-step-body{min-width:0}.guide-step-title{font-size:13px;font-weight:650;color:var(--text);margin-bottom:3px}.guide-step-text{font-size:12.5px;line-height:1.6;color:var(--muted)}.guide-list{margin:6px 0;padding-left:18px;line-height:1.7}.guide-step-text strong{color:var(--text)}.ws-topbar{flex:none;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.ws-preview-head{flex-wrap:wrap;row-gap:6px;padding:6px 10px;min-height:0}.ws-preview-tools{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;min-width:0}.inspector-current{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--panel-2)}.inspector-thumb{display:grid;place-items:center;width:44px;height:44px;flex:none;overflow:hidden;border:1px solid var(--border-soft);border-radius:5px;background:#0b0f14 center / cover no-repeat}.inspector-thumb .si-preview{width:100%;height:100%;border:0;border-radius:0}.ws-card-body>.panel,.ws-card-body>.layer-panel-unified{border:0}.mock-showcase-item{border-radius:8px;outline:2px solid transparent;outline-offset:2px;transition:outline-color .12s ease}.mock-showcase-item:hover{outline-color:var(--accent)}:root{--bg: #080c11;--bg-elev: #0e141c;--panel: #111a24;--panel-2: #172330;--panel-3: #1e2d3c;--border: #263847;--border-soft: #1b2a36;--text: #e9f1f6;--muted: #9aaebc;--muted-2: #718694;--accent: #31b9ca;--accent-2: #4ed7c4;--accent-soft: rgba(49, 185, 202, .14);--radius: 12px;--radius-sm: 8px;--shadow: 0 18px 48px rgba(0, 0, 0, .38)}body{background:radial-gradient(ellipse at 48% -28%,rgba(28,101,125,.16),transparent 58%),var(--bg);letter-spacing:.005em}button,input,select,textarea{transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.topbar{min-height:68px;padding:11px clamp(14px,2.2vw,32px);gap:clamp(12px,2vw,28px);background:#0a0f15f0;border-bottom-color:#5c819233;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{gap:12px}.brand-mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#55e3d2,#168aab);box-shadow:0 6px 22px #1ec0c438;color:#051519;font-size:15px}.brand-logo{object-fit:cover;object-position:center 34%;border:1px solid rgba(63,221,235,.5)}.language-switch{display:inline-flex;gap:3px;padding:3px;border:1px solid #263b47;border-radius:9px;background:#0a1118}.language-switch button{min-width:36px;padding:6px 9px;border:0;border-radius:6px;background:transparent;color:#91a5b1;font:700 11px var(--font);cursor:pointer}.language-switch button.active{background:linear-gradient(135deg,#42c9ca,#28a7b8);color:#041619}.theme-switch{display:inline-flex;gap:3px;padding:3px;border:1px solid #263b47;border-radius:9px;background:#0a1118}.theme-switch button{display:grid;width:34px;height:30px;place-items:center;padding:5px;border:0;border-radius:6px;background:transparent;color:#91a5b1;cursor:pointer}.theme-switch svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme-switch button.active{background:#26333b;color:#fff}html[data-theme=day] :is(.language-switch,.theme-switch){border-color:#333;background:#eee}html[data-theme=day] :is(.language-switch button,.theme-switch button){color:#444}html[data-theme=day] :is(.language-switch button.active,.theme-switch button.active){background:#d6eeee;color:#176b78}.brand-name{font-size:14px;font-weight:720;letter-spacing:-.025em}.brand-sub{margin-top:1px;font-size:10.5px;letter-spacing:.025em}.top-nav{background:#0d151d;border-color:#1b2b38;border-radius:10px}.screen-tab{padding:8px 13px;border-radius:8px;font-weight:600}.screen-tab.active{background:linear-gradient(135deg,#42c9ca,#28a7b8);color:#041619;box-shadow:0 4px 16px #25b5bf2e}.top-settings{padding:7px 12px}.ws-shell{gap:14px}.ws-topbar{padding:10px 14px;border-color:#1d303d;border-radius:12px;background:linear-gradient(120deg,#111c26f5,#0d151df5);box-shadow:0 8px 28px #00000024;display:grid;grid-template-columns:minmax(220px,258px) minmax(440px,1fr) minmax(280px,330px)}.ws-grid{grid-template-columns:minmax(220px,258px) minmax(440px,1fr) minmax(280px,330px);gap:14px;overflow:auto;align-content:stretch}.ws-col{gap:14px}.ws-col-center{align-self:stretch;max-height:calc(100dvh - 160px);padding:0 3px 5px 0;scrollbar-gutter:stable}.ws-card{border-color:#1c2d39;border-radius:12px;background:linear-gradient(160deg,#0f1720fa,#0b1118fa);box-shadow:0 8px 28px #0000001f}.ws-card-head{min-height:48px;padding:11px 14px;background:#ffffff03;border-bottom-color:#1b2a35}.ws-card-title{font-size:13.5px;font-weight:650;letter-spacing:-.01em}.ws-card-body{padding:14px}.ws-preview-head{position:sticky;top:0;z-index:4;background:#0e151df5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ws-preview-body{padding:13px}.ws-live{color:#71e5d3;background:#4ed7c414;border-color:#4ed7c440}.ws-drop{padding:24px 14px 19px;border-color:#344b59;background:linear-gradient(145deg,#162631b3,#0e171fc7)}.ws-drop:hover,.ws-drop.over{border-color:var(--accent-2);box-shadow:inset 0 0 0 1px #4ed7c41f}.ws-drop-icon{width:40px;height:40px;border-radius:11px;background:#172832;border-color:#2b4651}.ws-profile-page{border-radius:9px;overflow:hidden}.ws-profile-page .profile-shell{box-shadow:0 14px 44px #00000047}.ws-profile-page:before{opacity:.75}.ws-profile-page .profile-top{padding:clamp(12px,1.6vw,22px)}.ws-profile-header{gap:clamp(14px,2vw,26px)}.ws-profile-body{gap:14px}.ws-profile-page .showcase-row{border-radius:7px;overflow:hidden}.ws-preview-tools .btn,.ws-preview-tools .chip{min-height:32px}.ws-col>.ws-card{flex:none}.ws-col>.ws-card:last-child{flex:1}.ws-col>.ws-settings-card{flex:1}.btn,.chip,.icon-btn{transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.btn:hover:not(:disabled),.chip:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#35c5c9,#238fa8);color:#041719;box-shadow:0 5px 16px #26b2bf2e}.btn.primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 7px 22px #26b2bf40}input[type=text]:focus,input[type=number]:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #31b9ca29}@media(max-width:1240px){.topbar{flex-wrap:wrap}.top-nav{margin-left:auto}.topbar-right{margin-left:0}.ws-grid{grid-template-columns:minmax(210px,250px) minmax(0,1fr)}.ws-col:first-child{grid-column:auto}.ws-col:last-child{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.ws-col-center{max-height:calc(100dvh - 172px)}}@media(max-width:900px){.topbar{gap:10px}.brand{flex:1 1 190px}.top-nav{order:3;width:100%;justify-content:stretch;margin:0}.top-nav .screen-tab{flex:1}.topbar-right{margin-left:auto}.ws-grid{grid-template-columns:minmax(0,1fr);overflow:visible;align-content:start}.ws-col:first-child,.ws-col:last-child{grid-column:auto;display:flex}.ws-col-center{order:1;max-height:min(74dvh,900px)}.ws-col:first-child{order:0}.ws-col:last-child{order:2}.ws-preview-body{min-height:440px}}@media(max-width:600px){.topbar{padding:10px 12px}.brand-sub,.topbar-right .tiny-text,.topbar-right .badge,.topbar-right .small{display:none}.screen-tab{padding:8px 5px;font-size:12px}.screen-tab-icon{margin-right:3px}.ws-topbar{padding:9px}.ws-grid,.ws-col{gap:10px}.ws-card-head{padding:10px 12px}.ws-card-body{padding:12px}.ws-col-center{max-height:76dvh}.ws-preview-body{min-height:360px;padding:8px}.ws-profile-header{grid-template-columns:82px minmax(0,1fr)}.ws-profile-header .sp-avatar-wrap,.ws-profile-header .sp-avatar{width:82px;height:82px}}.ws-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:2px 4px 3px}.ws-intro-copy{min-width:0}.ws-eyebrow{display:flex;align-items:center;gap:8px;color:#70d7d1;font-size:10px;font-weight:750;letter-spacing:.16em}.ws-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#4ed7c4;box-shadow:0 0 14px #4ed7c4bf}.ws-intro h1{margin:6px 0 2px;color:#f0f6f8;font-size:clamp(21px,2.2vw,29px);font-weight:730;letter-spacing:-.045em;line-height:1.15}.ws-intro p{margin:0;color:#91a6b3;font-size:12.5px}.ws-intro-steps{display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid #213440;border-radius:10px;background:#0f1921c2;color:#718896;white-space:nowrap;font-size:10.5px}.ws-intro-steps span{display:flex;align-items:center;gap:6px}.ws-intro-steps b{color:#8297a3;font:650 10px var(--font)}.ws-intro-steps .current{color:#dce9ed}.ws-intro-steps .current b{color:#57d8cc}.ws-intro-steps i{width:17px;height:1px;background:#2b404c}.ws-topbar{box-shadow:inset 0 1px #ffffff06,0 8px 25px #00000029}.ws-topbar .studio-url{flex:1 1 420px;max-width:720px}.ws-topbar .studio-url input{min-height:38px;background:#0a1118;border-color:#263b47}.ws-topbar .studio-url .btn.primary{min-height:38px;padding-inline:17px}.ws-howto-trigger{grid-column:1;justify-self:start;display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:0 13px 0 9px;border:1px solid rgba(68,219,207,.36);border-radius:10px;background:linear-gradient(135deg,#19494f66,#0f1d26bd);color:#d7f4f1;font:650 12px var(--font);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.ws-howto-trigger:hover{border-color:#54e0d2;background:#2a949133;box-shadow:0 0 18px #36d8ca1f;transform:translateY(-1px)}.ws-howto-icon{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:#2bb9b4;color:#062126;font-size:14px;font-weight:800;box-shadow:0 0 13px #33ddd04d}.ws-howto-arrow{margin-left:3px;color:#6edbd3;font-size:14px}.howto-backdrop{z-index:110}.howto-modal{max-height:min(88vh,860px)}.howto-head{gap:12px}.howto-title-icon{display:grid;width:38px;height:38px;flex:none;place-items:center;border:1px solid rgba(75,222,209,.38);border-radius:11px;background:#34c8be1f;color:#6de5da;font-size:20px}.howto-subtitle{margin-top:3px;color:var(--muted);font-size:11px}.howto-close{margin-left:auto;font-size:20px}.howto-body{gap:14px}.howto-start{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid rgba(67,215,201,.3);border-radius:10px;background:linear-gradient(110deg,#1d74752b,#14242f59)}.howto-start-mark{display:grid;width:26px;height:26px;flex:none;place-items:center;border-radius:8px;background:#2fcdc329;color:#74e6dd;font-size:18px}.howto-start strong{color:var(--text);font-size:12px}.howto-start p,.howto-step-copy p,.howto-steam-note p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.howto-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none}.howto-step{display:flex;align-items:flex-start;gap:10px;min-width:0;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)}.howto-step-icon{display:grid;width:30px;height:30px;flex:none;place-items:center;border:1px solid rgba(72,216,202,.22);border-radius:8px;background:#2cbcb417;color:#67ded5;font-size:16px}.howto-step-copy{min-width:0}.howto-step-heading{display:flex;align-items:baseline;gap:7px;color:var(--text);font-size:12px}.howto-step-heading>span{color:#54d9d0;font:750 9px var(--font);letter-spacing:.08em}.howto-step-copy p{font-size:10.5px}.howto-steam-note{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid var(--border);border-radius:10px;background:var(--panel)}.howto-steam-note strong{color:var(--text);font-size:11px}.howto-steam-note .btn{flex:none}.ws-visitor-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;flex:none;min-height:66px;padding:8px 14px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(110deg,#0f1b23f5,#101c25e0)}.ws-visitor-heading{display:grid;grid-template-columns:8px auto;align-items:center;column-gap:8px;min-width:160px}.ws-visitor-heading strong{color:var(--text);font-size:11px}.ws-visitor-heading>span:last-child{grid-column:2;color:var(--muted);font-size:9px}.ws-visitor-pulse{width:7px;height:7px;border-radius:50%;background:#48d9b0;box-shadow:0 0 9px #48d9b099}.ws-visitor-periods{display:grid;grid-template-columns:repeat(4,minmax(72px,1fr));flex:1;max-width:560px;gap:8px}.ws-visitor-period{display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:8px;padding:4px 9px;border-left:1px solid var(--border)}.ws-visitor-period>span{color:var(--muted);font-size:9px}.ws-visitor-period>strong{color:var(--accent);font-size:14px;font-variant-numeric:tabular-nums}.ws-visitor-period>small{grid-column:1 / -1;color:var(--muted-2);font-size:8px}.ws-visitor-offline{color:var(--muted-2);font-size:9px}html[data-theme=day] .ws-visitor-footer{background:linear-gradient(110deg,#fff,#f5f9f8);border-color:#d4e2e4}@media(max-width:760px){.ws-visitor-footer{align-items:stretch;flex-direction:column;gap:8px}.ws-visitor-periods{max-width:none}.ws-visitor-period{padding-inline:6px}}html[data-theme=day] .ws-howto-trigger{border-color:#1c939866;background:linear-gradient(135deg,#e5f6f4,#fff6eb);color:#214c59}html[data-theme=day] .ws-howto-icon{background:#2aa8a6;color:#fff}@media(max-width:760px){.howto-steps{grid-template-columns:1fr}.howto-steam-note{align-items:flex-start;flex-direction:column}}.topbar:has(.topbar-intro){min-height:88px;gap:clamp(12px,1.7vw,26px)}.topbar-intro{flex:1;min-width:280px;text-align:center}.topbar-intro h1{margin:2px 0 0;color:#e6f0f3;font-size:clamp(18px,1.6vw,25px);line-height:1.1;letter-spacing:-.035em}.topbar-intro p{margin:3px 0 0;color:#8ea4af;font-size:11px}.topbar-eyebrow{display:inline-flex;align-items:center;gap:7px;color:#58d9d0;font-size:9px;font-weight:750;letter-spacing:.2em}.topbar-eyebrow>span{width:7px;height:7px;border-radius:50%;background:#57dfca;box-shadow:0 0 10px #57dfca}.topbar-steps{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #263a46;border-radius:10px;background:#0b131a;color:#98aab4;font-size:9px;white-space:nowrap}.topbar-steps span{display:flex;align-items:center;gap:5px}.topbar-steps b{color:#708794;font-size:9px}.topbar-steps .current{color:#dcebed}.topbar-steps .current b{color:#58d9d0}.topbar-steps i{width:16px;height:1px;background:#344752}.ws-workflow-nav{grid-column:1;width:100%;min-width:0;box-sizing:border-box;margin-left:-15px;flex:none;order:0;justify-content:stretch}.ws-workflow-nav .screen-tab{flex:1 1 0;justify-content:center}.ws-topbar .studio-url{grid-column:2;max-width:720px;width:100%;flex:none;justify-self:center;order:0}.ws-top-actions{grid-column:3;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.ws-gif-quality-preset{width:100%;margin-top:10px;border-color:#47d6be6b;color:#8ce9dc}.ws-gif-quality-preset:not(:disabled):hover{background:#47d6be1f;border-color:#55d7c8}.ws-gif-quality-note{margin:5px 0 8px;line-height:1.45}.mock-vitrin.is-background-copy{box-shadow:0 0 18px #4bdcc421,inset 0 0 0 1px #6defd33d}.showcase-main.is-background-copy{box-shadow:inset 0 0 0 1px #76f1d03d,0 0 20px #47d6be21}.sp-recent-games{padding:10px 4px 5px;color:#d7e0e8}.sp-recent-heading{margin:0 0 9px;font-size:15px;font-weight:500;color:#dce5ec}.sp-recent-game{padding:8px 0 10px;border-bottom:1px solid rgba(176,196,214,.16)}.sp-recent-game:last-child{border-bottom:0}.sp-recent-game-main{display:grid;grid-template-columns:minmax(140px,184px) minmax(110px,1fr) minmax(130px,190px);align-items:start;gap:9px}.sp-recent-cover{position:relative;aspect-ratio:184 / 69;overflow:hidden;background:#1a2632}.sp-recent-icon,.sp-recent-header-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.sp-recent-icon{object-fit:contain}.sp-recent-header-image{z-index:1}.sp-recent-game-title{padding-top:9px;font-size:13px;color:#e2e7ed}.sp-recent-time{display:flex;flex-direction:column;gap:3px;padding-top:9px;text-align:right;color:#aeb9c5;font-size:11px}.sp-recent-time span{color:#8996a4}.sp-recent-achievements{display:grid;grid-template-columns:minmax(120px,1fr) minmax(80px,1.05fr) auto;align-items:center;gap:8px;margin:6px 0 0 20%}.sp-recent-achievement-summary{display:flex;align-items:center;gap:7px;min-width:0;font-size:11px;white-space:nowrap}.sp-recent-achievement-mark{color:#38a8ff;font-size:20px}.sp-recent-achievement-summary strong{margin-left:auto;color:#f3d000;font-size:10px;font-weight:600}.sp-recent-progress{height:8px;overflow:hidden;border-radius:5px;background:#111820;box-shadow:inset 0 0 0 1px #ffffff1f}.sp-recent-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#159bdf,#35b8ff)}.sp-recent-badges{display:flex;align-items:center;gap:5px}.sp-recent-badges img{width:30px;height:30px;object-fit:contain;background:#dce1c629;border:1px solid rgba(220,225,198,.35)}.sp-recent-badges>span{color:#d5dbe1;font-size:11px;white-space:nowrap}@media(max-width:1050px){.topbar:has(.topbar-intro){flex-wrap:wrap}.topbar-intro{order:3;flex-basis:100%;text-align:left}.topbar-steps{margin-left:auto}.ws-topbar{grid-template-columns:minmax(190px,230px) minmax(250px,1fr)}.ws-topbar .studio-url{grid-column:2}.ws-top-actions{grid-column:1 / -1;justify-content:flex-end}.sp-recent-game-main{grid-template-columns:minmax(115px,160px) minmax(90px,1fr)}.sp-recent-time{grid-column:2;grid-row:2;padding-top:0;text-align:left}.sp-recent-achievements{grid-column:1 / -1;margin-left:0}}.guide-intro{margin:0 0 12px;color:#d5e0e8}.guide-critical-notice{margin:0 0 14px;border-color:#ff4c4c94;background:#78161b38;color:#ffd7d7}.guide-critical-notice strong,.guide-critical-inline strong{color:#ff6d73}.guide-step.is-critical{border-color:#ff4c4c80;background:#78161b1c}.guide-step.is-critical .guide-step-num{border-color:#f05b65;color:#ff7279}.guide-critical-inline{margin:8px 0 0;padding:8px 10px;border-left:3px solid #ee515b;background:#871c222e;color:#f0cacc}.guide-code-block{display:flex;align-items:flex-start;gap:10px;margin-top:10px;padding:10px;border:1px solid #2a3a47;border-radius:8px;background:#080d12}.guide-code-block pre{flex:1;min-width:0;margin:0;overflow-x:auto;color:#89eee0;font:12px/1.6 Consolas,Cascadia Code,monospace;white-space:pre}.guide-copy{flex:none}.guide-code-note{margin:8px 0 0;color:#a8b6c3}.profile-friends-inline{display:flex;flex-direction:column;gap:5px;padding:5px 0 0 8px}.profile-friend-row{display:flex;align-items:center;gap:6px;min-width:0;color:#d8dfe7;font-size:11px}.profile-friend-avatar{width:24px;height:24px;flex:none;overflow:hidden;display:grid;place-items:center;border-radius:3px;background:#172431;color:#b8c8d7;font-size:10px}.profile-friend-avatar img{width:100%;height:100%;object-fit:cover}.profile-friend-copy{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-friend-copy .sub{overflow:hidden;text-overflow:ellipsis;font-size:9px}.profile-friends-toggle{align-self:flex-start;padding:3px 0;border:0;background:none;color:#66c0f4;font-size:10px;cursor:pointer}.profile-friends-toggle:hover{color:#9bd8ff;text-decoration:underline}.ws-card-head .ws-num{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;color:#6ed9d0;background:#39b8b817;font-size:10px;letter-spacing:.03em}.ws-col:last-child .ws-card{overflow:hidden}.ws-col:last-child .ws-card-head{background:linear-gradient(90deg,rgba(38,94,103,.12),transparent 75%)}.studio-tabs{padding:8px 12px 0;gap:6px}.studio-tab{border-radius:8px 8px 0 0;padding:10px 13px}.studio-tab.active{color:#e8f8f6;box-shadow:inset 0 -2px #4ed7c4}.studio-tab-body{padding:13px}.studio-tab-body .asset-grid{gap:9px}.studio-tab-body .asset-card{border-radius:9px}.studio-tab-body .asset-card.selected{box-shadow:0 0 0 1px #4ed7c4,0 0 18px #4ed7c421}.ws-profile-page{box-shadow:0 0 0 1px #54929d1f,0 18px 50px #00000047}@media(max-width:900px){.ws-intro{align-items:flex-start;flex-direction:column;gap:12px}.ws-intro-steps{align-self:stretch;justify-content:center}.ws-topbar .studio-url{max-width:none}}@media(max-width:600px){.ws-intro{padding:2px 1px 0;gap:10px}.ws-intro h1{font-size:23px}.ws-intro-steps{gap:7px;padding:9px 8px;font-size:9px}.ws-intro-steps i{width:10px}.ws-topbar{grid-template-columns:1fr}.ws-workflow-nav{grid-column:1 / -1}.ws-topbar .studio-url{grid-column:1 / -1;grid-row:2}.ws-top-actions{grid-column:1 / -1;justify-content:flex-end;flex-wrap:wrap}}.ws-col-center{max-height:calc(100dvh - 162px)}.ws-col-center>.ws-card-grow{flex:1 1 auto;min-height:0}.ws-preview-head{min-height:38px;padding:5px 2px 7px;border:0;background:transparent;box-shadow:none;position:static;-webkit-backdrop-filter:none;backdrop-filter:none}.ws-preview-head .ws-card-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650}.ws-preview-head .ws-card-title:before{content:"";width:7px;height:7px;border-radius:50%;background:#53d9ca;box-shadow:0 0 12px #53d9ca8c}.ws-preview-head .ws-live{order:3;margin-left:12px;padding:4px 9px;border-radius:5px;font-size:9px;letter-spacing:.09em}.ws-preview-body{flex:1 1 auto;min-height:0;padding:0 0 2px;gap:9px;overflow:hidden}.ws-full-profile-viewport{--ws-frame-content-h: 100%;position:relative;height:auto;min-height:270px;flex:1 1 auto;border:1px solid #293a45;border-radius:10px;padding:12px;background:radial-gradient(ellipse at 50% 0%,rgba(69,108,128,.15),transparent 58%),#0a1118;box-shadow:inset 0 1px #ffffff06;overflow:auto;scrollbar-color:#344a58 transparent}.ws-preview-bg{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;margin:0;border-radius:inherit}.ws-full-profile-scaler{min-height:100%}.ws-profile-page{padding:0}.ws-full-profile-scaler .profile-shell{padding-top:0}.ws-stage-caption{flex:none;margin:0;color:#8ca5b3;font-size:10.5px;line-height:1.4}.StudioMock .profile-shell{display:flex;flex-direction:column;gap:0;overflow:visible}.StudioMock .profile-top{margin:0;padding:18px;border:1px solid rgba(119,157,180,.28);border-radius:10px;background:#071019bd}.StudioMock .profile-workspace{display:grid;grid-template-columns:minmax(0,652fr) minmax(0,288fr);grid-template-rows:auto auto;align-items:stretch;column-gap:12px;row-gap:0;margin-inline:0;margin-top:0;min-width:0}.StudioMock .profile-workspace>.mock-vitrin-head{grid-column:1;grid-row:1}.StudioMock .profile-workspace>.dev-drag-item:nth-of-type(2){grid-column:1;grid-row:2}.StudioMock .profile-workspace>.dev-drag-item:nth-of-type(3){grid-column:2;grid-row:2}.StudioMock .mock-vitrin{min-width:0;overflow:hidden;border:1px solid rgba(119,157,180,.28);border-radius:10px;background:#071019b8}.StudioMock .mock-vitrin-head{padding:11px 13px;background:#0d1a26eb;border:1px solid rgba(119,157,180,.24);border-radius:6px;margin-bottom:9px}.StudioMock .mock-copy-background{margin-left:auto;flex:none;display:inline-grid;justify-items:center;border:1px solid rgba(55,209,198,.36);border-radius:6px;padding:5px 9px;color:#a9bdca;background:#0b151fb8;font:inherit;font-size:11px;line-height:1.2;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.StudioMock .mock-copy-background:hover,.StudioMock .mock-copy-background.is-active{color:#d9fffa;border-color:#37e5d6d1;background:#115f5b80}.StudioMock .mock-copy-background:focus-visible{outline:2px solid #37d1c6;outline-offset:2px}.StudioMock .mock-copy-background-label{grid-area:1 / 1;white-space:nowrap}.StudioMock .mock-copy-background-label.is-sizer{visibility:hidden}.StudioMock .showcase-row{display:block;border:0;padding:14px 0 90px 10px}.StudioMock .profile-workspace .showcase-main{max-width:none!important;border:0;box-shadow:none}.StudioMock .profile-workspace .showcase-main.is-quad{width:100%!important;max-width:100%!important}.StudioMock .profile-rail{min-width:0;border:1px solid rgba(119,157,180,.28);border-radius:10px;overflow:hidden;background:#071019c7}.StudioMock .profile-rail .profile-sidebar-overview{min-height:100%;padding:16px;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.StudioMock .showcase-layout[data-mirrored=true] .showcase-layout-part-empty{background:transparent}.showcase-layout.is-unified .showcase-layout-part-empty,.StudioMock .showcase-layout.is-unified .showcase-layout-part-empty,.profile-shell .showcase-layout.is-unified .showcase-layout-part-empty,.profile-shell .showcase-layout.is-unified .showcase-layout-part-empty:first-of-type{border-color:transparent;background:transparent;box-shadow:none}.StudioMock .profile-avatar{border-color:#58f4e7e6;box-shadow:0 0 0 2px #3ae0dd59,0 0 22px #32e0ea8c}.StudioMock .mock-showcases,.StudioMock .columns-row{margin-top:24px;border:1px solid rgba(119,157,180,.25);border-radius:10px;background:#071019b8;overflow:hidden}@media(max-width:860px){.StudioMock .profile-shell{gap:18px}.StudioMock .profile-workspace{grid-template-columns:minmax(0,1fr);gap:18px}.StudioMock .profile-workspace>.mock-vitrin-head,.StudioMock .profile-workspace>.dev-drag-item{grid-column:auto;grid-row:auto}.StudioMock .profile-rail{min-height:260px}.StudioMock .profile-top{padding:14px}}.dev-settings{display:grid;gap:14px}.dev-setting-toggle{display:inline-flex;align-items:center;gap:9px;font-size:13px}.dev-setting-toggle input{accent-color:var(--accent)}.dev-opacity-control{display:grid;gap:8px;max-width:520px;font-size:12px}.dev-opacity-control>span:first-child{display:flex;justify-content:space-between;gap:12px}.dev-opacity-control input{width:100%;accent-color:var(--accent)}.dev-drag-item{position:relative;min-width:0}.dev-drag-item.is-draggable{z-index:5}.dev-drag-handle{position:absolute;top:-11px;right:10px;z-index:8;padding:4px 9px;border:1px solid rgba(83,217,202,.55);border-radius:6px;background:#10232b;color:#9af4e8;font-size:10px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:0 4px 14px #00000059}.dev-drag-handle:active{cursor:grabbing}.ws-preview-info{flex:none;display:flex;flex-direction:row;align-items:center;gap:12px;min-height:50px;padding:9px 12px;border-color:#2a3b47;border-radius:9px;background:#111c25;color:#a5b6bf;font-size:11px}.ws-preview-info:before{content:"ⓘ";color:#59d7cb;font-size:15px}.ws-preview-info-title{flex:none;font-size:11.5px;font-weight:650}@media(max-width:900px){.ws-grid{flex:0 0 auto;min-height:auto}.ws-col-center{align-self:stretch;height:auto;min-height:auto;max-height:none;overflow:visible}.ws-col-center>.ws-card-grow{flex:none}.ws-col:last-child .studio-search{position:static;z-index:auto}.ws-preview-head{padding:5px 2px 7px}.ws-preview-body{flex:none;min-height:0}.ws-full-profile-viewport{min-height:320px;flex:0 0 min(68dvh,600px)}.ws-preview-info{align-items:flex-start;flex-direction:column;gap:3px}.ws-preview-info:before{display:none}}.showcase-layout-part-empty.is-selectable{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;border-radius:0;color:inherit;font:inherit;cursor:pointer;pointer-events:auto;transition:background-color .15s ease,box-shadow .15s ease}.showcase-layout-part-empty.is-selectable:hover{background:#4ce1d11a;box-shadow:inset 0 0 0 2px #5bebdad9}.showcase-layout-part-empty.is-selectable.is-selected{background:#31b9ca1a;box-shadow:inset 0 0 0 2px #51dcca,inset 0 0 24px #34c6be1f}.showcase-layout-part-empty.is-selectable:focus-visible{outline:2px solid #91fff0;outline-offset:-3px;z-index:2}.ws-selected-part{margin-left:auto;color:#65dace;font-size:10.5px;white-space:nowrap}.ws-result-part{display:flex;flex:1;flex-direction:column;min-width:0;gap:2px}.ws-result-list li{align-items:center}@media(max-width:900px){.ws-selected-part{margin-left:0}}.showcase-image-layers{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.showcase-layout .showcase-image-layer{position:absolute;display:block;height:auto;max-width:none;object-fit:contain;cursor:grab;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none}.showcase-layout .showcase-image-layer:active{cursor:grabbing}.showcase-layout .showcase-image-layer.is-selected{outline:1px solid rgba(75,224,210,.9);outline-offset:2px;filter:drop-shadow(0 0 5px rgba(64,213,204,.45))}.mock-vitrin-head{flex-wrap:wrap}.mock-vitrin-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #2c4655;border-radius:6px;background:#172633;color:#d5e7f1;padding:5px 9px;font:inherit;font-size:11px;line-height:1.2;cursor:pointer;white-space:nowrap}.mock-vitrin-action:hover:not(:disabled){border-color:#44cfc3;color:#76eee0}.mock-vitrin-action:disabled{opacity:.45;cursor:not-allowed}.mock-vitrin-action.danger{border-color:#54333b;background:#2b1b22;color:#ffc0c5}.ws-export-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:grid;place-items:center;padding:20px;background:#03070cc2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ws-export-dialog{width:min(560px,100%);max-height:min(820px,calc(100dvh - 40px));overflow:auto;border:1px solid #2b3c4d;border-radius:14px;background:linear-gradient(145deg,#151f2b,#0d131b 75%);box-shadow:0 24px 80px #00000094}.ws-export-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px 16px;border-bottom:1px solid rgba(108,137,157,.2)}.ws-export-dialog-head h2{margin:8px 0 4px;color:#f0f7fb;font-size:20px}.ws-export-dialog-head p{margin:0;color:#92a7b8;font-size:12px}.ws-export-dialog-body{display:grid;gap:16px;padding:20px 22px 22px}.ws-export-summary{display:grid;gap:6px;padding:14px 16px;border:1px solid rgba(67,208,193,.25);border-radius:10px;background:#1f5f6121}.ws-export-summary strong{color:#7ce9d9;font-size:13px}.ws-export-summary span{color:#e5edf2;font:600 13px ui-monospace,monospace}.ws-export-summary small{color:#93a9b8;line-height:1.5}.ws-export-fit{padding:12px 14px;border:1px solid #2a3947;border-radius:9px;background:#131d27b8}.ws-export-summary-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.ws-export-items-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.ws-export-items{display:grid;gap:6px;margin:0;padding:0;list-style:none}.ws-export-items li{padding:9px 11px;border:1px solid rgba(108,137,157,.2);border-radius:8px;background:#08101773}.ws-export-items li.is-disabled{opacity:.45}.ws-export-item{gap:9px}.ws-export-item>span{min-width:0}.ws-export-item strong{font-size:11.5px}.ws-export-item .ws-limit-sub{display:block;margin-top:2px;line-height:1.4}.sp-editor-showcase{width:min(100%,614px);margin:0 0 14px;overflow:hidden;border:1px solid rgba(91,135,157,.56);border-radius:6px;background:#080f1580}.sp-editor-showcase .showcase-layout{border-radius:0}.sp-level{display:flex;align-items:center;justify-content:flex-end;gap:7px}.sp-level-ring.is-preview{width:34px;height:34px;margin:0;border:2px solid #d83c57;background:#2f141bc7;color:#f4e9eb;font-size:15px;font-weight:600}.sp-level-caption{order:-1;margin:0;color:#e7e9ec;font-size:16px}.sp-level-caption span{display:none}.StudioMock .level-box{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}.StudioMock .level-box .level-caption{margin:0;color:#e7e9ec;font-size:16px}.StudioMock .level-box .level-ring.is-preview{width:34px;height:34px;margin:0;border:2px solid #d83c57;background:#2f141bc7;color:#f4e9eb;font-size:15px;font-weight:600}@media(max-width:600px){.ws-export-backdrop{padding:10px}.ws-export-dialog{max-height:calc(100dvh - 20px)}.ws-export-dialog-head,.ws-export-dialog-body{padding-left:15px;padding-right:15px}}@media(min-width:1101px){.ws-grid{height:calc(100dvh - 158px);min-height:460px;overflow:hidden;align-content:stretch;align-items:stretch}.ws-grid>.ws-col{min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:2px}.ws-grid>.ws-col-center{overflow:hidden;padding-right:3px}.ws-col-center>.ws-card-grow{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.ws-col-center .ws-card-grow{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.ws-grid>.ws-col:last-child>.ws-settings-card{flex:0 0 auto;overflow:visible}.ws-grid>.ws-col:last-child>.ws-showcase-picker{flex:0 0 auto}.ws-grid>.ws-col:last-child .studio-tabs{position:sticky;top:0;z-index:3;border-radius:12px 12px 0 0;background:var(--bg-elev)}}@media(min-width:1101px)and (max-width:1240px){.ws-grid{grid-template-columns:minmax(196px,236px) minmax(0,1fr) minmax(246px,300px);height:calc(100dvh - 166px)}.ws-col:last-child{grid-column:auto;display:flex}.ws-col-center{max-height:100%}}.ws-topbar-editor .studio-url{justify-content:center}.ws-topbar-editor .studio-url input{text-align:center}.studio-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-tab{padding-inline:4px;font-size:12px;white-space:nowrap}.showcase-layout{background:#0a11188c;box-shadow:inset 0 0 0 1.5px #4ed7c457}.showcase-layout-part-empty{border:1.5px solid rgba(34,205,196,.5);background:#ffffff06}.showcase-layout-divider{width:2px;background:#e2f6ff8c;box-shadow:0 0 0 1px #00000073}.showcase-layout.is-unified{box-shadow:inset 0 0 0 2px #4ed7c480}.showcase-layout.is-unified .showcase-layout-part-empty{border-color:transparent;background:transparent}.studio-preview-viewport{background:radial-gradient(120% 80% at 50% 0%,rgba(64,166,180,.11),transparent 62%),#111b25}.ws-preview-bg:after{background:linear-gradient(180deg,#06090d12,#06090d36 55%,#06090d52)}.showcase-image-layer-box{position:absolute;pointer-events:none}.showcase-layout .showcase-image-layer-box .showcase-image-layer{position:relative;left:0;top:0;width:100%;height:auto;display:block}.showcase-image-layer-box.is-selected .showcase-image-layer.is-selected{outline:1px solid rgba(96,236,222,.9);outline-offset:0;filter:drop-shadow(0 0 4px rgba(64,213,204,.38))}.showcase-image-layer-box.is-locked .showcase-image-layer{cursor:not-allowed}.showcase-image-selection{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:1px dashed rgba(105,236,224,.62);border-radius:2px;pointer-events:none}.showcase-image-handle{position:absolute;width:8px;height:8px;border:1px solid #062a2b;border-radius:2px;background:#6ff0e0;box-shadow:0 0 0 1px #092426bf;pointer-events:auto;touch-action:none;z-index:2}.showcase-image-handle:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px}.showcase-image-handle.is-nw{left:-4px;top:-4px;cursor:nwse-resize}.showcase-image-handle.is-ne{right:-4px;top:-4px;cursor:nesw-resize}.showcase-image-handle.is-sw{left:-4px;bottom:-4px;cursor:nesw-resize}.showcase-image-handle.is-se{right:-4px;bottom:-4px;cursor:nwse-resize}.showcase-image-handle.is-rotate{left:50%;top:-20px;width:9px;height:9px;border-radius:50%;background:#e5fffb;cursor:grab}.showcase-image-handle.is-rotate:before{top:-6px;right:-6px;bottom:-6px;left:-6px}.showcase-image-handle.is-rotate:active{cursor:grabbing}.layers-panel{display:flex;flex-direction:column;gap:10px;min-width:0}.layers-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.layers-panel-head strong{display:block;font-size:13px;letter-spacing:-.01em}.layers-panel-sub{display:block;margin-top:2px;color:var(--muted-2);font-size:10.5px}.layers-list{display:flex;flex-direction:column;gap:4px}.layer-row{position:relative;display:flex;align-items:center;gap:7px;min-width:0;padding:5px 6px;border:1px solid rgba(31,51,64,.9);border-radius:7px;background:#101a23bf}.layer-row.is-selected{border-color:#4ad7ce99;background:#2b8f9424}.layer-row-grip{display:grid;place-items:center;width:14px;flex:none;align-self:stretch;border-radius:4px;color:#6f8b97;font-size:11px;line-height:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.layer-row-grip:hover,.layer-row-grip:focus-visible{color:var(--accent-2);background:#4ad7ce1f;outline:none}.layer-row-grip:active{cursor:grabbing}.layer-row.is-dragging{opacity:.45}.layer-row.is-drop-above:before,.layer-row.is-drop-below:after{content:"";position:absolute;left:3px;right:3px;height:2px;border-radius:2px;background:var(--accent-2);box-shadow:0 0 6px #64ffecd9;pointer-events:none}.layer-row.is-drop-above:before{top:-3px}.layer-row.is-drop-below:after{bottom:-3px}.layer-row.is-hidden{opacity:.5}.layer-row.is-locked .layer-row-type{color:#e6b96b}.layer-row.is-background{border-style:dashed;opacity:.65}.layer-row-swatch{display:grid;place-items:center;width:26px;height:26px;flex:none;overflow:hidden;border:1px solid rgba(60,92,108,.7);border-radius:4px;background:#0b141b}.layer-swatch-img{width:100%;height:100%;object-fit:cover}.layer-swatch-text{font-size:12px;font-weight:700}.layer-swatch-frame{color:var(--accent-2);font-size:14px}.layer-swatch-bg{color:#7f97a4;font-size:12px}.layer-row-text{display:flex;flex-direction:column;min-width:0;flex:1;gap:1px}.layer-row-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:none;padding:0;color:var(--text);font:inherit;font-size:11.5px;font-weight:600;text-align:left;cursor:pointer}.layer-row-type{color:var(--muted-2);font-size:9px;letter-spacing:.05em}.layer-row-actions{display:flex;align-items:center;gap:1px;flex:none}.layer-row-actions .icon-btn{width:22px;height:22px;font-size:10.5px;border-radius:5px}.layer-rename-input{width:100%;min-width:0;padding:2px 4px;border:1px solid var(--accent);border-radius:4px;background:#0a1219;color:var(--text);font:inherit;font-size:11px}.layers-empty{padding:14px 10px;font-size:11px}.layers-numeric{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(72px,.7fr);gap:8px;align-items:end;padding-top:2px}.layers-numeric .layers-note{grid-column:1 / -1;margin:0}.layers-note{margin:0;line-height:1.5}.layer-row-main{display:flex;align-items:center;gap:7px;min-width:0;flex:1}.quad-workspace{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}.quad-strip{display:flex;flex:none;gap:0;margin:0;align-items:stretch}.quad-panel{position:relative;flex:0 0 506px;width:506px;height:100%;padding:0;overflow:hidden;border:1.5px solid rgba(34,205,196,.45);border-radius:0;background:#0a1118;color:var(--muted);cursor:pointer;font:inherit;text-align:center}.quad-panel:first-child{border-radius:3px 0 0 3px}.quad-panel:last-child{border-radius:0 3px 3px 0}.quad-panel:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.quad-panel.is-selected{border-color:#6ff0e0;box-shadow:0 0 0 1px #6ff0e073,0 0 14px #4ed7c433}.quad-panel.is-hidden{opacity:.4}.quad-panel.is-readonly{cursor:default}.quad-panel>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.quad-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:4px;font-size:10px;line-height:1.3}.quad-empty-num{font-size:17px;font-weight:700;color:#6ff0e0cc}.quad-frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;container-type:inline-size}.quad-upload{position:absolute;left:50%;bottom:6px;z-index:3;transform:translate(-50%);padding:3px 6px;border:1px solid rgba(60,118,128,.8);border-radius:4px;background:#08141be0;color:#cfeff0;font:inherit;font-size:8.5px;white-space:nowrap;cursor:pointer}.quad-upload:hover{border-color:var(--accent-2);color:#8ff5e9}.quad-hidden-note{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;background:#050a0eb8;color:#ffce7a;font-size:10px}@media(max-width:600px){.quad-upload{font-size:7.5px;padding:2px 3px}.quad-empty{font-size:9px}}.showcase-main.is-quad{border-right:0;padding:0}.ws-scard.quad-add{margin-top:8px;border-style:dashed}.ws-scard.quad-add.active{border-style:solid;border-color:var(--accent-2)}.ws-scard-thumb.quad{display:flex;align-items:stretch;gap:2px;padding:3px}.ws-scard-thumb.quad i{flex:1;border:1px solid rgba(78,215,196,.55);border-radius:1px;background:#4ed7c417}.quad-controls{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:10px;border:1px solid rgba(44,70,85,.9);border-radius:8px;background:#0c161eb8}.quad-controls-actions{flex-wrap:wrap}.ws-source-badge.is-off{border-color:#6b5222;color:#ffce7a;background:#46300c66}.help-tip-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-grid;place-items:center;flex:none;width:16px;height:16px;padding:0;margin-left:5px;border:1px solid rgba(101,160,184,.55);border-radius:50%;background:#1c3544b8;color:#9fc7d6;font:700 10px/1 var(--font);cursor:help;vertical-align:middle}.help-tip-trigger:hover,.help-tip-trigger.is-open,.help-tip-trigger:focus-visible{color:#d9fffb;border-color:#55d7c8;background:#1f686a9e;outline:none}.help-tip-popover{position:fixed;z-index:5000;padding:9px 11px;border:1px solid rgba(86,180,186,.55);border-radius:8px;background:#0b1820;color:#d5e7ee;box-shadow:0 14px 38px #0000008c;font-size:11.5px;line-height:1.5;pointer-events:auto}.help-tip-popover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 1px #ffffff0a;pointer-events:none}.ws-inline-help{display:flex;align-items:center;gap:5px;margin-top:8px}.ws-inline-help--end{justify-content:flex-end;margin-top:4px}.ws-inline-help .help-tip-trigger{margin-left:0}.layers-panel-title{display:inline-flex;align-items:center}.ws-card-head .help-tip-trigger{margin-left:2px}.ws-export-dialog-head h2{display:flex;align-items:center;gap:2px}.ws-export-items-head .field-label{display:inline-flex;align-items:center}.layers-panel .ws-inline-help{justify-content:flex-end}:root{--nx-emerald: #0f8a68;--nx-emerald-deep: #0a4638;--nx-emerald-line: rgba(16, 158, 122, .92);--nx-teal-soft: rgba(45, 212, 191, .55)}.ws-grid{display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr) minmax(286px,334px);gap:14px;overflow:auto;align-content:stretch;align-items:stretch}.ws-grid>.ws-col-panels{grid-column:1;order:0;min-width:0}.ws-grid>.ws-col-center{grid-column:2;order:1;min-width:0}.ws-grid>.ws-col-sources{grid-column:3;order:2;min-width:0}.ws-grid>.ws-col.ws-col-sources{display:flex;grid-template-columns:none;align-items:stretch}@media(min-width:1101px){.ws-grid{height:calc(100dvh - 158px);min-height:520px;overflow:hidden}}@media(min-width:1101px)and (max-width:1300px){.ws-grid{grid-template-columns:minmax(206px,246px) minmax(0,1fr) minmax(244px,296px);gap:12px}}@media(min-width:901px)and (max-width:1100px){.ws-grid{grid-template-columns:minmax(248px,292px) minmax(0,1fr);gap:12px}.ws-grid>.ws-col-center{grid-column:2;display:flex}.ws-grid>.ws-col.ws-col-sources{grid-column:1 / -1;order:3;display:flex}}@media(max-width:900px){.ws-grid{grid-template-columns:minmax(0,1fr);overflow:visible;align-content:start;height:auto;gap:12px}.ws-grid>.ws-col-center{grid-column:auto;order:1;display:flex;overflow:visible;max-height:none}.ws-grid>.ws-col-panels{grid-column:auto;order:2;display:flex;overflow:visible;max-height:none}.ws-grid>.ws-col.ws-col-sources{grid-column:auto;order:3;display:flex;overflow:visible;max-height:none}}.ws-grid>.ws-col.ws-col-panels>.ws-panel-section{display:flex;flex-direction:column;gap:4px;min-width:0;flex:0 0 auto}.ws-panel-section>.ws-card{overflow:hidden}.ws-panel-section>.ws-card>.ws-card-head{background:linear-gradient(90deg,rgba(14,96,74,.16),transparent 72%)}.ws-section-grip{display:flex;align-items:center;gap:6px;padding:3px 6px;border:1px dashed rgba(52,211,153,.18);border-radius:8px;background:#0a181480;color:#7f9d96;font-size:10px;letter-spacing:.02em;cursor:grab;-webkit-user-select:none;user-select:none}.ws-section-grip:active{cursor:grabbing}.ws-section-grip:hover{border-color:#34d3996b;color:#b7f3e2}.ws-grip-dots{font-size:12px;line-height:1;color:#5fb9a2}.ws-grip-label{font-weight:650;font-size:9.5px;text-transform:uppercase;letter-spacing:.08em}.ws-grip-moves{margin-left:auto;display:flex;gap:3px}.ws-grip-move{display:grid;place-items:center;width:22px;height:18px;padding:0;border:1px solid rgba(52,211,153,.26);border-radius:5px;background:#0a1c17cc;color:#8ff2da;font-size:10px;line-height:1;cursor:pointer}.ws-grip-move:hover:not(:disabled){border-color:#34d399;color:#eafffb;background:#105f4a8c}.ws-grip-move:disabled{opacity:.3;cursor:default}.ws-grip-move:focus-visible{outline:2px solid #34d399;outline-offset:1px}.ws-panel-section.is-dragging{opacity:.5}.ws-panel-section.is-drop-target>.ws-card{box-shadow:0 0 0 1px #34d39980,0 0 18px #34d3992e}.ws-panel-section.is-drop-target .ws-section-grip{border-color:#34d399;background:#105f4a66;color:#d6fff2}.ws-col-panels .ws-card-title{display:inline-flex;align-items:center}.ws-layers-card .ws-card-body{padding:10px 12px 12px}.ws-layers-card .layers-panel{gap:8px}.ws-layers-card .layers-list{max-height:min(300px,34dvh);overflow-y:auto;overscroll-behavior:contain;padding-right:2px;scrollbar-gutter:stable}.ws-design-sources .studio-tabs{position:static}.ws-showcase-picker .ws-card-body{gap:8px}.ws-showcase-panel>.ws-card-head .spacer{flex:1 1 auto}.ws-gear{flex:none;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid rgba(52,211,153,.32);border-radius:8px;background:#0b1a16b3;color:#8ff2da;font-size:14px;line-height:1;cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease,transform .16s ease}.ws-gear:hover,.ws-gear.is-open{border-color:#34d399;color:#eafffb;background:#105f4a80}.ws-gear:focus-visible{outline:2px solid #34d399;outline-offset:2px}.ws-showcase-settings{display:grid;gap:8px;margin-bottom:4px;padding:10px 2px 12px;border-bottom:1px solid rgba(52,211,153,.18)}.ws-settings-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.ws-grid>.ws-col.ws-col-sources>.ws-card.ws-design-sources{flex:0 0 auto;overflow:visible;display:flex;flex-direction:column}@media(min-width:1101px){.ws-grid>.ws-col.ws-col-sources .studio-tab-body{flex:0 0 auto;max-height:none;overflow-y:visible}.ws-grid>.ws-col.ws-col-sources .studio-tabs{position:sticky;top:0;z-index:3;border-radius:12px 12px 0 0;background:var(--bg-elev)}}.StudioMock .mock-vitrin-head-actions{display:flex;position:relative;z-index:5;justify-content:space-between;align-items:center;gap:10px;min-height:34px;width:100%;padding:4px 10px;border:1px solid rgba(119,157,180,.24);border-radius:4px;box-sizing:border-box;flex-wrap:nowrap}.StudioMock .mock-vitrin-head-actions .mock-copy-background{margin-left:0}.StudioMock .mock-vitrin-head-actions .mock-vitrin-action,.StudioMock .mock-vitrin-head-actions .mock-copy-background{flex:none}.StudioMock .mock-vitrin-head-buttons{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:none;margin-left:0;min-width:0}.StudioMock .mock-vitrin{border-color:#167e6473;position:relative;overflow:visible}.StudioMock .mock-vitrin-heading{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.StudioMock .mock-vitrin-head-buttons .mock-vitrin-action,.StudioMock .mock-vitrin-head-buttons .mock-copy-background{min-height:25px;padding:4px 8px;white-space:nowrap;font-size:10px}.StudioMock .showcase-layout[data-workspace-tint=true]{background:transparent;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:inset 0 0 0 1.5px #4ed7c457}@keyframes nx-copy-glow{0%{box-shadow:0 0 0 1px #34d39900,0 0 #34d39900}35%{box-shadow:0 0 0 1px #34d3998c,0 0 26px #34d39980,0 0 48px #109e7a57}to{box-shadow:0 0 0 1px #34d39900,0 0 #34d39900}}.StudioMock .mock-vitrin.is-copy-glow{animation:nx-copy-glow .56s ease-out}@media(prefers-reduced-motion:reduce){.StudioMock .mock-vitrin.is-copy-glow{animation:none;box-shadow:0 0 0 1px #34d39973}}.StudioMock .mock-vitrin-heading{display:inline-flex;align-items:center;gap:7px;flex:0 1 auto;min-width:0;margin:0;font-size:12.5px;font-weight:650;letter-spacing:.01em;line-height:1.25;color:#b6f6e4}.StudioMock .mock-vitrin-heading-bar{flex:none;width:3px;height:13px;border-radius:2px;background:linear-gradient(180deg,#34d399,#0f8a68)}.StudioMock .mock-vitrin-heading-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.showcase-decor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none}.showcase-decor-edge{position:absolute;top:6px;right:6px;bottom:6px;left:6px;background-image:repeating-linear-gradient(90deg,var(--nx-emerald-line) 0 10px,transparent 10px 19px),repeating-linear-gradient(90deg,var(--nx-emerald-line) 0 10px,transparent 10px 19px),repeating-linear-gradient(180deg,var(--nx-emerald-line) 0 10px,transparent 10px 19px),repeating-linear-gradient(180deg,var(--nx-emerald-line) 0 10px,transparent 10px 19px);background-size:100% 3px,100% 3px,3px 100%,3px 100%;background-position:left top,left bottom,left top,right top;background-repeat:no-repeat}.showcase-decor-corner{position:absolute;width:20px;height:20px;background:linear-gradient(150deg,#2fd7ac,#12967a 46%,#0a4a3b);clip-path:polygon(0 0,100% 0,0 100%);opacity:.96}.showcase-decor-corner.is-tl{left:4px;top:4px}.showcase-decor-corner.is-tr{right:4px;top:4px;transform:scaleX(-1)}.showcase-decor-corner.is-bl{left:4px;bottom:4px;transform:scaleY(-1)}.showcase-decor-corner.is-br{right:4px;bottom:4px;transform:scale(-1)}.StudioMock .showcase-layout .showcase-layout-divider{background:var(--nx-teal-soft);box-shadow:none}.showcase-empty-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;max-width:min(240px,84%);padding:10px 16px;border:1px dashed rgba(52,211,153,.5);border-radius:12px;background:#051a16bd;color:#7ff0d0;font:inherit;font-size:11.5px;line-height:1.3;text-align:center;cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease}.showcase-empty-hint:hover{border-color:#34d399;color:#d6fff2;background:#082e26e6}.showcase-empty-hint:focus-visible{outline:2px solid #4ade80;outline-offset:2px}.showcase-empty-hint-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(52,211,153,.34);border-radius:50%;background:#10604a4d}.showcase-empty-hint-icon svg{width:22px;height:22px;fill:none;stroke:#5ff0c8;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.showcase-empty-hint-label{font-weight:600;letter-spacing:.01em}@container (max-width: 230px){.showcase-empty-hint{gap:4px;padding:6px 9px;border-radius:9px}.showcase-empty-hint-icon{width:26px;height:26px}.showcase-empty-hint-icon svg{width:16px;height:16px}.showcase-empty-hint-label{font-size:9px}}@container (max-width: 130px){.showcase-empty-hint-label{display:none}}.quad-panel{border:2px dashed rgba(16,160,124,.62);background:#071613b8}.quad-panel.is-selected{border-style:solid;border-color:#34d399;box-shadow:inset 0 0 0 1px #34d39959}.crop-showcase-slot .quad-panel.is-seamless{border-color:transparent;background:transparent;box-shadow:inset 0 0 0 1px #34d39959}.quad-decor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.quad-decor-corner{position:absolute;width:14px;height:14px;background:linear-gradient(150deg,#2fd7ac,#0d6b55 70%);clip-path:polygon(0 0,100% 0,0 100%)}.quad-decor-corner.is-tl{left:3px;top:3px}.quad-decor-corner.is-tr{right:3px;top:3px;transform:scaleX(-1)}.quad-decor-corner.is-bl{left:3px;bottom:3px;transform:scaleY(-1)}.quad-decor-corner.is-br{right:3px;bottom:3px;transform:scale(-1)}.quad-empty-icon{display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(52,211,153,.3);border-radius:50%;background:#10604a42}.quad-empty-icon svg{width:16px;height:16px;fill:none;stroke:#5ff0c8;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.quad-empty-label{color:#8ff2da;font-size:10px;font-weight:600}.ws-design-sources .studio-tab-body{max-height:min(340px,38dvh);overflow-y:auto;overscroll-behavior:contain;padding-right:10px;scrollbar-gutter:stable}.ws-export-project{display:grid;gap:8px;padding:12px 14px;border:1px solid #2a3947;border-radius:9px;background:#131d27b8}.ws-export-project-head{display:flex;align-items:center;justify-content:space-between;gap:8px}html[data-theme=day] body,html[data-theme=day] .app-shell{background:#edf4f7;color:#193440}html[data-theme=day] :is(.topbar,.panel,.studio,.studio-toolbar,.studio-right,.studio-tabs,.studio-tab-body,.layers-panel,.layers-list,.editor-col,.settings-card,.design-panel,.modal,.dropdown,.asset-picker,.showcase-toolbar,.ws-export-project){background:#f8fbfc;color:#193440;border-color:#d0e0e5;box-shadow:0 8px 24px #2e536014}html[data-theme=day] :is(.panel-header,.panel-body,.layers-panel-head,.layer-row,.studio-tab,.studio-url,.studio-zoom,.showcase-manager,.showcase-option,.asset-card,.design-layer-row){background:#f0f6f8;color:#193440;border-color:#d6e4e8}html[data-theme=day] :is(.btn,.icon-btn,.studio-tab,.studio-zoom-button,.showcase-option,.language-switch button,.theme-switch button){color:#315260;border-color:#cadde3}html[data-theme=day] :is(.btn.primary,.screen-tab.active,.studio-tab.active,.showcase-option.active){background:linear-gradient(135deg,#d9f0ef,#dceefa);color:#176b78;border-color:#8bcac8}html[data-theme=day] :is(input:not([type=range]):not([type=color]),select,textarea){background:#fff;color:#193440;border-color:#c7dbe1}html[data-theme=day] ::placeholder{color:#8297a0}html[data-theme=day] :is(.muted,.muted-2,.tiny-text,.panel-title-sub){color:#66808b}html[data-theme=day] .ws-design-sources .studio-tab-body{scrollbar-color:#b8d0d8 transparent}html[data-theme=day] :is(.ws-card,.ws-card-head,.ws-card-body,.ws-panel-section,.ws-layers-card,.ws-showcase-panel,.ws-showcase-settings,.ws-settings-head,.ws-section-grip,.ws-grip-move,.ws-scard,.ws-drop,.ws-preview-head,.studio-preview-head,.studio-tools-row,.studio-zoom,.studio-url){background:#f7fbfc!important;color:#193440!important;border-color:#d0e0e5!important;box-shadow:0 4px 14px #2e536012}html[data-theme=day] :is(.topbar,.topbar-intro,.topbar-steps,.top-nav,.ws-topbar,.studio-right,.studio-tabs,.studio-tab-body){background:#f8fbfc!important;color:#193440!important;border-color:#d0e0e5!important}html[data-theme=day] :is(.topbar-intro h1,.topbar-intro p,.topbar-steps,.topbar-steps b,.top-nav .screen-tab,.studio-tab){color:#315260}html[data-theme=day] :is(.topbar-eyebrow,.topbar-steps .current b){color:#258b98}html[data-theme=day] :is(.ws-card-head,.ws-preview-head,.studio-preview-head,.ws-section-grip){background:linear-gradient(105deg,#e8f3f6,#f8fbfc)!important}html[data-theme=day] :is(.ws-scard.active,.ws-scard:hover,.ws-grip-move:hover:not(:disabled),.ws-drop:hover,.ws-drop.over){background:#e4f3f2!important;color:#176b78!important;border-color:#83c9c7!important}html[data-theme=day] .ws-topbar .studio-url input{background:#fff;color:#193440;border-color:#c7dbe1}html[data-theme=day] .ws-preview-tools .btn,html[data-theme=day] .ws-card .btn{background-color:#edf5f7;color:#315260;border-color:#cadde3}html[data-theme=day] .ws-card .btn.primary{background:linear-gradient(135deg,#d3efed,#d9eefa);color:#176b78;border-color:#8bcac8}html[data-theme=day] .ws-card-title,html[data-theme=day] .ws-grip-label,html[data-theme=day] .ws-scard-title{color:#254b5b}html[data-theme=day] :is(.topbar-eyebrow>span,.ws-grip-dots,.ws-card-head .ws-num){color:#d97832}html[data-theme=day] :is(.screen-tab.active,.studio-tab.active,.ws-scard.active,.ws-section-grip:focus-within){background:linear-gradient(135deg,#fff0df,#ffe4ca)!important;color:#8f481c!important;border-color:#efa968!important;box-shadow:inset 0 -2px #df7b32,0 3px 12px #d978321f}html[data-theme=day] :is(.btn.primary,.ws-card .btn.primary){background:linear-gradient(135deg,#f5a14e,#e98236)!important;color:#fff!important;border-color:#dc792d!important}html[data-theme=day] :is(button:hover,.icon-btn:hover,.ws-grip-move:hover:not(:disabled),.asset-card:hover,.design-game-icon-card:hover){border-color:#e7a05f}html[data-theme=day] :is(input:focus,select:focus,textarea:focus){border-color:#e28a43;box-shadow:0 0 0 3px #e28a4329}html[data-theme=day] .theme-switch button.active{background:#fff0df;color:#a95720}html[data-theme=day] .StudioMock{color-scheme:dark;--bg: #0a0d12;--bg-elev: #10151d;--panel: #141a24;--panel-2: #1a222e;--panel-3: #202a38;--border: #263140;--border-soft: #1e2734;--text: #e6edf5;--muted: #8d9caf;--muted-2: #64748b;--accent: #2f8bff;--accent-2: #16c8c0;--accent-soft: rgba(47, 139, 255, .14);--warn: #f0a72e;--warn-soft: rgba(240, 167, 46, .14);--danger: #f06a6a;--danger-soft: rgba(240, 106, 106, .14);--ok: #43d17f;--ok-soft: rgba(67, 209, 127, .14)}html[data-theme=day] .ws-col-center>.ws-card-grow{background:linear-gradient(160deg,#0f1720fa,#0b1118fa)!important;color:#dce9ef!important;border-color:#1c2d39!important}html[data-theme=day] .ws-preview-head{background:transparent!important;border-color:transparent!important;box-shadow:none!important}html[data-theme=day] .ws-preview-head .ws-card-title,html[data-theme=day] .ws-preview-head .help-tip-trigger{color:#dce9ef!important}html[data-theme=day] .ws-preview-head .ws-live{color:#71e5d3!important;background:#4ed7c414!important;border-color:#4ed7c440!important}html[data-theme=day] .ws-preview-body{background:transparent!important;box-shadow:none!important}html[data-theme=day] .ws-full-profile-viewport{background:radial-gradient(ellipse at 50% 0%,rgba(69,108,128,.15),transparent 58%),#0a1118!important;border-color:#293a45!important}html[data-theme=day] .ws-preview-tools :is(.icon-btn,.studio-zoom-button){background:transparent!important;color:#91a5b1!important;border-color:transparent!important}html[data-theme=day] .ws-preview-tools :is(.icon-btn:hover,.studio-zoom-button:hover){color:#e6edf5!important}html[data-theme=day] :is(.topbar-intro h1,.topbar-intro p,.topbar-steps,.topbar-steps b,.ws-card-title,.ws-scard-title,.ws-scard-measure,.field-label,.field-hint,.help-tip-trigger,.layers-panel-title,.layers-panel-sub,.layer-row-name,.layer-row-type,.asset-label,.asset-label-sub,.studio-tab,.studio-zoom-button,.empty-state,.ws-grip-label,.ws-grip-move,.ws-card .tiny-text,.ws-card .small){color:#244351!important;opacity:1}html[data-theme=day] :is(.topbar-eyebrow,.topbar-steps .current b,.ws-grip-dots,.ws-card-head .ws-num){color:#cf6d2b!important;opacity:1}html[data-theme] :is(.app-shell,.topbar,.ws-topbar,.ws-card,.ws-card-head,.ws-card-body,.studio-tabs,.studio-tab-body,.studio-right,.layers-panel,.layers-list,.design-panel,.design-panel-section,.design-layer-row,.design-tool-tab,.asset-card,.showcase-row){transition:background-color .28s ease,color .28s ease,border-color .28s ease,box-shadow .28s ease}.language-switch button,.theme-switch button{transition:color .22s ease,background-color .22s ease,box-shadow .22s ease,border-color .22s ease,transform .16s ease}.language-switch button:active,.theme-switch button:active{transform:scale(.93)}@media(prefers-reduced-motion:reduce){html[data-theme] :is(.app-shell,.topbar,.ws-topbar,.ws-card,.ws-card-head,.ws-card-body,.studio-tabs,.studio-tab-body,.studio-right,.layers-panel,.layers-list,.design-panel,.design-panel-section,.design-layer-row,.design-tool-tab,.asset-card,.showcase-row),.language-switch button,.theme-switch button{transition:none}}.crop-page{position:relative;width:1018px;margin:0;padding:0;border:none;border-radius:0;overflow:visible;min-height:0;left:50%;transform:translate(-50%);background:transparent;color:#fff;font-size:13px;font-family:Noto Sans,sans-serif}.crop-page:before{content:none}.ws-full-profile-viewport .studio-preview-scaler{margin-top:-12px}.StudioMock .crop-page .studio-hit-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;cursor:pointer}.crop-header{position:relative;z-index:1}.crop-header-texture{box-sizing:border-box;width:976px;min-height:228px;margin:0 auto;display:flex;background:0 0}.crop-avatar-col{position:relative;flex:none;width:193px;align-self:stretch}.crop-avatar{position:absolute;top:34px;left:25px;z-index:2;box-sizing:border-box;width:168px;height:168px;padding:0;border:2px solid #57cbde;border-radius:0;background:transparent;overflow:hidden;display:block;cursor:pointer}.crop-avatar:hover{outline:2px solid var(--accent);outline-offset:2px}.crop-avatar .profile-avatar-img,.crop-avatar .si-preview{width:100%;height:100%;object-fit:cover;display:block;border:none;border-radius:0}.crop-avatar .avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:64px;font-weight:200;color:#ffffffd9}.crop-avatar-frame{position:absolute;top:34px;left:25px;z-index:3;box-sizing:border-box;width:168px;height:168px;padding:0;border:none;background:none;overflow:hidden;display:block;cursor:pointer;pointer-events:auto}.crop-avatar-frame:hover{outline:2px dashed var(--accent);outline-offset:3px}.crop-avatar-frame img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.22)}.crop-avatar-layers{position:absolute;top:34px;left:25px;z-index:4;box-sizing:border-box;width:168px;height:168px;overflow:hidden;pointer-events:none}.crop-avatar-tools{position:absolute;left:27px;top:164px;z-index:5;display:flex;gap:6px}.crop-avatar-remove{position:absolute;top:38px;left:167px;z-index:5;width:20px;height:20px;padding:0;border:1px solid rgba(255,176,32,.5);border-radius:3px;background:#140e04db;color:#ffce7a;font-size:11px;line-height:1;cursor:pointer}.crop-tool{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:#0a0a0a;border:1px solid #1f1f1f;border-radius:4px;cursor:pointer;color:#9a9a9a;font-size:16px;line-height:1;transition:background .15s,border-color .15s,color .15s}.crop-tool:hover,.crop-tool.is-active{background:#1d1d1d;border-color:#b458e199;color:#fff}.crop-tool.is-danger:hover{border-color:#ff787899;color:#ffb3b3}.crop-tool:disabled{opacity:.45;cursor:not-allowed}.crop-header-main{flex:1;min-width:0;padding:34px 25px 0 0;display:flex}.crop-header-center{flex:none;width:438px;margin-left:36px}.crop-title{color:#fff;font-size:24px;font-weight:200;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crop-realname{display:flex;align-items:center;gap:8px;margin-top:2px;min-height:18px}.crop-persona{color:#ffffffc7;font-size:13px;text-decoration:none;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crop-persona:hover{color:#fff;text-decoration:underline}.crop-summary{position:relative;margin-top:24px;color:#c4c4c4;font-size:13px}.crop-hint{line-height:1.45}.crop-hint-link{padding:0;border:none;background:none;color:#b458e1;font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}.crop-url{box-sizing:border-box;display:block;width:100%;height:27px;margin-top:10px;padding:3px 7px;border:1px solid rgba(0,0,0,.45);border-radius:3px;background:#0003;color:#909090;font-family:Inter,Noto Sans,sans-serif;font-size:14px;outline:none}.crop-url:focus{border-color:#b458e199;color:#d8d8d8}.crop-inputs{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding-top:10px}.crop-tools{display:flex;align-items:center;gap:6px}.crop-export-section{display:flex;align-items:center}.crop-tool svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.crop-export{min-width:120px;height:38px;padding:0 22px;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;background:linear-gradient(#c068e8,#b458e1 60%,#9a3fc8);color:#fff;border:1px solid rgba(180,88,225,.85);border-radius:4px;font-family:Inter,Noto Sans,sans-serif;font-size:14px;font-weight:600;letter-spacing:.02em;line-height:1;cursor:pointer;box-shadow:#ffffff14 0 1px inset,#b458e140 0 2px 8px;transition:box-shadow .15s,transform .05s}.crop-export:hover{box-shadow:#ffffff24 0 1px inset,#b458e173 0 2px 12px}.crop-export:active{transform:translateY(1px)}.crop-badgeinfo{flex:none;width:266px;margin-left:18px}.crop-badge-area{box-sizing:border-box;min-height:70px;padding:0;background:#00000080}.crop-level{display:flex;align-items:center;gap:8px;margin-bottom:13px;color:#fff;font-size:24px;font-weight:200;line-height:40px}.crop-level-ring{box-sizing:content-box;flex:none;width:28px;height:28px;border:2px solid #fff;border-radius:50%;color:#fff;font-size:16px;line-height:28px;text-align:center;cursor:default}.crop-favbadge{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;min-height:70px;padding:8px}.crop-favbadge-icon{flex:none;width:54px;height:54px;display:flex}.crop-favbadge-icon img{width:100%;height:100%;object-fit:contain;display:block}.crop-favbadge-desc{min-width:0;font-size:12px;color:#ddbed2;text-shadow:0 0 6px rgba(229,171,200,.6)}.crop-favbadge-name{color:#fff;font-weight:500}.crop-favbadge-name.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crop-content{box-sizing:border-box;width:976px;margin:0 auto;padding:0 0 64px;position:relative;font-size:13px}.crop-content:after{content:"";display:block;clear:both}.crop-leftcol{float:left;position:relative;box-sizing:border-box;width:676px;border-style:solid;border-color:#1b1b1b;border-width:15px 12px 24px;overflow:hidden}.crop-customization-area{margin:-3px}.crop-customization{position:relative;border-radius:3px;padding:0;overflow:hidden}.crop-customization-block{position:relative;border-radius:5px;padding:0;overflow:hidden}.crop-showcase{position:relative}.crop-canvas{position:relative;width:658px}.crop-showcase-slot{position:absolute;top:0;left:0;height:100%}.crop-showcase-slot.is-copy-glow{animation:nx-copy-glow .56s ease-out}@media(prefers-reduced-motion:reduce){.crop-showcase-slot.is-copy-glow{animation:none;box-shadow:0 0 0 1px #34d39973}}.crop-showcase-slot:hover .showcase-layout{box-shadow:inset 0 0 0 2px var(--accent)}.crop-resize{position:relative;z-index:1;width:100%;height:18px;display:flex;align-items:center;justify-content:center;gap:4px;background-color:#251d29;border-top:1px solid rgba(180,88,225,.35);border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;color:#d8b6ff;font-family:Inter,sans-serif;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;-webkit-user-select:none;user-select:none;cursor:ns-resize;transition:background-color .15s,color .15s}.crop-resize svg{width:9px;height:9px;fill:currentColor}.crop-resize:hover,.crop-resize.is-resizing{background-color:#332639;color:#ecd9ff}.crop-resize.is-locked{cursor:default;opacity:.65}.crop-bottom-bg{width:100%;height:20px;background:#1b1b1b}.crop-content-inner{position:relative;float:right;box-sizing:border-box;width:300px;padding:16px 12px 20px 0;background:#1b1b1b}.crop-rightcol{box-sizing:border-box;width:288px;padding:10px;border-radius:3px;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;font-size:13px}.crop-side-status{margin:0 0 12px;padding:8px;background:#00000080}.crop-side-status-title{color:#66c0f4;font-size:20px;font-weight:200;line-height:1.3}.crop-side-status-sub{margin-top:4px;color:#ffffffa6;font-size:12px;line-height:1.4}.crop-groups{margin-top:16px}.crop-groups-head{display:flex;align-items:baseline;gap:8px;padding-bottom:6px}.crop-groups-label{color:#c6d4df;font-size:13px}.crop-groups-total{color:#8f98a0;font-size:18px;font-weight:300}.crop-group{position:relative;min-height:64px;padding-left:74px;margin-bottom:10px}.crop-group-avatar{position:absolute;top:0;left:0;width:64px;height:64px;overflow:hidden;box-shadow:2px 2px 3px #0c0c0c}.crop-group-avatar img{width:100%;height:100%;object-fit:cover;display:block}.crop-group-name{display:block;margin-top:14px;color:#fff;font-size:13px;text-decoration:none}.crop-group-name:hover{text-decoration:underline}.crop-group-members{margin-top:3px;color:#8f98a0;font-size:12px}.crop-tray{position:relative;z-index:1;max-width:1018px;margin:18px auto 0}.ws-col-cropper{grid-column:1 / 3;padding:0!important;overflow:hidden;display:flex;min-height:0}.ws-cropper-frame{flex:1;width:100%;height:100%;min-height:0;border:0;border-radius:12px;background:#000;display:block}@media(min-width:1100px){.topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}.topbar>.brand{justify-self:start}.topbar>.topbar-center{justify-self:center;margin:0!important}.topbar>.topbar-right{justify-self:end;margin:0!important}}.topbar .topbar-center .studio-url{width:min(760px,46vw);max-width:none}.topbar .topbar-center .studio-url input{flex:1 1 auto;min-width:0;width:auto}.ws-settings-card>.ws-card-head{min-height:0!important;height:auto!important;padding:10px 14px!important;display:flex!important;align-items:center!important;gap:8px}.ws-settings-card>.ws-card-head .ws-card-actions{display:flex!important;flex-direction:row!important;align-items:center;gap:4px}.topbar-guide{height:34px;padding:0 14px;font-size:12px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.bg-color-chips{display:flex;flex-wrap:wrap;gap:6px}.bg-color-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;border:1px solid rgba(180,88,225,.35);background:#2814348c;color:var(--text, #e8e8e8);font-size:11px;cursor:pointer;transition:border-color .15s,background .15s}.bg-color-chip:hover{border-color:#b458e1b3}.bg-color-chip.active{border-color:#b458e1;background:#b458e147;box-shadow:0 0 8px #b458e159}.bg-color-dot{width:10px;height:10px;border-radius:50%;flex:none;box-shadow:0 0 0 1px #ffffff26}.showcase-template-picker{display:grid;gap:8px;margin-bottom:12px}.showcase-template-picker .design-panel-head{display:flex;align-items:center;justify-content:space-between}.showcase-template-color input{width:28px;height:22px;padding:0;border:1px solid var(--border);border-radius:4px;background:none;cursor:pointer}.showcase-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.showcase-template-card{display:grid;gap:4px;padding:6px;border:1px solid var(--border);border-radius:8px;background:#080a0e99;color:var(--text);cursor:pointer}.showcase-template-card:hover{border-color:#48d9c880}.showcase-template-card.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.showcase-template-thumb{display:block;aspect-ratio:120 / 190;background:linear-gradient(160deg,#3a3f4a,#15171c);border-radius:4px;overflow:hidden}.showcase-template-thumb svg{display:block;width:100%;height:100%}.showcase-template-name{font-size:11px;text-align:center}.showcase-template-anim{color:var(--accent)}.showcase-effect-thumb{display:block;aspect-ratio:1;border-radius:4px}.ws-settings-card .studio-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))}.ws-settings-card .studio-tabs>button{min-width:0;padding-inline:4px;white-space:nowrap}html:not([data-theme=day]){--bg: #000;--bg-elev: #050505;--panel: #0a0a0a;--panel-2: #101010;--panel-3: #161616;--border: #232323;--border-soft: #1a1a1a}html:not([data-theme=day]) body,html:not([data-theme=day]) .app-shell,html:not([data-theme=day]) .app-main{background:#000!important}html:not([data-theme=day]) .topbar{background:#000!important;border-bottom-color:#1c1c1c!important}html:not([data-theme=day]) .ws-card,html:not([data-theme=day]) .ws-settings-card,html:not([data-theme=day]) .studio-tab-body,html:not([data-theme=day]) .ws-card-head{background:#0a0a0a!important;border-color:#1f1f1f!important}html:not([data-theme=day]) .studio-url,html:not([data-theme=day]) .studio-search,html:not([data-theme=day]) .topbar-steps,html:not([data-theme=day]) .language-switch,html:not([data-theme=day]) .theme-switch,html:not([data-theme=day]) .asset-card,html:not([data-theme=day]) .showcase-template-card{background:#0d0d0d!important;border-color:#222!important}html:not([data-theme=day]) .ws-visitor-footer{background:#0a0a0a!important}.brand-logo{object-fit:cover;border-radius:8px}.cropper-layers-body{display:grid;gap:10px;padding:10px 12px 12px}.cropper-layer-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.cropper-layer{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px;border:1px solid var(--border);border-radius:8px;background:#0d0d0d;cursor:pointer}.cropper-layer.is-selected{border-color:var(--accent-2);box-shadow:0 0 0 1px var(--accent-2)}.cropper-layer.is-hidden{opacity:.5}.cropper-layer img,.cropper-layer-thumb{width:40px;height:40px;object-fit:contain;background:#000;border-radius:4px}.cropper-layer-name{min-width:0;background:transparent;border:0;color:var(--text);font-size:12px;padding:2px 4px}.cropper-layer-name:focus{outline:1px solid var(--border);border-radius:4px}.cropper-layer-actions{display:flex;gap:2px}.cropper-layer-actions .icon-btn{width:24px;height:24px;font-size:11px}.cropper-layer-settings{display:grid;gap:8px;padding-top:8px;border-top:1px solid var(--border)}.cropper-layer-buttons{display:flex;gap:6px}@media(min-width:1100px){.topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;gap:20px!important;height:64px!important;min-height:0!important;padding:0 20px!important}.topbar>.brand{justify-self:start}.topbar>.topbar-center{justify-self:center}.topbar>.topbar-right{justify-self:end;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:10px!important;height:auto!important}.topbar .topbar-center .studio-url{width:min(640px,38vw)}.topbar-right>*{flex:none}.topbar-steps,.topbar-guide,.language-switch,.theme-switch{height:36px!important;display:inline-flex!important;align-items:center!important}}@media(min-width:1100px){.topbar .topbar-center .studio-url{width:min(560px,30vw)!important}}@media(min-width:1100px){.topbar{display:flex!important;gap:16px!important}.topbar>.topbar-center{flex:1 1 auto;min-width:0;justify-self:auto}.topbar .topbar-center .studio-url{width:100%!important;max-width:none!important}.topbar>.topbar-right{flex:none;gap:16px!important}}.topbar-right>.topbar-steps{order:0}.topbar-right>.topbar-guide{order:1}.topbar-right>.language-switch{order:2}.topbar-right>.theme-switch{order:3}html:not([data-theme=day]){color-scheme:dark;scrollbar-color:#2a2a2a #000;scrollbar-width:thin}html:not([data-theme=day]) ::-webkit-scrollbar{width:10px;height:10px;background:#000}html:not([data-theme=day]) ::-webkit-scrollbar-track{background:#000}html:not([data-theme=day]) ::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:6px;border:2px solid #000}html:not([data-theme=day]) ::-webkit-scrollbar-thumb:hover{background:#3a3a3a}html:not([data-theme=day]) ::-webkit-scrollbar-corner{background:#000}.cropper-shortcuts{border-top:1px solid var(--border);padding-top:8px;font-size:11px;color:var(--muted)}.cropper-shortcuts summary{cursor:pointer;color:var(--text)}.cropper-shortcuts ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px}.cropper-shortcuts li{display:flex;justify-content:space-between;gap:8px}.cropper-shortcuts kbd{font:600 10px/1.6 ui-monospace,monospace;padding:0 5px;border:1px solid var(--border);border-radius:4px;background:#111;color:var(--text);white-space:nowrap}.showcase-text-panel{display:grid;gap:10px}.showcase-text-panel .design-panel-head{display:flex;align-items:center;justify-content:space-between}.showcase-text-input{width:100%;resize:vertical;min-height:54px;padding:8px 10px;background:#0d0d0d;border:1px solid var(--border);border-radius:8px;color:var(--text);font:500 14px var(--font)}.showcase-text-presets,.showcase-text-anims{display:flex;flex-wrap:wrap;gap:6px}.showcase-text-preset{height:26px;padding:0 10px;border-radius:999px;border:1px solid var(--border);background:#0d0d0d;color:var(--text);font-size:11px;cursor:pointer}.showcase-text-preset:hover{border-color:var(--accent-2)}.showcase-text-preset.is-active{border-color:var(--accent-2);background:#16c8c026}.showcase-text-colors{display:flex;gap:16px;align-items:center;font-size:11px;color:var(--muted)}.showcase-text-colors label{display:inline-flex;align-items:center;gap:6px}.showcase-text-row{display:flex;gap:8px;align-items:center}.showcase-text-row input[type=range]{flex:1}.showcase-text-panel input[type=color],.showcase-text-colors input[type=color]{width:28px;height:22px;padding:0;border:1px solid var(--border);border-radius:4px;background:none}.cropper-layer-text{display:grid;place-items:center;font:800 18px Georgia,serif;color:var(--accent-2)}.game-profiles{display:grid;gap:10px}.game-profiles .design-panel-head{display:flex;align-items:center;justify-content:space-between}.game-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.game-profile-card{display:grid;gap:4px;padding:6px;border:1px solid var(--border);border-radius:8px;background:#0d0d0d;color:var(--text);cursor:pointer;text-align:left}.game-profile-card:hover{border-color:#16c8c080}.game-profile-card.is-active{border-color:var(--accent-2);box-shadow:0 0 0 1px var(--accent-2)}.game-profile-thumb{position:relative;display:block;aspect-ratio:16 / 9;border-radius:4px;overflow:hidden;background:#000}.game-profile-thumb img{width:100%;height:100%;object-fit:cover;display:block}.game-profile-thumb .game-profile-avatar{position:absolute;left:6px;bottom:6px;width:34%;height:auto;aspect-ratio:1;border:2px solid rgba(0,0,0,.7);border-radius:3px}.game-profile-name{font-size:11px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-col-sources{position:relative;overflow:visible!important}.ws-layers-toggle{position:absolute;left:-46px;top:92px;z-index:6;width:38px;height:38px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--border);background:#0a0a0a;color:var(--accent-2);cursor:pointer;box-shadow:0 4px 14px #00000080}.ws-layers-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.ws-layers-toggle:hover,.ws-layers-toggle.is-open{border-color:var(--accent-2);box-shadow:0 0 0 1px var(--accent-2),0 4px 14px #00000080}.ws-layers-flyout{position:absolute;right:calc(100% + 54px);top:92px;z-index:6;width:320px;max-height:calc(100% - 110px);overflow:auto;border-radius:12px;box-shadow:0 12px 40px #000000b3}.ws-layers-flyout .cropper-layers{margin:0}:root{--gold: #d9a441;--gold-soft: rgba(217, 164, 65, .18)}.topbar{background:linear-gradient(180deg,#070707,#000)!important;border-bottom:1px solid #1a1a1a!important;box-shadow:0 1px #d9a4412e,0 10px 30px #0009;position:relative;z-index:5}.brand{gap:12px!important}.brand-logo{width:44px!important;height:44px!important;border-radius:10px!important;object-fit:cover;box-shadow:0 0 0 1px #d9a44159,0 4px 14px #d9a44126}.brand-name{font-size:16px!important;font-weight:800!important;letter-spacing:.2px;background:linear-gradient(180deg,#f5d27a,#c08a2a);-webkit-background-clip:text;background-clip:text;color:transparent!important}.brand-sub{font-size:11px!important;color:#8b8b8b!important;letter-spacing:.3px}.topbar .studio-url{background:#0b0b0b!important;border:1px solid #222!important;border-radius:999px!important;transition:border-color .15s,box-shadow .15s}.topbar .studio-url:focus-within{border-color:#16c8c099!important;box-shadow:0 0 0 3px #16c8c01f}.topbar-guide{border-radius:10px!important;border:1px solid #242424!important;background:#0b0b0b!important;color:#e6e6e6!important;font-weight:600!important}.topbar-guide svg{width:16px;height:16px;fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linejoin:round}.topbar-guide:hover{border-color:#d9a44180!important}.language-switch{border-radius:10px!important;border:1px solid #242424!important;background:#0b0b0b!important;overflow:hidden}.ws-card,.ws-settings-card{border-radius:14px!important;box-shadow:0 10px 30px #00000073}.studio-tabs>button.active{box-shadow:inset 0 -2px 0 var(--accent-2)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1 1 auto;min-height:0}.app-credit{flex:none;display:flex;align-items:center;justify-content:center;gap:8px;height:34px;border-top:1px solid #141414;background:#000;color:#7a7a7a;font-size:11.5px;letter-spacing:.2px}.app-credit img{width:18px;height:18px;border-radius:4px;object-fit:cover}.app-credit span:nth-of-type(1){color:#c9a24f;font-weight:600}.app-credit-sep{color:#333}.app-shell>.topbar{flex:none!important}.app-shell{height:100vh}.app-main{flex:1 1 0!important;min-height:0!important;overflow:hidden}.bg-color-chips{gap:8px}.bg-color-chip{width:26px;height:26px;padding:0;justify-content:center;border-radius:50%;background:transparent}.bg-color-chip .bg-color-dot{width:16px;height:16px}.bg-color-chip.active{background:#b458e12e}.ws-col-sources>.ws-settings-card{height:100%;max-height:100%;min-height:0;display:flex!important;flex-direction:column;overflow:hidden!important}.ws-col-sources>.ws-settings-card>.ws-card-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.ws-col-sources>.ws-settings-card>.ws-card-body>.studio-tabs{flex:none}.ws-col-sources>.ws-settings-card>.ws-card-body>.studio-tab-body{flex:1 1 auto;min-height:0;overflow-y:auto!important}.app-credit{height:auto!important;min-height:34px;padding:6px 16px;flex-wrap:wrap;text-align:center}.app-credit-name{color:#d9d9d9;font-weight:600}.app-credit-legal{color:#5f5f5f}.app-credit-link{background:none;border:0;padding:0;color:#9a9a9a;font:inherit;text-decoration:underline;cursor:pointer}.app-credit-link:hover{color:#e6e6e6}.terms-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#000000b3}.terms-dialog{width:min(560px,92vw);max-height:80vh;overflow:auto;display:grid;gap:10px;padding:22px;border-radius:14px;background:#0b0b0b;border:1px solid #262626;color:#cfcfcf;font-size:13px;line-height:1.55;text-align:left;box-shadow:0 20px 60px #000000b3}.terms-dialog h2{margin:0 0 4px;font-size:17px;color:#fff}.terms-dialog p{margin:0}.terms-dialog .btn{justify-self:end;margin-top:6px}.topbar .brand-mark,.topbar .brand-logo{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;width:48px!important;height:48px!important;object-fit:contain!important;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.app-credit img{background:none;border-radius:0;object-fit:contain}.brand-free{margin-top:2px;font:800 12px/1.2 Inter,sans-serif;letter-spacing:1.6px;color:#eafffb;text-shadow:0 0 4px #16c8c0,0 0 10px #16c8c0,0 0 18px rgba(22,200,192,.8);animation:brand-free-glow 2.4s ease-in-out infinite}@keyframes brand-free-glow{0%,to{text-shadow:0 0 4px #16c8c0,0 0 10px #16c8c0,0 0 18px rgba(22,200,192,.8)}50%{text-shadow:0 0 2px #16c8c0,0 0 6px #16c8c0,0 0 10px rgba(22,200,192,.5)}}@media(prefers-reduced-motion:reduce){.brand-free{animation:none}}.showcase-layout{container-type:inline-size}.ws-topbar.ws-topbar-editor{grid-template-columns:minmax(0,1fr) minmax(280px,680px) minmax(0,1fr);justify-items:center}.ws-topbar-editor .studio-url{grid-column:2;width:100%;justify-self:stretch;max-width:680px}.ws-topbar-editor .ws-top-actions{grid-column:3;justify-self:end}@media(max-width:900px){.ws-topbar.ws-topbar-editor{grid-template-columns:minmax(0,1fr)}.ws-topbar-editor .studio-url{grid-column:1}.ws-topbar-editor .ws-top-actions{grid-column:1;justify-self:center}}.avatar-tools{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.avatar-tool{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid rgba(85,150,166,.34);border-radius:6px;background:#0c1e28b8;color:#b9d3dc;font:inherit;font-size:10.5px;line-height:1.2;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease;white-space:nowrap}.avatar-tool>span{color:#66ded1;font-size:12px;line-height:1}.avatar-tool:hover{color:#ecfffb;border-color:#53e2d2cc;background:#124b4f80}.avatar-tool.danger{border-color:#ff7e856b;color:#ffc0c3}.avatar-tool.danger>span{color:#ff9ca0}.avatar-tool.danger:hover{border-color:#ff7e85d9;background:#8b2b356b;color:#fff}.avatar-tool:disabled{opacity:.45;cursor:not-allowed}.avatar-tool:focus-visible{outline:2px solid #55ddce;outline-offset:2px}.avatar-remove{position:absolute;top:-7px;right:-7px;z-index:6;width:22px;height:22px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,126,133,.65);border-radius:50%;background:#300d13f0;color:#ffc0c3;font:inherit;font-size:11px;line-height:1;cursor:pointer;box-shadow:0 2px 9px #0000008c}.avatar-remove:hover{background:#8b2b35;color:#fff}.avatar-remove:focus-visible{outline:2px solid #ffb2b7;outline-offset:2px}html[data-theme=day] :is(.design-panel,.design-panel-section,.design-tool-switch,.design-details,.design-layer-row,.design-grid-2,.design-grid-3,.design-game-icon-card){background-color:#f8fbfc;color:#193440;border-color:#d5e3e8}html[data-theme=day] :is(.design-tool-tab,.design-panel button,.design-layer-row button){background-color:#edf5f7;color:#254b5b;border-color:#cbdde3}html[data-theme=day] :is(.design-tool-tab.is-active,.design-layer-row.is-active){background-color:#dff1f1;color:#176b78;border-color:#83c9c7}html[data-theme=day] .design-tool-tab:hover{background-color:#e3f2f3;color:#176b78;border-color:#83c9c7}html[data-theme=day] .design-icon-searchbox{background:#fff;border-color:#c3dce2;box-shadow:inset 0 1px #fff,0 4px 12px #2d647514}html[data-theme=day] .design-icon-searchbox:focus-within{background:#fff;border-color:#48aaa9;box-shadow:0 0 0 3px #26a4a01f}html[data-theme=day] .design-icon-searchbox-symbol{stroke:#248e9b}html[data-theme=day] .design-icon-searchbox input{color:#193440}html[data-theme=day] .design-icon-searchbox input::placeholder{color:#8198a1}html[data-theme=day] .design-game-icon-card{background:#fff}.design-text-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.design-text-anchor{position:absolute;transform-origin:center center;pointer-events:none;will-change:transform}.design-text-anchor.is-interactive{pointer-events:auto;cursor:grab;touch-action:none}.design-text-anchor.is-interactive:active{cursor:grabbing}.design-text-scale{position:relative;display:inline-block;transform-origin:center center;will-change:transform}.design-text{display:inline-block;white-space:pre;line-height:1.15;letter-spacing:-.01em;text-align:inherit;animation-fill-mode:both;animation-timing-function:ease-out;will-change:transform,opacity,filter}.design-text-fx{position:relative;display:inline-block;white-space:pre;isolation:isolate}.design-text-anchor.is-selected .design-text-fx{outline:1px dashed rgba(100,255,236,.95);outline-offset:5px;border-radius:2px}.design-text-handles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.design-text-handle{position:absolute;width:8px;height:8px;border:1px solid rgba(4,24,28,.95);border-radius:2px;background:#d8fffb;box-shadow:0 0 0 1px #64ffecd9,0 1px 4px #0000008c;pointer-events:auto;touch-action:none;transform-origin:center center}.design-text-handle.is-nw{left:0;top:0;cursor:nwse-resize}.design-text-handle.is-n{left:50%;top:0;cursor:ns-resize}.design-text-handle.is-ne{left:100%;top:0;cursor:nesw-resize}.design-text-handle.is-e{left:100%;top:50%;cursor:ew-resize}.design-text-handle.is-se{left:100%;top:100%;cursor:nwse-resize}.design-text-handle.is-s{left:50%;top:100%;cursor:ns-resize}.design-text-handle.is-sw{left:0;top:100%;cursor:nesw-resize}.design-text-handle.is-w{left:0;top:50%;cursor:ew-resize}.design-text-handle:hover{background:#fff}.design-text-handle:focus-visible{outline:2px solid #64ffec;outline-offset:2px}.design-text-handle.is-locked{opacity:.4;cursor:not-allowed}.design-text-handle.is-rotate{left:50%;top:-20px;width:9px;height:9px;border-radius:50%;background:#e5fffb;cursor:grab}.design-text-handle.is-rotate:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.design-text-handle.is-rotate:active{cursor:grabbing}.design-text-inline{display:block;box-sizing:content-box;min-width:2ch;margin:0;padding:1px 4px;border:1px dashed rgba(100,255,236,.9);border-radius:3px;background:#060e12b8;text-align:center;white-space:pre;resize:none;overflow:hidden;outline:none;caret-color:currentColor}.dt-anim-fade-in{animation-name:dtFadeIn}.dt-anim-fade-out{animation-name:dtFadeOut}.dt-anim-slide-in{animation-name:dtSlideIn}.dt-anim-zoom-in{animation-name:dtZoomIn}.dt-anim-pulse{animation-name:dtPulse;animation-timing-function:ease-in-out}.dt-anim-shake{animation-name:dtShake;animation-timing-function:linear}.dt-anim-glow-loop{animation-name:dtGlowLoop;animation-timing-function:ease-in-out}.dt-anim-lightning-loop{animation-name:dtLightningLoop;animation-timing-function:steps(2,end)}.dt-anim-glitch-loop{animation-name:dtGlitchLoop;animation-timing-function:linear}@keyframes dtFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dtFadeOut{0%{opacity:1}to{opacity:0}}@keyframes dtSlideIn{0%{opacity:0;transform:translate(var(--slide-x, -18cqw),var(--slide-y, 0))}to{opacity:1;transform:translate(0)}}@keyframes dtZoomIn{0%{opacity:0;transform:scale(.35)}to{opacity:1;transform:scale(1)}}@keyframes dtPulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes dtShake{0%,to{transform:translate(0)}20%{transform:translate(-.7cqw) rotate(-.6deg)}40%{transform:translate(.7cqw) rotate(.6deg)}60%{transform:translate(-.35cqw)}80%{transform:translate(.35cqw)}}@keyframes dtGlowLoop{0%,to{filter:brightness(1) drop-shadow(0 0 2px rgba(255,255,255,.18))}50%{filter:brightness(1.32) drop-shadow(0 0 8px currentColor)}}@keyframes dtLightningLoop{0%,41%,45%,59%,to{opacity:1;filter:brightness(1)}42%,44%{opacity:.42;filter:brightness(1.9)}43%{opacity:1;filter:brightness(2.2)}60%{opacity:.72}}.dt-fx-electric{animation:dtElectric var(--fx-duration, 2.2s) steps(2,end) infinite}.dt-fx-neon{animation:dtNeon var(--fx-duration, 2.2s) ease-in-out infinite}.dt-fx-energy{background-image:linear-gradient(100deg,currentColor 0%,#ffffff 32%,currentColor 58%,#9bfffa 78%,currentColor 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:dtEnergy var(--fx-duration, 2.2s) linear infinite}.dt-fx-flare{animation:dtFlare var(--fx-duration, 2.2s) ease-in-out infinite}.dt-fx-smoke{animation:dtSmoke var(--fx-duration, 2.2s) ease-in-out infinite}.dt-fx-glitch:before,.dt-fx-glitch:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;pointer-events:none;opacity:.72}.dt-fx-glitch:before{color:#ff2f62;z-index:-1;animation:dtGlitchRed var(--fx-duration, 2.2s) steps(2,end) infinite}.dt-fx-glitch:after{color:#2ffcff;z-index:-2;animation:dtGlitchCyan var(--fx-duration, 2.2s) steps(2,end) infinite}.dt-fx-pulse{animation:dtFxPulse var(--fx-duration, 2.2s) ease-in-out infinite}@keyframes dtElectric{0%,34%,38%,52%,to{opacity:1;filter:brightness(1) drop-shadow(0 0 1px currentColor)}35%,37%{opacity:.5;filter:brightness(2.4) drop-shadow(0 0 8px currentColor)}36%{opacity:1;filter:brightness(2.8)}53%{opacity:.78}}@keyframes dtNeon{0%,to{filter:brightness(1.05) drop-shadow(0 0 3px currentColor)}50%{filter:brightness(1.45) drop-shadow(0 0 12px currentColor)}}@keyframes dtEnergy{0%{background-position:130% 0}to{background-position:-130% 0}}@keyframes dtFlare{0%,to{filter:brightness(1);opacity:var(--fx-intensity, 1)}45%{filter:brightness(1.9) drop-shadow(0 0 14px currentColor)}50%{filter:brightness(2.6) drop-shadow(0 0 22px currentColor);opacity:1}55%{filter:brightness(1.3)}}@keyframes dtSmoke{0%,to{filter:blur(.2px) drop-shadow(0 4px 5px rgba(0,0,0,.75));transform:translate(0)}50%{filter:blur(1.1px) drop-shadow(0 7px 12px rgba(0,0,0,.9));transform:translate(.45cqw)}}@keyframes dtGlitchRed{0%,74%,to{transform:translate(0);clip-path:inset(0 0 0 0)}76%{transform:translate(-.55cqw,-.12cqw);clip-path:inset(18% 0 54% 0)}79%{transform:translate(.4cqw,.16cqw);clip-path:inset(62% 0 9% 0)}82%{transform:translate(-.2cqw);clip-path:inset(40% 0 32% 0)}}@keyframes dtGlitchCyan{0%,72%,to{transform:translate(0);clip-path:inset(0 0 0 0)}75%{transform:translate(.6cqw,.12cqw);clip-path:inset(28% 0 42% 0)}78%{transform:translate(-.42cqw,-.14cqw);clip-path:inset(55% 0 18% 0)}81%{transform:translate(.24cqw);clip-path:inset(12% 0 64% 0)}}@keyframes dtFxPulse{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes dtGlitchLoop{0%,88%,to{transform:translate(0);text-shadow:0 0 0 transparent}90%{transform:translate(-.45cqw);text-shadow:.5cqw 0 rgba(255,47,98,.8),-.5cqw 0 rgba(47,252,255,.8)}93%{transform:translate(.45cqw);text-shadow:-.4cqw 0 rgba(255,47,98,.8),.4cqw 0 rgba(47,252,255,.8)}96%{transform:translate(-.18cqw);text-shadow:0 0 0 transparent}}.design-frame-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.design-frame-layer.is-below{z-index:1}.design-frame-layer.is-above{z-index:5}.design-frame-slot{position:absolute;top:0;bottom:0;overflow:hidden;pointer-events:none;container-type:inline-size}.design-frame{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center center;color:var(--frame-color, #4de1ff);filter:drop-shadow(0 0 calc(5px * var(--frame-intensity, 1)) var(--frame-color, #4de1ff))}.design-frame.is-animated{--frame-anim: running}.design-frame.is-static,.design-frame.is-static *{animation:none!important}.design-frame[data-direction=left] .df-svg,.design-frame[data-direction=left] .df-scan,.design-frame[data-direction=left] .df-flame-glow,.design-frame[data-direction=left] .nf-svg,.design-frame[data-direction=left] .nf-vertical,.design-frame[data-direction=left] .nf-bottom{transform:scaleX(-1)}.design-frame[data-direction=up] .df-svg,.design-frame[data-direction=up] .df-scan,.design-frame[data-direction=up] .df-flame-glow,.design-frame[data-direction=up] .nf-svg,.design-frame[data-direction=up] .nf-vertical,.design-frame[data-direction=up] .nf-bottom{transform:scaleY(-1)}.df-border{position:absolute;top:4.5%;right:4.5%;bottom:4.5%;left:4.5%;border:2px solid currentColor;border-radius:2px;box-shadow:0 0 calc(8px * var(--frame-intensity, 1)) currentColor,inset 0 0 calc(10px * var(--frame-intensity, 1)) currentColor;opacity:.88}.design-frame-effect .df-border{top:0;right:0;bottom:0;left:0}.df-corner{position:absolute;width:8%;aspect-ratio:1;border-color:currentColor;border-style:solid;opacity:.95;filter:drop-shadow(0 0 4px currentColor)}.df-tl{left:2.5%;top:3%;border-width:2px 0 0 2px}.df-tr{right:2.5%;top:3%;border-width:2px 2px 0 0}.df-bl{left:2.5%;bottom:3%;border-width:0 0 2px 2px}.df-br{right:2.5%;bottom:3%;border-width:0 2px 2px 0}.df-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.df-electric .df-bolt{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px currentColor) drop-shadow(0 0 12px currentColor);stroke-dasharray:9 5;animation:dfBolt var(--frame-duration, 2.4s) linear infinite}.df-electric .df-bolt-b{animation-delay:-.7s}.df-electric .df-bolt-c{animation-delay:-1.3s}.df-electric .df-bolt-d{animation-delay:-1.9s}@keyframes dfBolt{0%,18%,22%,58%,to{opacity:.16;stroke-dashoffset:0}20%,60%{opacity:1;stroke-dashoffset:-28}}.df-cyber .df-border-outer{animation:dfCyberPulse var(--frame-duration, 2.4s) ease-in-out infinite}.df-cyber .df-border-inner{top:8.5%;right:8.5%;bottom:8.5%;left:8.5%;border-style:dashed;opacity:.55;animation:dfCyberSpin calc(var(--frame-duration, 2.4s) * 3) linear infinite}.df-cyber .df-scan{position:absolute;left:5%;right:5%;height:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);box-shadow:0 0 10px currentColor;opacity:.75;animation:dfScan var(--frame-duration, 2.4s) linear infinite}.df-cyber .df-pulse-ring{position:absolute;top:13%;right:13%;bottom:13%;left:13%;border:1px solid currentColor;opacity:0;animation:dfRing var(--frame-duration, 2.4s) ease-out infinite}@keyframes dfCyberPulse{0%,to{opacity:.55;box-shadow:0 0 3px currentColor,inset 0 0 4px currentColor}50%{opacity:1;box-shadow:0 0 16px currentColor,inset 0 0 16px currentColor}}@keyframes dfCyberSpin{to{transform:rotate(360deg)}}@keyframes dfScan{0%{top:8%;opacity:0}12%{opacity:.8}88%{opacity:.8}to{top:90%;opacity:0}}@keyframes dfRing{0%{transform:scale(.85);opacity:.7}to{transform:scale(1.1);opacity:0}}.df-arcane .df-aura{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,currentColor 0%,transparent 68%);opacity:.17;animation:dfAura var(--frame-duration, 2.4s) ease-in-out infinite}.df-arcane .df-border-rune{border-style:double;border-width:3px;animation:dfAura var(--frame-duration, 2.4s) ease-in-out infinite}.df-arcane .df-rune{position:absolute;font-size:2.4cqw;line-height:1;color:currentColor;text-shadow:0 0 8px currentColor;animation:dfRune calc(var(--frame-duration, 2.4s) * 1.4) ease-in-out infinite}.df-arcane .df-rune.df-tl{left:5%;top:5%}.df-arcane .df-rune.df-tr{right:5%;top:5%}.df-arcane .df-rune.df-bl{left:5%;bottom:5%}.df-arcane .df-rune.df-br{right:5%;bottom:5%}.df-arcane .df-rune.df-tr,.df-arcane .df-rune.df-bl{animation-delay:-.6s}.df-arcane .df-particle{position:absolute;left:calc(10% + var(--i) * 13%);bottom:8%;width:.65cqw;height:.65cqw;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor;opacity:0;animation:dfParticle calc(var(--frame-duration, 2.4s) * 1.1) linear infinite;animation-delay:calc(var(--i) * -.27s)}@keyframes dfAura{0%,to{opacity:.14;filter:brightness(1)}50%{opacity:.36;filter:brightness(1.4)}}@keyframes dfRune{0%,to{opacity:.32;transform:scale(.86) rotate(0)}50%{opacity:1;transform:scale(1.12) rotate(45deg)}}@keyframes dfParticle{0%{bottom:8%;transform:scale(.5);opacity:0}18%{opacity:.9}75%{opacity:.65}to{bottom:82%;transform:scale(1.1);opacity:0}}.df-flame .df-flame-glow{position:absolute;inset:auto 0 0 0;height:34%;background:radial-gradient(ellipse at 50% 100%,currentColor 0%,transparent 72%);opacity:.34;animation:dfFlameGlow var(--frame-duration, 2.4s) ease-in-out infinite}.df-flame .df-flame{fill:currentColor;opacity:.34;filter:drop-shadow(0 0 7px currentColor);animation:dfFlameWobble calc(var(--frame-duration, 2.4s) * .8) ease-in-out infinite;transform-origin:50% 100%}.df-flame .df-flame-top{opacity:.18;transform-origin:50% 0}.df-flame .df-ember{position:absolute;left:calc(9% + var(--i) * 16%);bottom:4%;width:.55cqw;height:.55cqw;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;opacity:0;animation:dfEmber calc(var(--frame-duration, 2.4s) * .9) linear infinite;animation-delay:calc(var(--i) * -.34s)}@keyframes dfFlameGlow{0%,to{opacity:.24;transform:scaleY(.94)}50%{opacity:.48;transform:scaleY(1.06)}}@keyframes dfFlameWobble{0%,to{transform:skew(0) scaleY(1)}33%{transform:skew(1.6deg) scaleY(1.045)}66%{transform:skew(-1.4deg) scaleY(.98)}}@keyframes dfEmber{0%{bottom:4%;transform:scale(.6);opacity:0}20%{opacity:.95}to{bottom:62%;transform:scale(.2);opacity:0}}.df-prism-luxe .pl-haze,.df-prism-luxe .pl-ribbon,.df-prism-luxe .pl-glint,.df-gilded-dust .gd-glow,.df-sapphire-veil .sv-aura,.df-sapphire-veil .sv-wave,.df-sapphire-veil .sv-sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.df-prism-luxe .pl-haze{background:radial-gradient(ellipse at 50% 50%,currentColor 0%,transparent 70%);opacity:calc(.065 * var(--frame-intensity, 1));mix-blend-mode:screen}.df-prism-luxe .pl-ribbon{top:-30%;right:-45%;bottom:-30%;left:-45%;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.02) 42%,#a8f8ff 47%,#f6dcff 50%,#ffe5ae 53%,transparent 59%);opacity:calc(.11 * var(--frame-intensity, 1));filter:blur(12px);transform:translate(calc((var(--i) - 1) * 12%)) rotate(calc((var(--i) - 1) * 5deg));animation:plSweep calc(var(--frame-duration, 2.4s) * 3.1) ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.9s)}.df-prism-luxe .pl-glint{inset:0 0 auto -45%;width:28%;height:100%;background:linear-gradient(90deg,transparent,rgba(236,252,255,.2),transparent);filter:blur(8px);transform:skew(-18deg);animation:plGlint calc(var(--frame-duration, 2.4s) * 3.8) ease-in-out infinite}@keyframes plSweep{to{transform:translate(18%) rotate(5deg);opacity:calc(.18 * var(--frame-intensity, 1))}}@keyframes plGlint{0%,18%{left:-45%;opacity:0}45%{opacity:.65}82%,to{left:120%;opacity:0}}.df-gilded-dust .gd-glow{background:radial-gradient(ellipse at 50% 100%,rgba(255,190,82,.24),transparent 64%);opacity:calc(.48 * var(--frame-intensity, 1));mix-blend-mode:screen}.df-gilded-dust .gd-particle{position:absolute;left:calc(7% + (var(--i) * 7.7%));bottom:calc(-4% - var(--i) * 1.2%);width:calc(1.5px + var(--i) * .12px);aspect-ratio:1;border-radius:50%;background:#fff0bb;box-shadow:0 0 5px 1px #f8bd58,0 0 13px currentColor;opacity:0;animation:gdRise calc(var(--frame-duration, 2.4s) * (1.9 + var(--i) * .08)) ease-in-out infinite;animation-delay:calc(var(--i) * -.31s)}@keyframes gdRise{0%{transform:translateZ(0) scale(.5);opacity:0}18%{opacity:.75}78%{opacity:.45}to{transform:translate3d(calc((var(--i) - 5) * 1.4%),-105vh,0) scale(1.15);opacity:0}}.df-sapphire-veil .sv-aura{background:radial-gradient(ellipse at 50% 45%,rgba(48,130,255,.27),transparent 69%);opacity:calc(.55 * var(--frame-intensity, 1));mix-blend-mode:screen;animation:svBreathe calc(var(--frame-duration, 2.4s) * 2.4) ease-in-out infinite}.df-sapphire-veil .sv-wave{top:14%;right:-25%;bottom:14%;left:-25%;background:linear-gradient(180deg,transparent 35%,rgba(54,145,255,.12) 47%,rgba(171,220,255,.22) 50%,rgba(42,103,235,.12) 54%,transparent 68%);filter:blur(15px);transform:rotate(-12deg) translateY(-16%);opacity:calc(.58 * var(--frame-intensity, 1));animation:svFlow calc(var(--frame-duration, 2.4s) * 3.4) ease-in-out infinite alternate}.df-sapphire-veil .sv-wave-b{transform:rotate(9deg) translateY(18%);opacity:calc(.34 * var(--frame-intensity, 1));animation-delay:-1.7s}.df-sapphire-veil .sv-sheen{background:linear-gradient(115deg,transparent 25%,rgba(187,225,255,.1) 48%,transparent 66%);mix-blend-mode:screen;opacity:.42;animation:svSheen calc(var(--frame-duration, 2.4s) * 4.2) ease-in-out infinite}@keyframes svBreathe{50%{transform:scale(1.12);opacity:calc(.82 * var(--frame-intensity, 1))}}@keyframes svFlow{to{transform:rotate(-5deg) translateY(22%)}}@keyframes svSheen{0%,20%{background-position:-120% 0;opacity:0}55%{opacity:.5}to{background-position:120% 0;opacity:0}}.df-electric-flow .ef-glow,.df-arcane-aura .aa-mist,.df-cyber-pulse .cp-grid,.df-ember-drift .ed-glow,.df-aurora-wave .aw-glow,.df-starfield .sf-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.df-electric-flow .ef-glow{top:-12%;right:-12%;bottom:-12%;left:-12%;background:radial-gradient(ellipse at 32% 45%,currentColor 0%,transparent 62%);opacity:calc(.13 * var(--frame-intensity, 1));mix-blend-mode:screen;animation:efBreathe calc(var(--frame-duration, 2.4s) * 1.6) ease-in-out infinite}.df-electric-flow .ef-streak{position:absolute;left:-35%;top:calc(12% + var(--i) * 21%);width:72%;height:1.5px;border-radius:999px;background:linear-gradient(90deg,transparent,currentColor 38%,#eaffff 52%,transparent);filter:drop-shadow(0 0 5px currentColor) drop-shadow(0 0 10px currentColor);opacity:0;transform:rotate(-11deg);animation:efFlow calc(var(--frame-duration, 2.4s) * 1.4) linear infinite;animation-delay:calc(var(--i) * -.42s)}.df-electric-flow .ef-core{position:absolute;left:50%;top:50%;width:42%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,currentColor 0%,transparent 64%);opacity:calc(.1 * var(--frame-intensity, 1));mix-blend-mode:screen;animation:efCore calc(var(--frame-duration, 2.4s) * 2) ease-in-out infinite}@keyframes efBreathe{0%,to{opacity:calc(.08 * var(--frame-intensity, 1));transform:translate(-2%)}50%{opacity:calc(.2 * var(--frame-intensity, 1));transform:translate(2%)}}@keyframes efFlow{0%{left:-38%;opacity:0}12%{opacity:.9}78%{opacity:.55}to{left:96%;opacity:0}}@keyframes efCore{0%,to{transform:translate(-50%,-50%) scale(.9);opacity:calc(.07 * var(--frame-intensity, 1))}50%{transform:translate(-50%,-50%) scale(1.08);opacity:calc(.18 * var(--frame-intensity, 1))}}.df-arcane-aura .aa-mist{top:-8%;right:-8%;bottom:-8%;left:-8%;background:radial-gradient(ellipse at 26% 36%,currentColor 0%,transparent 55%),radial-gradient(ellipse at 76% 70%,#6d7dff 0%,transparent 58%);opacity:calc(.14 * var(--frame-intensity, 1));mix-blend-mode:screen;filter:blur(12px);animation:aaDrift calc(var(--frame-duration, 2.4s) * 3) ease-in-out infinite}.df-arcane-aura .aa-orb{position:absolute;width:26%;aspect-ratio:1;border-radius:50%;background:currentColor;filter:blur(14px);opacity:calc(.12 * var(--frame-intensity, 1));mix-blend-mode:screen;animation:aaFloat calc(var(--frame-duration, 2.4s) * 2.4) ease-in-out infinite}.df-arcane-aura .aa-orb-a{left:16%;top:28%}.df-arcane-aura .aa-orb-b{right:14%;bottom:22%;animation-delay:-1.1s}.df-arcane-aura .aa-mote{position:absolute;left:calc(6% + var(--i) * 11.5%);bottom:6%;width:.55cqw;height:.55cqw;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor;opacity:0;animation:aaMote calc(var(--frame-duration, 2.4s) * 1.8) linear infinite;animation-delay:calc(var(--i) * -.31s)}@keyframes aaDrift{0%,to{transform:translate3d(-2%,1%,0) scale(1);opacity:calc(.1 * var(--frame-intensity, 1))}50%{transform:translate3d(2%,-1%,0) scale(1.05);opacity:calc(.2 * var(--frame-intensity, 1))}}@keyframes aaFloat{0%,to{transform:translateY(-6%) scale(.94)}50%{transform:translateY(6%) scale(1.08)}}@keyframes aaMote{0%{bottom:4%;transform:scale(.5);opacity:0}20%{opacity:.8}to{bottom:82%;transform:scale(1);opacity:0}}.df-cyber-pulse .cp-grid{background-image:repeating-linear-gradient(0deg,transparent 0 7px,currentColor 7px 8px),repeating-linear-gradient(90deg,transparent 0 7px,currentColor 7px 8px);opacity:calc(.055 * var(--frame-intensity, 1));background-size:100% 100%;animation:cpGrid calc(var(--frame-duration, 2.4s) * 2) linear infinite}.df-cyber-pulse .cp-scan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);filter:drop-shadow(0 0 7px currentColor);opacity:.7;animation:cpScan calc(var(--frame-duration, 2.4s) * 1.5) linear infinite}.df-cyber-pulse .cp-ring{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;transform:translate(-50%,-50%);opacity:0;animation:cpRing calc(var(--frame-duration, 2.4s) * 1.8) ease-out infinite}.df-cyber-pulse .cp-ring-b{animation-delay:calc(var(--frame-duration, 2.4s) * -.9)}.df-cyber-pulse .cp-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,currentColor 48%,transparent 62%);opacity:calc(.07 * var(--frame-intensity, 1));mix-blend-mode:screen;animation:cpShimmer calc(var(--frame-duration, 2.4s) * 2.2) linear infinite}@keyframes cpGrid{0%{background-position:0 0,0 0}to{background-position:0 32px,32px 0}}@keyframes cpScan{0%{top:4%;opacity:0}12%{opacity:.75}88%{opacity:.55}to{top:94%;opacity:0}}@keyframes cpRing{0%{transform:translate(-50%,-50%) scale(.7);opacity:.55}to{transform:translate(-50%,-50%) scale(1.55);opacity:0}}@keyframes cpShimmer{0%{transform:translate(-60%)}to{transform:translate(60%)}}.df-ember-drift .ed-glow{inset:auto 0 0 0;height:46%;background:radial-gradient(ellipse at 50% 100%,currentColor 0%,transparent 72%);opacity:calc(.2 * var(--frame-intensity, 1));mix-blend-mode:screen;animation:edGlow calc(var(--frame-duration, 2.4s) * 1.8) ease-in-out infinite}.df-ember-drift .ed-spark{position:absolute;left:calc(6% + var(--i) * 10.5%);bottom:2%;width:.5cqw;height:.5cqw;border-radius:50%;background:#ffd36b;box-shadow:0 0 6px #ff923d,0 0 12px #ff5b2a;opacity:0;animation:edSpark calc(var(--frame-duration, 2.4s) * 1.7) linear infinite;animation-delay:calc(var(--i) * -.33s)}@keyframes edGlow{0%,to{opacity:calc(.13 * var(--frame-intensity, 1));transform:scaleY(.94)}50%{opacity:calc(.27 * var(--frame-intensity, 1));transform:scaleY(1.06)}}@keyframes edSpark{0%{bottom:2%;transform:translate(0) scale(.6);opacity:0}16%{opacity:.95}to{bottom:90%;transform:translate(2.2cqw) scale(.2);opacity:0}}.df-aurora-wave .aw-glow{top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(ellipse at 24% 70%,#3d7bff 0%,transparent 55%),radial-gradient(ellipse at 78% 30%,currentColor 0%,transparent 58%);opacity:calc(.12 * var(--frame-intensity, 1));mix-blend-mode:screen;filter:blur(10px);animation:awGlow calc(var(--frame-duration, 2.4s) * 2.6) ease-in-out infinite}.df-aurora-wave .aw-band{position:absolute;left:-25%;width:150%;height:38%;border-radius:50%;background:linear-gradient(90deg,transparent 0%,currentColor 30%,#4d8dff 52%,#b6ffe8 68%,transparent 92%);filter:blur(18px);opacity:calc(.18 * var(--frame-intensity, 1));mix-blend-mode:screen;transform:rotate(-9deg);animation:awSway calc(var(--frame-duration, 2.4s) * 2.2) ease-in-out infinite}.df-aurora-wave .aw-band-a{top:6%}.df-aurora-wave .aw-band-b{top:34%;animation-delay:calc(var(--frame-duration, 2.4s) * -.7);transform:rotate(7deg)}.df-aurora-wave .aw-band-c{top:62%;animation-delay:calc(var(--frame-duration, 2.4s) * -1.4)}@keyframes awGlow{0%,to{opacity:calc(.08 * var(--frame-intensity, 1))}50%{opacity:calc(.17 * var(--frame-intensity, 1))}}@keyframes awSway{0%,to{transform:translate(-4%) rotate(-9deg) scaleY(.92)}50%{transform:translate(4%) rotate(-6deg) scaleY(1.08)}}.df-starfield .sf-glow{background:radial-gradient(ellipse at 50% 45%,#6aa8ff 0%,transparent 68%);opacity:calc(.12 * var(--frame-intensity, 1));mix-blend-mode:screen;animation:sfGlow calc(var(--frame-duration, 2.4s) * 3) ease-in-out infinite}.df-starfield .sf-star{position:absolute;left:calc(4% + var(--i) * 6.1%);top:calc(8% + var(--i) * 5.4%);width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:0 0 4px #cfe8ff,0 0 9px #8cc4ff;opacity:.55;animation:sfTwinkle calc(var(--frame-duration, 2.4s) * (1.2 + var(--i) * .08)) ease-in-out infinite;animation-delay:calc(var(--i) * -.27s)}.df-starfield .sf-star:nth-child(3n){left:calc(10% + var(--i) * 4.8%);top:calc(76% - var(--i) * 3.6%)}.df-starfield .sf-star:nth-child(4n){left:calc(88% - var(--i) * 5.2%);top:calc(16% + var(--i) * 1.2%)}.df-starfield .sf-nebula{position:absolute;right:-18%;bottom:-22%;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#6c6dff 0%,transparent 68%);opacity:calc(.14 * var(--frame-intensity, 1));mix-blend-mode:screen;filter:blur(14px);animation:sfNebula calc(var(--frame-duration, 2.4s) * 4) ease-in-out infinite}@keyframes sfGlow{0%,to{opacity:calc(.08 * var(--frame-intensity, 1))}50%{opacity:calc(.18 * var(--frame-intensity, 1))}}@keyframes sfTwinkle{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.25)}}@keyframes sfNebula{0%,to{transform:translate(0) scale(.96)}50%{transform:translate(-4%,-3%) scale(1.06)}}.nf-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.nf-panels rect{fill:#2203089e}.nf-lines path{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;opacity:.94;filter:drop-shadow(0 0 2px currentColor)}.nf-lines .nf-accent{opacity:1;filter:brightness(1.55) drop-shadow(0 0 4px currentColor)}.nf-lines .nf-dim{opacity:.55;filter:drop-shadow(0 0 1px currentColor)}.nf-contours rect{fill:none;stroke:currentColor;opacity:calc(.32 * var(--frame-intensity, 1));stroke-linecap:square}.nf-vertical{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden;color:currentColor;font-weight:800;line-height:1;text-transform:uppercase;pointer-events:none}.nf-vertical>span{display:block;line-height:1}.nf-bottom{position:absolute;display:grid;place-items:center;padding:0 1%;overflow:hidden;color:currentColor;font-weight:800;line-height:1;white-space:nowrap;text-transform:uppercase;pointer-events:none}.design-frame.is-animated .nf-vertical,.design-frame.is-animated .nf-bottom{animation:nfNeonBreathe var(--frame-duration, 2.4s) ease-in-out infinite}@keyframes nfNeonBreathe{0%,to{opacity:.82;filter:brightness(1)}50%{opacity:1;filter:brightness(1.28)}}.design-panel{display:grid;gap:0}.design-panel-section{display:grid;gap:10px;padding:12px 13px;border-bottom:1px solid var(--border-soft)}.design-panel-section:last-child{border-bottom:0}.design-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.design-panel-head .design-inline.design-panel-actions{flex:1 1 100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:6px;flex-wrap:nowrap}.design-panel-head .design-panel-actions .btn{width:100%;min-height:30px;padding-inline:8px;font-size:11.5px;line-height:1.15;white-space:nowrap;text-align:center}.design-mode-row{display:flex;align-items:center;gap:6px}.design-mode-row .design-seg{flex:1 1 auto;min-width:0}.design-mode-row .design-seg .chip{padding-inline:6px;font-size:11.5px}.design-mode-row>.help-tip-trigger{flex:none}.design-hint{margin:0;line-height:1.5}.design-empty{padding:12px}.design-layer-list{display:grid;gap:4px}.design-layer-row{display:flex;align-items:center;gap:2px;border:1px solid transparent;border-radius:7px;background:#ffffff05}.design-layer-row.is-active{border-color:#48cfc680;background:#30a0a01f}.design-layer-main{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:0 7px;padding:6px 7px;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.design-layer-swatch{grid-row:1 / 3;align-self:center;width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:5px;background:#0b141b;font-size:12px;font-weight:800}.design-layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.design-layer-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7f95a2;font-size:9.5px}.design-layer-row .icon-btn{width:24px;height:24px;font-size:11px}.design-layer-row .icon-btn.danger:hover{color:#ff9ca0;background:#96282d47}.design-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.design-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.design-inline{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.design-inline input[type=color]{width:34px;height:28px}.design-inline .chip{padding:4px 8px;min-width:28px}.design-details{border:1px solid rgba(108,137,157,.18);border-radius:8px;background:#070e1447}.design-details>summary{padding:8px 10px;color:#a9c1cc;font-size:11.5px;font-weight:650;cursor:pointer;list-style:none}.design-details>summary::-webkit-details-marker{display:none}.design-details>summary:before{content:"▸";margin-right:6px;color:#56d8cc}.design-details[open]>summary:before{content:"▾"}.design-details>:not(summary){margin-left:10px;margin-right:10px}.design-details>:last-child{margin-bottom:10px}.design-check{align-items:flex-start;padding:2px 0}.design-check>span{display:grid;gap:2px}.design-seg{display:flex;gap:5px}.design-seg .chip{flex:1}.design-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.design-template-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;gap:4px;padding:7px;border:1px solid rgba(108,137,157,.22);border-radius:8px;background:#0810178c;color:#c5d5dd;text-align:left;cursor:pointer}.design-template-card:hover{border-color:#54d5c98c}.design-template-card.active{border-color:#4ed7c4;box-shadow:0 0 0 1px #4ed7c459,0 0 16px #4ed7c41f}.design-template-card strong{font-size:10.5px;font-weight:650}.design-template-card>span:last-child{color:#7e93a0;font-size:9px;line-height:1.35}.design-template-preview{position:relative;display:block;height:36px;container-type:inline-size;overflow:hidden;border-radius:4px;background:#071018;color:var(--frame-color, #4de1ff)}.design-template-preview .df-border{top:5px;right:5px;bottom:5px;left:5px}.design-template-preview .df-corner{width:10px}.design-template-preview.df-electric .df-border{animation:dfCyberPulse var(--frame-duration, 2.4s) ease-in-out infinite}.design-template-none{background:repeating-linear-gradient(45deg,#0a141c 0,#0a141c 6px,#0c1a23 6px,#0c1a23 12px)}.design-tab-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:3px;border:1px solid rgba(108,137,157,.26);border-radius:9px;background:#060d1399}.design-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;gap:5px;min-height:34px;min-width:0;padding:6px 7px;border:1px solid transparent;border-radius:7px;background:transparent;color:#8fa6b2;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.design-tab:hover{color:#d8fbf5}.design-tab.is-active{border-color:#4ed7c48c;background:#183e428c;color:#e7fffb;box-shadow:0 0 0 1px #4ed7c438,0 0 14px #4ed7c41f}.design-tab-count{display:inline-grid;place-items:center;min-width:17px;height:16px;padding:0 4px;border-radius:999px;background:#4ed7c429;color:#8ff3e5;font-size:9.5px;font-weight:700}.design-preset-intro{display:grid;gap:3px;padding:9px 10px;border:1px solid rgba(255,47,74,.28);border-radius:8px;background:linear-gradient(160deg,#30040a9e,#080c119e)}.design-preset-intro strong{font-size:11px;color:#ffd9de;letter-spacing:.03em}.design-preset-intro span{font-size:9.5px;color:#a98f95;line-height:1.45}.design-preset-grid{display:grid;gap:8px}.design-preset-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;gap:5px;padding:8px;border:1px solid rgba(255,64,90,.24);border-radius:9px;background:#0a0a0eb3;color:#e6d3d6;text-align:left;cursor:pointer}.design-preset-card:hover{border-color:#ff5c749e}.design-preset-card.is-active{border-color:#ff4a61;box-shadow:0 0 0 1px #ff4a6159,0 0 18px #ff203c29}.design-preset-card strong{font-size:11px;font-weight:700;letter-spacing:.02em}.design-preset-card>span:last-child{font-size:9px;line-height:1.4;color:#a78f95}.design-preset-preview{position:relative;display:flex;align-items:stretch;justify-content:center;height:150px;container-type:size;overflow:hidden;border-radius:5px;background:radial-gradient(circle at 50% 38%,#2a060c,#0a0406 72%);color:var(--frame-color, #ff2f4a)}.design-preset-canvas{position:relative;display:block;height:100%}.design-preset-canvas .nx-art{position:absolute;top:0;right:0;bottom:0;left:0}.design-preset-text{position:absolute;transform:translate(-50%,-50%);line-height:1;white-space:nowrap;text-transform:uppercase;pointer-events:none}.nx-art{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden}.nx-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.nx-shape{stroke:none}.nx-lines path{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;opacity:.94;filter:drop-shadow(0 0 2px currentColor)}.nx-lines .nx-accent{opacity:1;filter:brightness(1.45) drop-shadow(0 0 4px currentColor)}.nx-lines .nx-dim{opacity:.5;filter:drop-shadow(0 0 1px currentColor)}.nx-contours path{fill:none;stroke:currentColor;opacity:calc(.3 * var(--frame-intensity, 1));stroke-linecap:square}.nx-flow path{fill:none;stroke:#fff4d0;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2 18;stroke-dashoffset:0;opacity:0;filter:drop-shadow(0 0 5px currentColor)}.nx-spd-infernal .nx-shapes .nx-strip{fill:#1b0c044d}.nx-spd-infernal .nx-ember-bed{fill:#29110475}.nx-spd-infernal .nx-ember{fill:#ffe0a0;opacity:.42;filter:drop-shadow(0 0 2px #ff9c28) drop-shadow(0 0 5px currentColor)}.nx-spd-infernal .nx-ember:nth-child(3n){fill:#ff842c;opacity:.68}.nx-spd-infernal .nx-forge-shadow{stroke:#170d07;opacity:.96}.nx-spd-infernal .nx-forge-aura{stroke:currentColor;opacity:.7;filter:drop-shadow(0 0 3px currentColor) drop-shadow(0 0 9px currentColor)}.nx-spd-infernal .nx-lines path{stroke:#ffbd43;opacity:.98;filter:drop-shadow(0 0 2px #fff0af) drop-shadow(0 0 5px currentColor)}.nx-spd-infernal .nx-lines .nx-accent{stroke:#fff0b0;filter:drop-shadow(0 0 4px #ffcb54) drop-shadow(0 0 9px currentColor)}.nx-spd-infernal .nx-lines .nx-dim{stroke:#e98a28;opacity:.78}.nx-spd-infernal .nx-forge-highlight{stroke:#fff7d8;opacity:.76;mix-blend-mode:screen}.design-frame.is-animated .nx-spd-infernal .nx-ember{animation:nxEmberTwinkle 1.8s ease-in-out infinite alternate;animation-delay:calc(var(--ember-index) * -97ms)}@keyframes nxEmberTwinkle{0%{opacity:.18}to{opacity:.82}}.design-frame.is-animated .nx-flow path{opacity:calc(.8 * var(--frame-intensity, 1));animation:nxNeonFlow var(--frame-duration, 2.4s) linear infinite}@keyframes nxNeonFlow{to{stroke-dashoffset:-120}}.design-layer-clear{align-items:center;flex-wrap:wrap;margin:8px 0 4px}.design-layer-clear .tiny-text{flex-basis:100%;line-height:1.45}.design-tool-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px 12px 0}.design-tool-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 10px;border:1px solid rgba(108,137,157,.26);border-radius:8px;background:#0810178c;color:#a3bac5;font-size:12px;font-weight:700;cursor:pointer}.design-tool-tab:hover{border-color:#54d5c98c;color:#d8fbf5}.design-tool-tab.is-active{border-color:#4ed7c4;background:linear-gradient(180deg,#4ed7c42e,#4ed7c40f);color:#eafffb;box-shadow:0 0 0 1px #4ed7c457,0 0 18px #4ed7c424}.design-tool-tab span{color:#5fe0d0;font-size:13px}.design-target-note{display:grid;gap:3px;padding:8px 10px;border:1px solid rgba(84,213,201,.22);border-radius:8px;background:#205d5c29;color:#8fa8b4;font-size:10.5px;line-height:1.45}.design-target-note strong{color:#7fe7d9;font-size:11px}.design-target-size{margin:-2px 0 0}.design-frame-targets{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none}.design-frame-target{position:absolute;top:0;bottom:0;display:grid;place-items:center;padding:6px;border:1px dashed rgba(120,232,220,.38);background:#08141b14;color:#bff7ef;font-size:10px;font-weight:700;text-align:center;cursor:pointer;pointer-events:none;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.design-frame-target:hover{background:#4ed7c41f;border-color:#78e8dccc}.design-frame-target.is-selected{border:2px solid #5fe0d0;background:#4ed7c41a;box-shadow:inset 0 0 0 2px #060f148c,inset 0 0 26px #4ed7c42e}.design-frame-target>span{pointer-events:auto;cursor:pointer;display:grid;gap:2px;max-width:92%;padding:4px 7px;border-radius:5px;background:#040d12c7;box-shadow:0 2px 10px #00000061;overflow-wrap:anywhere}.design-frame-target small{color:#8fa8b4;font-size:9px;font-weight:500}.design-frame-slot.is-selected .design-frame{filter:drop-shadow(0 0 calc(9px * var(--frame-intensity, 1)) var(--frame-color, #4de1ff))}.design-frame-layer.is-interactive,.design-frame-layer.is-interactive .design-frame-slot.is-selected{pointer-events:auto;overflow:visible}.design-frame-transform-control{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;border:1px dashed rgba(93,240,222,.95);box-shadow:inset 0 0 0 1px #071117b3,0 0 8px #5df0de66;pointer-events:auto;cursor:move;touch-action:none}.design-frame-scale-handle{position:absolute;width:14px;height:14px;padding:0;border:2px solid #d8fff9;border-radius:50%;background:#14b9ad;box-shadow:0 0 0 2px #041217cc,0 0 10px #3cffe5cc;cursor:nwse-resize;touch-action:none}.design-frame-scale-handle.is-nw{left:0;top:0;transform:translate(-50%,-50%);cursor:nwse-resize}.design-frame-scale-handle.is-ne{right:0;top:0;transform:translate(50%,-50%);cursor:nesw-resize}.design-frame-scale-handle.is-sw{left:0;bottom:0;transform:translate(-50%,50%);cursor:nesw-resize}.design-frame-scale-handle.is-se{right:0;bottom:0;transform:translate(50%,50%);cursor:nwse-resize}.design-geometry-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.design-geometry-layer.is-drawing{pointer-events:auto}.design-geometry-item{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.design-geometry-shape{pointer-events:none}.design-geometry-layer.is-interactive .design-geometry-shape{pointer-events:auto;cursor:move;touch-action:none}.design-geometry-handle{fill:#effffc;stroke:#0aa89e;stroke-width:2;filter:drop-shadow(0 0 5px #5dffe6);pointer-events:none}.design-geometry-layer.is-interactive .design-geometry-handle{pointer-events:auto;cursor:grab}.design-geometry-layer.is-interactive .design-geometry-handle:active{cursor:grabbing}.design-geometry-bounds{fill:none;stroke:#7df8e7e6;stroke-width:1;stroke-dasharray:5 4;vector-effect:non-scaling-stroke;pointer-events:none}.design-geometry-rotate-stem{stroke:#7df8e7d9;stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:none}.design-geometry-layer.is-drawing{cursor:crosshair}.design-geometry-ink-preview{fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.design-geometry-swatch{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:17px;text-shadow:0 0 5px currentColor,0 0 10px currentColor}.design-geometry-add-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.design-geometry-add-grid .btn{display:flex;min-width:0;align-items:center;justify-content:flex-start;gap:7px;white-space:nowrap}.design-geometry-option-icon{display:inline-flex;width:20px;align-items:center;justify-content:center;color:#9ffbed;font-size:16px;line-height:1;text-shadow:0 0 6px currentColor}.design-game-icon-search{margin-top:14px;padding-top:12px;border-top:1px solid rgba(120,202,219,.14)}.design-icon-searchbox{display:flex;height:42px;align-items:center;gap:10px;padding:0 11px;border:1px solid rgba(90,216,211,.2);border-radius:11px;background:linear-gradient(135deg,#0f1f2bf5,#0a1621e6);box-shadow:inset 0 1px #ffffff09,0 5px 15px #0000001f;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.design-icon-searchbox:focus-within{border-color:#3ddfd3b8;background:#0b1c27fa;box-shadow:0 0 0 3px #26cbc21a,0 0 18px #26cbc214}.design-icon-searchbox-symbol{flex:0 0 17px;width:17px;height:17px;stroke:#56d8d1;stroke-width:1.8;stroke-linecap:round;opacity:.9}.design-icon-searchbox input{min-width:0;width:100%;height:100%;padding:0;border:0;outline:0;background:transparent;color:var(--text, #e8f1f5);font:inherit;font-size:12px;box-shadow:none}.design-icon-searchbox input::placeholder{color:#acc2cc94}.design-icon-searchbox input::-webkit-search-cancel-button{display:none}.design-icon-searchbox-clear{display:grid;flex:0 0 22px;width:22px;height:22px;place-items:center;border:1px solid rgba(141,177,188,.16);border-radius:7px;background:#ffffff0b;color:#a9c0c7;font-size:17px;line-height:1;cursor:pointer}.design-icon-searchbox-clear:hover{border-color:#48dcd366;color:#e9ffff}.design-icon-search-caption{display:flex;justify-content:space-between;margin:8px 2px 9px;color:#92aab5b8;font-size:9px;letter-spacing:.08em}.design-icon-search-caption span:last-child{color:#49dad2c7;letter-spacing:0}.design-license-details{margin-top:12px;padding:9px 10px;border:1px solid rgba(120,202,219,.14);border-radius:10px;background:#0a172175;color:#aebfc8;font-size:11px}.design-license-details summary{color:#8ca6b2;cursor:pointer;font-weight:600}.design-license-details[open] summary{margin-bottom:8px;color:#69ded6}.design-license-details p{margin:6px 0 10px;line-height:1.5}.design-license-search{height:34px;margin-bottom:8px}.design-license-list{display:grid;gap:4px;max-height:260px;overflow:auto;margin:0;padding:0 3px 0 0;list-style:none}.design-license-list li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr) auto;align-items:center;gap:8px;min-height:27px;padding:3px 6px;border-radius:6px;background:#ffffff06}.design-license-list li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-license-list li span:nth-child(2){color:#8ea8b5}.design-license-list a{color:#55d8d0;font-size:10px;text-decoration:none}.design-license-list a:hover{text-decoration:underline}.design-license-pagination{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:8px;color:#879eaa;font-size:10px}.design-game-icon-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:340px;overflow:auto;padding:2px 2px 8px}.design-game-icon-card{display:flex;min-width:0;flex-direction:column;align-items:center;gap:4px;padding:8px 5px;border:1px solid rgba(125,197,213,.16);border-radius:9px;background:#0c1924b8;color:var(--text, #e8f1f5);cursor:pointer;text-align:center}.design-game-icon-card:hover{border-color:#43e0d8a8;background:#143942b8}.design-game-icon-card img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 5px rgba(80,235,231,.35))}.design-game-icon-card span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.design-geometry-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.design-geometry-shortcuts .btn:last-child{grid-column:1 / -1}.design-geometry-color-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.design-geometry-color-presets button{display:flex;min-width:0;align-items:center;gap:7px;padding:6px 8px;border:1px solid rgba(117,185,195,.24);border-radius:8px;background:#0c1b24c2;color:#c5d8e2;font-size:10px;cursor:pointer}.design-geometry-color-presets button:hover,.design-geometry-color-presets button.is-active{border-color:var(--geometry-preset-color);box-shadow:0 0 9px color-mix(in srgb,var(--geometry-preset-color) 38%,transparent)}.design-geometry-color-presets button>span{width:13px;height:13px;flex:0 0 13px;border-radius:50%;background:var(--geometry-preset-color);box-shadow:0 0 7px var(--geometry-preset-color),0 0 13px var(--geometry-preset-color)}.design-diy-section{display:grid;gap:10px;margin-top:14px;padding:12px;border:1px solid rgba(81,211,204,.26);border-radius:12px;background:linear-gradient(145deg,#122a34b8,#08121ac2)}.design-diy-section>.design-panel-head{padding-bottom:8px;border-bottom:1px solid rgba(81,211,204,.16)}.design-diy-section>.design-panel-head strong{color:#77f5e4;font-size:12px;letter-spacing:.04em}.design-diy-controls{display:grid;gap:9px;padding-top:8px;border-top:1px solid rgba(81,211,204,.16)}.design-diy-controls input[type=color]{min-height:32px;padding:3px}.design-diy-controls input[type=range]{accent-color:#43ddcc}@media(max-width:600px){.design-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.design-template-grid{grid-template-columns:minmax(0,1fr)}.design-tab{font-size:10px;padding:6px 5px}.design-tab-count{display:none}.avatar-tools{gap:4px}.avatar-tool{padding:4px 6px;font-size:10px}.ws-topbar.ws-topbar-editor{grid-template-columns:minmax(0,1fr)}.ws-topbar-editor .studio-url,.ws-topbar-editor .ws-top-actions{grid-column:1}}@media(prefers-reduced-motion:reduce){.design-text,.design-text-fx,.design-frame,.design-frame *,.design-template-preview,.design-template-preview *{animation:none!important}}html[data-theme=day] :is(.design-panel,.design-panel-section,.design-tool-switch,.design-details,.design-layer-row,.design-game-icon-card,.design-diy-section,.design-license-details){background:#f8fbfc;color:#193440;border-color:#d0e0e5}html[data-theme=day] :is(.design-tool-tab,.design-panel .btn,.design-layer-row .icon-btn,.design-geometry-add-grid .btn,.design-geometry-color-presets button,.design-icon-searchbox-clear){background:#eef5f7;color:#315260;border-color:#cadde3}html[data-theme=day] :is(.design-tool-tab.is-active,.design-layer-row.is-active){background:linear-gradient(135deg,#d9f0ef,#dceefa);color:#176b78;border-color:#8bcac8}html[data-theme=day] .design-icon-searchbox{background:#fff;border-color:#c3dce2}html[data-theme=day] .design-icon-searchbox:focus-within{background:#fff;border-color:#48aaa9}html[data-theme=day] .design-icon-searchbox input{background:transparent;color:#193440}html[data-theme=day] .design-icon-searchbox input::placeholder{color:#8297a0}html[data-theme=day] .design-game-icon-card:hover{background:#e8f5f5;border-color:#83c9c7}html[data-theme=day] .design-geometry-option-icon,html[data-theme=day] .design-geometry-swatch{color:#258b98;text-shadow:0 0 5px rgba(37,139,152,.22)}html[data-theme=day] .design-panel :is(.design-layer-list,.design-grid-2,.design-grid-3,.design-details,.design-diy-controls,.design-geometry-add-grid,.design-geometry-color-presets,.design-game-icon-results,.design-license-details,.design-license-list li){background-color:#f7fbfc!important;color:#193440;border-color:#d5e3e8}html[data-theme=day] .design-panel :is(label,p,small,strong,legend,summary,.design-hint,.tiny-text,.field-label,.field-note,.design-layer-name,.design-layer-meta,.design-panel-head,span:not(.design-layer-swatch):not(.design-geometry-swatch):not(.design-geometry-option-icon)){color:#244351!important;opacity:1}html[data-theme=day] :is(.design-tool-tab.is-active,.design-layer-row.is-active,.design-game-icon-card:hover){background:linear-gradient(135deg,#fff0df,#ffe4ca)!important;color:#8f481c!important;border-color:#efa968!important}html[data-theme=day] .design-panel .btn.primary{background:linear-gradient(135deg,#f5a14e,#e98236)!important;color:#fff!important;border-color:#dc792d!important}html[data-theme=day] :is(.design-geometry-option-icon,.design-geometry-swatch,.design-panel-head .help-tip-trigger){color:#c76e2d!important;opacity:1}@media(min-width:1100px){.topbar{height:76px!important}}.topbar>.brand{position:relative;align-self:stretch;display:flex!important;align-items:center;gap:14px!important;margin-left:-20px;padding:0 30px 0 26px;background:radial-gradient(120px 60px at 52px 50%,rgba(200,30,40,.22),transparent 70%),repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 2px,transparent 2px 6px),linear-gradient(180deg,#0d0d0f,#050506);border-right:1px solid #1d1d20;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%)}.topbar>.brand:after{content:"";position:absolute;left:18px;right:30px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(160,160,170,.45) 20%,rgba(22,200,192,.7) 50%,rgba(160,160,170,.45) 80%,transparent);box-shadow:0 0 8px #16c8c073}.brand-emblem{position:relative;display:grid;place-items:center;width:58px;height:58px;flex:none}.brand-emblem:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:radial-gradient(circle,rgba(220,30,45,.35),transparent 68%);filter:blur(4px)}.topbar .brand-emblem .brand-logo{position:relative;width:58px!important;height:58px!important;filter:drop-shadow(0 0 6px rgba(220,35,50,.55)) drop-shadow(0 2px 4px rgba(0,0,0,.8))}.brand-text{display:grid;gap:3px;min-width:0}.brand-name{display:flex!important;align-items:baseline;font:800 21px/1.1 Inter,sans-serif!important;letter-spacing:-.2px;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:#fff!important;white-space:nowrap}.brand-name-a{color:#f4f4f5;text-shadow:0 1px 0 #000,0 0 12px rgba(255,255,255,.08);margin-right:6px}.brand-name-b{color:#e2232f;text-shadow:0 0 10px rgba(226,35,47,.45),0 1px 0 #000}.brand-sub{font:500 12.5px/1.2 Inter,sans-serif!important;color:#b9b9be!important;letter-spacing:.2px}.brand-name .brand-free{margin:0 0 0 10px;padding:2px 7px;border-radius:999px;border:1px solid rgba(22,200,192,.45);font-size:9.5px;letter-spacing:1.2px;align-self:center}@media(max-width:1100px){.topbar>.brand{margin-left:0;padding:0 12px;clip-path:none}.brand-name{font-size:17px!important}.brand-name .brand-free{display:none}}.ws-col-sources>.ws-settings-card{position:relative;border-radius:16px!important;border:1px solid #2a2a2e!important;background:linear-gradient(180deg,#0e0e10,#070708)!important;box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #000,0 14px 40px #0009!important}.ws-col-sources>.ws-settings-card:before,.ws-col-sources>.ws-settings-card:after{content:"";position:absolute;width:46px;height:46px;pointer-events:none;z-index:1}.ws-col-sources>.ws-settings-card:before{left:-1px;top:-1px;border-left:2px solid #c3202b;border-top:2px solid #c3202b;border-top-left-radius:16px;box-shadow:-2px -2px 10px -4px #e2232fb3}.ws-col-sources>.ws-settings-card:after{right:-1px;bottom:-1px;border-right:2px solid #c3202b;border-bottom:2px solid #c3202b;border-bottom-right-radius:16px;box-shadow:2px 2px 10px -4px #e2232fb3}.ws-settings-card>.ws-card-head{background:linear-gradient(180deg,#121214,#0b0b0c)!important;border-bottom:1px solid #222226!important;padding:12px 16px!important}.ws-card-gear{display:grid;place-items:center;width:22px;height:22px;color:#a9a9ae}.ws-card-gear svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.ws-settings-card .ws-card-title{font:700 16px/1 Inter,sans-serif;color:#f2f2f3;letter-spacing:.1px}.ws-settings-card .studio-tabs{gap:4px;padding:10px 12px 0;border-bottom:1px solid #1d1d21;background:#0a0a0b!important}.ws-settings-card .studio-tabs>button{height:34px;border-radius:8px 8px 0 0!important;border:1px solid transparent!important;background:transparent!important;color:#bdbdc2!important;font:600 12.5px Inter,sans-serif!important;box-shadow:none!important}.ws-settings-card .studio-tabs>button:hover{color:#fff!important}.ws-settings-card .studio-tabs>button.active{background:linear-gradient(180deg,#2a0e12,#170709)!important;border-color:#4a1a20!important;color:#fff!important;box-shadow:inset 0 -2px #e2232f,0 -4px 14px -6px #e2232f99!important}.ws-settings-card .studio-tab-body{padding:12px!important;display:flex;flex-direction:column;gap:12px}.ws-settings-card .studio-search{position:relative;display:flex;align-items:center;height:42px;flex:none;border-radius:12px!important;border:1px solid #2b2b30!important;background:linear-gradient(180deg,#0c0c0d,#111113)!important;box-shadow:inset 0 1px 2px #0009;padding:0 6px 0 12px}.ws-settings-card .studio-search:focus-within{border-color:#5a2a30!important;box-shadow:0 0 0 3px #e2232f1f}.studio-search-icon{display:grid;place-items:center;width:20px;color:#9c9ca2;font-size:0!important}.studio-search-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.ws-settings-card .studio-search input{flex:1;min-width:0;height:100%;background:transparent!important;border:0!important;color:#e8e8ea!important;font:500 13px Inter,sans-serif;padding:0 8px!important;outline:none;box-shadow:none!important}.studio-search-filter{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:8px;border:1px solid transparent;background:transparent;color:#a3a3a8;cursor:pointer}.studio-search-filter svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.studio-search-filter:hover,.studio-search-filter.is-on{color:#fff;border-color:#2f2f34;background:#161618}.ws-settings-card .bg-color-chips{display:flex;flex-wrap:wrap;gap:10px!important;padding:2px}.ws-settings-card .bg-color-chip{width:30px!important;height:30px!important;border-radius:50%!important;border:1px solid #2e2e33!important;background:#0c0c0d!important;display:grid;place-items:center;box-shadow:none!important;transition:box-shadow .15s,border-color .15s}.ws-settings-card .bg-color-chip .bg-color-dot{width:20px!important;height:20px!important;box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 -3px 6px #00000059}.ws-settings-card .bg-color-chip:hover{border-color:#55555c!important}.ws-settings-card .bg-color-chip.active{border-color:#fff!important;box-shadow:0 0 0 2px #e2232fe6,0 0 14px #e2232fb3!important}.ws-category-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:none}.ws-category{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;border:1px solid #26262b;background:linear-gradient(180deg,#121214,#0b0b0c);color:#cfcfd3;font:600 12.5px Inter,sans-serif;cursor:pointer;transition:border-color .15s,box-shadow .15s}.ws-category:hover{border-color:#3b3b41;color:#fff}.ws-category.is-active{color:#fff;border-color:#a01c26;background:linear-gradient(180deg,#4a0f15,#24070a);box-shadow:inset 0 1px #ffffff14,0 0 14px -2px #e2232fa6}.ws-settings-card .asset-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.ws-settings-card .asset-card{position:relative;display:grid;grid-template-rows:auto 1fr;gap:0;padding:5px!important;border-radius:10px!important;border:1px solid #26262b!important;background:linear-gradient(180deg,#121214,#0a0a0b)!important;box-shadow:inset 0 1px #ffffff0a;transition:border-color .15s,box-shadow .15s}.ws-settings-card .asset-card:hover{border-color:#5c2128!important;box-shadow:0 0 14px -4px #e2232f99}.ws-settings-card .asset-card.selected{border-color:#e2232f!important;box-shadow:0 0 0 1px #e2232f,0 0 16px -2px #e2232fbf!important}.ws-settings-card .asset-card .asset-thumb{border-radius:7px;overflow:hidden;aspect-ratio:16 / 9;background:#000}.ws-settings-card .asset-grid.square .asset-card .asset-thumb{aspect-ratio:1}.ws-settings-card .asset-card .asset-thumb img,.ws-settings-card .asset-card .asset-thumb video{width:100%;height:100%;object-fit:cover;display:block}.ws-settings-card .asset-grid.square .asset-card .asset-thumb img{object-fit:contain}.ws-settings-card .asset-label{padding:7px 4px 3px;font:500 11.5px/1.3 Inter,sans-serif!important;color:#dcdce0!important;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-fav{position:absolute;top:9px;right:9px;z-index:2;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#0000008c;color:#f1f1f1;cursor:pointer;opacity:.85;transition:color .15s,opacity .15s,transform .15s}.asset-fav svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}.asset-fav:hover{opacity:1;transform:scale(1.08)}.asset-fav.is-on{color:#ff3a46;opacity:1}.asset-fav.is-on svg{fill:currentColor}.ws-settings-card .bg-kind-seg{gap:6px;padding:3px;border-radius:10px;background:#0b0b0c;border:1px solid #222226;flex:none}.ws-settings-card .bg-kind-seg .chip{height:30px;border-radius:8px!important;border:0!important;background:transparent!important;color:#b9b9be!important;font-weight:600;box-shadow:none!important}.ws-settings-card .bg-kind-seg .chip.active{background:#1c1c1f!important;color:#fff!important;box-shadow:inset 0 0 0 1px #34343a!important}.ws-settings-card .studio-tabs{padding:10px 8px 0!important;gap:2px!important}.ws-settings-card .studio-tabs>button{padding:0 4px!important;font-size:11.5px!important;overflow:hidden;text-overflow:ellipsis}.ws-settings-card .bg-color-chips{gap:6px!important;flex-wrap:nowrap;justify-content:space-between}.ws-settings-card .bg-color-chip{width:27px!important;height:27px!important;flex:none}.ws-settings-card .bg-color-chip .bg-color-dot{width:18px!important;height:18px!important}.ws-settings-card .studio-tabs{grid-template-columns:auto auto 1fr auto!important}.ws-settings-card .studio-tabs>button{padding:0 8px!important;white-space:nowrap}.app-credit-name em{font-style:normal;color:#e2232f;text-shadow:0 0 8px rgba(226,35,47,.4)}html,body,#root{height:auto!important}#root{min-height:100vh}.app-shell{height:100vh!important;min-height:0!important}.app-credit{display:none!important}.site-footer-news{margin:0;padding-left:18px;display:grid;gap:8px}.topbar .brand-sub{font-size:13.5px!important;color:#c9c9ce!important}.topbar .brand-name{font-size:22px!important}@media(max-width:720px){.topbar .brand-name{font-size:17px!important}}.topbar .brand-sub{display:flex;align-items:center;gap:10px}.brand-free-neon{font:800 11px/1 Inter,sans-serif;letter-spacing:.8px;color:#5fffe9;padding:3px 8px;border:1px solid rgba(95,255,233,.7);border-radius:999px;text-shadow:0 0 6px rgba(95,255,233,.9),0 0 14px rgba(95,255,233,.5);box-shadow:0 0 8px #5fffe973,inset 0 0 6px #5fffe940;animation:brand-neon-flicker 3.2s infinite;white-space:nowrap}@keyframes brand-neon-flicker{0%,92%,to{opacity:1}93%{opacity:.55}95%{opacity:1}96%{opacity:.7}}@media(prefers-reduced-motion:reduce){.brand-free-neon{animation:none}}.topbar>.brand{clip-path:polygon(0 0,100% 0,calc(100% - 40px) 100%,0 100%)!important;border-right:0!important}.topbar>.brand:before{content:"";position:absolute;top:-10%;bottom:-10%;right:18px;width:3px;pointer-events:none;z-index:0;background:linear-gradient(180deg,#ff3c4633,#ff2b38 30%,#ff2b38 70%,#ff3c4633);box-shadow:0 0 10px 2px #e2232fbf,0 0 26px 6px #e2232f59;transform:skew(-27deg);transform-origin:top}.topbar>.brand>*{position:relative;z-index:1}.topbar>.brand:after{display:none}@media(min-width:1100px){.topbar>.brand{padding-right:70px!important}}.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:9px;font:600 14px/1 Inter,sans-serif;cursor:pointer;white-space:nowrap;transition:filter .15s,box-shadow .15s,border-color .15s}.sp-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sp-btn-primary{border:1px solid #ff4a55;background:linear-gradient(180deg,#e5313b,#a8121b);color:#fff;box-shadow:inset 0 1px #ffffff2e,0 0 16px -2px #e2232fbf}.sp-btn-primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:inset 0 1px #fff3,0 0 22px -2px #e2232ff2}.sp-btn-primary:disabled{opacity:.6;cursor:progress}.topbar .studio-url .btn.primary{height:36px!important;padding:0 18px!important;border-radius:999px!important;border:1px solid #ff4a55!important;background:linear-gradient(180deg,#e5313b,#a8121b)!important;color:#fff!important;font:600 13.5px/1 Inter,sans-serif!important;box-shadow:inset 0 1px #ffffff2e,0 0 14px -2px #e2232fb3!important}.topbar .studio-url .btn.primary:hover:not(:disabled){filter:brightness(1.08)}.topbar .studio-url .btn.primary:disabled{opacity:.55}.topbar .studio-url:focus-within{border-color:#5a2a30!important;box-shadow:0 0 0 3px #e2232f1f!important}.topbar-guide{height:38px!important;padding:0 14px!important;border-radius:9px!important;border:1px solid #34343a!important;background:linear-gradient(180deg,#1c1c20,#101012)!important;color:#ececef!important;box-shadow:inset 0 1px #ffffff12!important;font:600 13px/1 Inter,sans-serif!important}.topbar-guide svg{stroke:#e2232f!important}.topbar-guide:hover{border-color:#55555c!important}.language-switch{height:38px!important;padding:3px!important;gap:3px;border-radius:9px!important;border:1px solid #34343a!important;background:linear-gradient(180deg,#17171a,#0d0d0f)!important}.language-switch button{height:30px!important;min-width:36px;border:0!important;border-radius:6px!important;background:transparent!important;color:#b9b9be!important;font:700 12px/1 Inter,sans-serif!important;box-shadow:none!important}.language-switch button.active{background:linear-gradient(180deg,#e5313b,#a8121b)!important;color:#fff!important;box-shadow:0 0 10px -2px #e2232fcc!important}.modal-backdrop,.terms-backdrop,.ws-export-backdrop,.gif-dialog{background:#000000b8!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal,.terms-dialog,.ws-export-dialog{position:relative;border-radius:16px!important;border:1px solid #2a2a2e!important;color:#d6d6da;background:linear-gradient(180deg,#0f0f11,#070708)!important;box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #000,0 24px 70px #000000bf,0 0 40px -18px #e2232f99!important}.modal:before,.terms-dialog:before,.ws-export-dialog:before{content:"";position:absolute;left:-1px;top:-1px;width:52px;height:52px;border-left:2px solid #c3202b;border-top:2px solid #c3202b;border-top-left-radius:16px;pointer-events:none;box-shadow:-2px -2px 10px -4px #e2232fb3}.modal:after,.terms-dialog:after,.ws-export-dialog:after{content:"";position:absolute;right:-1px;bottom:-1px;width:52px;height:52px;border-right:2px solid #c3202b;border-bottom:2px solid #c3202b;border-bottom-right-radius:16px;pointer-events:none;box-shadow:2px 2px 10px -4px #e2232fb3}.modal-head,.ws-export-dialog-head{background:transparent!important;border-bottom:1px solid #222226!important}.modal-title,.modal h2,.terms-dialog h2,.ws-export-dialog h2{color:#f4f4f5!important;font-family:Inter,sans-serif;font-weight:800!important}.modal-foot{border-top:1px solid #222226!important;background:transparent!important}.modal .btn.primary,.terms-dialog .btn.primary,.ws-export-dialog .btn.primary{border:1px solid #ff4a55!important;background:linear-gradient(180deg,#e5313b,#a8121b)!important;color:#fff!important;border-radius:9px!important;box-shadow:inset 0 1px #ffffff2e,0 0 14px -2px #e2232fb3!important}.modal .btn:not(.primary),.ws-export-dialog .btn:not(.primary){border:1px solid #34343a!important;background:linear-gradient(180deg,#1c1c20,#101012)!important;color:#ececef!important;border-radius:9px!important}.modal .icon-btn,.ws-export-dialog .icon-btn{border-radius:8px!important;border:1px solid #2c2c31!important;background:#121214!important;color:#c9c9ce!important}.modal .notice{border-radius:10px;border-color:#3a1a1e!important;background:#e2232f14!important;color:#e8c9cb!important}.fb-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:16px;overflow:auto}.fb-dialog{position:relative;width:min(1180px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:26px 28px 28px;border-radius:18px;border:1px solid #2a2a2e;background:radial-gradient(900px 300px at 90% 0%,rgba(226,35,47,.07),transparent 60%),linear-gradient(180deg,#0f0f11,#060607);color:#d6d6da;font-family:Inter,sans-serif;box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #000,0 30px 80px #000c,0 0 50px -20px #e2232fb3}.fb-dialog:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;pointer-events:none;border-top:2px solid rgba(226,35,47,.65);border-bottom:2px solid rgba(226,35,47,.35)}.fb-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:9px;border:1px solid #2c2c31;background:#121214;color:#c9c9ce;cursor:pointer}.fb-close:hover{color:#fff;border-color:#55555c}.fb-head{display:flex;align-items:center;gap:18px;margin-bottom:22px;padding-right:40px}.fb-head-icon{display:grid;place-items:center;width:56px;height:56px;flex:none;color:#e2232f;filter:drop-shadow(0 0 8px rgba(226,35,47,.6))}.fb-head-icon svg{width:46px;height:46px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.fb-head h2{margin:0 0 6px;font:800 28px/1.15 Inter,sans-serif;color:#f4f4f5}.fb-head h2 em{font-style:normal;color:#e2232f;text-shadow:0 0 12px rgba(226,35,47,.45)}.fb-head p{margin:0;color:#c9c9ce;font-size:14px}.fb-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start}.fb-form{display:grid;gap:14px;padding:16px;border-radius:14px;border:1px solid #1f1f23;background:#00000059}.fb-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:4px;border-radius:12px;border:1px solid #232327;background:#0b0b0c}.fb-tab{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;border:0;border-radius:9px;background:transparent;color:#d8d8dc;font:600 14.5px Inter,sans-serif;cursor:pointer}.fb-tab+.fb-tab{box-shadow:-1px 0 #232327}.fb-tab svg,.fb-label svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.fb-tab.is-active{color:#fff;background:linear-gradient(180deg,#c3202b,#6e0c12);box-shadow:inset 0 1px #ffffff26,0 0 16px -2px #e2232fcc}.fb-field{position:relative;display:grid;gap:7px}.fb-label{display:flex;align-items:center;gap:10px;color:#ececef;font:600 14px Inter,sans-serif}.fb-label i{color:#e2232f;font-style:normal}.fb-label small{color:#8f8f96;font-weight:400}.fb-field select,.fb-field input,.fb-field textarea{width:100%;margin-left:29px;width:calc(100% - 29px);padding:10px 12px;border-radius:9px;border:1px solid #2b2b30;background:#0e0e10;color:#ececef;font:400 13.5px/1.45 Inter,sans-serif;outline:none;box-sizing:border-box}.fb-field select{height:40px;padding:0 12px}.fb-field textarea{resize:vertical;min-height:96px}.fb-field select:focus,.fb-field input:focus,.fb-field textarea:focus{border-color:#6a2830;box-shadow:0 0 0 3px #e2232f24}.fb-count{justify-self:end;color:#77777e;font-size:11.5px}.fb-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.fb-drop{margin-left:29px;display:grid;justify-items:center;gap:6px;padding:18px;border-radius:10px;border:1px dashed #3a3a40;background:#0b0b0d;color:#d8d8dc;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.fb-drop svg{width:26px;height:26px;fill:none;stroke:#e2232f;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(226,35,47,.5))}.fb-drop small{color:#8f8f96}.fb-drop:hover,.fb-drop.is-over{border-color:#b3202a;background:#e2232f0d}.fb-file{display:inline-flex;align-items:center;gap:10px;font-size:13px}.fb-file img{width:54px;height:34px;object-fit:cover;border-radius:5px;border:1px solid #2b2b30}.fb-file button{border:1px solid #34343a;border-radius:7px;background:#141416;color:#ddd;padding:4px 10px;cursor:pointer}.fb-error{padding:9px 12px;border-radius:9px;border:1px solid #5a1a20;background:#e2232f1a;color:#ffb4b9;font-size:13px}.fb-actions{display:flex;justify-content:flex-end}.fb-actions .sp-btn{min-width:210px;height:46px;font-size:15px}.fb-side{display:grid;gap:16px}.fb-card{position:relative;padding:16px 18px;border-radius:14px;border:1px solid #5a1a20;background:linear-gradient(180deg,#110809,#080405);box-shadow:inset 0 0 0 1px #e2232f1f,0 0 18px -8px #e2232fcc}.fb-card h3{display:flex;align-items:center;gap:10px;margin:0 0 12px;font:700 17px Inter,sans-serif;color:#f4f4f5}.fb-card svg{width:26px;height:26px;flex:none;fill:none;stroke:#e2232f;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.fb-card ol{margin:0;padding:0;list-style:none;counter-reset:fb;display:grid;gap:10px}.fb-card li{position:relative;padding-left:34px;color:#d6d6da;font-size:13.5px;line-height:22px;counter-increment:fb}.fb-card li:before{content:counter(fb);position:absolute;left:0;top:0;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#e5313b,#8e0f17);color:#fff;font:700 11.5px/1 Inter,sans-serif;box-shadow:0 0 8px #e2232f99}.fb-card-row{display:flex;align-items:center;gap:14px}.fb-card-row svg{width:34px;height:34px}.fb-card-row h3{margin:0 0 4px}.fb-card-row p{margin:0;color:#c9c9ce;font-size:13.5px}.fb-card-time h3{flex:1;margin:0}.fb-pill{padding:7px 14px;border-radius:999px;border:1px solid rgba(22,200,192,.7);color:#7ff3e8;font:700 14px Inter,sans-serif;background:#16c8c014;box-shadow:0 0 12px -3px #16c8c0cc;white-space:nowrap}.fb-sent{display:grid;justify-items:center;gap:10px;padding:40px 16px 20px;text-align:center}.fb-sent svg{width:56px;height:56px;fill:none;stroke:#e2232f;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px rgba(226,35,47,.6))}.fb-sent h3{margin:0;font:800 22px Inter,sans-serif;color:#fff}.fb-sent p{margin:0 0 8px;color:#c9c9ce}@media(max-width:900px){.fb-grid{grid-template-columns:1fr}.fb-head h2{font-size:22px}.fb-dialog{padding:20px 16px}.fb-tab{font-size:12.5px;gap:6px}.fb-field select,.fb-field input,.fb-field textarea,.fb-drop{margin-left:0;width:100%}}.modal .guide-steps>li,.modal .howto-step{border-color:#232327!important;background:linear-gradient(180deg,#121214,#0a0a0b)!important;border-radius:10px!important}.modal .guide-step-num,.modal .howto-step-icon,.modal .howto-start-mark{border:0!important;background:linear-gradient(180deg,#e5313b,#8e0f17)!important;color:#fff!important;box-shadow:0 0 8px #e2232f99!important}.modal .guide-code-block{border-radius:10px;border:1px solid #2b2b30!important;background:#0b0b0d!important}.modal .howto-title-icon{color:#e2232f!important}.legal-backdrop{z-index:1200}.terms-dialog.legal-dialog{width:min(920px,calc(100vw - 32px));max-height:calc(100vh - 48px);display:flex;flex-direction:column;padding:0;overflow:hidden}.legal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px 12px}.legal-head h2{margin:0;font-size:22px}.legal-close{background:none;border:0;color:#b9b9c0;font-size:28px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:8px}.legal-close:hover{color:#fff;background:#ffffff0f}.legal-tabs{display:flex;gap:6px;padding:0 24px 12px;overflow-x:auto;border-bottom:1px solid rgba(255,255,255,.08);scrollbar-width:thin}.legal-tabs button{flex:none;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#c9c9d0;border-radius:999px;padding:7px 14px;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}.legal-tabs button:hover{border-color:#e2232f99;color:#fff}.legal-tabs button.active{background:linear-gradient(180deg,#d6252f,#9e1820);border-color:#e2232f;color:#fff}.legal-body{overflow-y:auto;padding:8px 24px 28px;color:#d4d4da;font-size:14.5px;line-height:1.65}.legal-body h3{color:#fff;font-size:16px;margin:22px 0 8px}.legal-body p{margin:0 0 10px}.legal-body ul,.legal-body ol{margin:0 0 12px;padding-left:22px}.legal-body ul.legal-letters{list-style:none;padding-left:4px}.legal-body li{margin:3px 0}.legal-body a{color:#ff5a63}.legal-body code{background:#ffffff12;padding:1px 6px;border-radius:5px;font-size:12.5px}.legal-table{overflow-x:auto;margin:6px 0 14px;border:1px solid rgba(255,255,255,.1);border-radius:10px}.legal-table table{width:100%;border-collapse:collapse;font-size:13.5px}.legal-table th,.legal-table td{text-align:left;vertical-align:top;padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.07)}.legal-table th{background:#ffffff0a;color:#fff;font-weight:600}.legal-table tr:last-child td{border-bottom:0}.fb-privacy{margin:4px 0 10px;font-size:12.5px;line-height:1.5;color:#9d9da6}.fb-privacy a{color:#ff5a63}@media(max-width:640px){.terms-dialog.legal-dialog{width:100vw;max-height:100dvh;height:100dvh;border-radius:0}.legal-head,.legal-tabs,.legal-body{padding-left:16px;padding-right:16px}.legal-table table{min-width:520px}}.legal-tabs{flex-wrap:wrap;overflow:visible}.legal-tabs button{height:auto!important;min-height:34px!important;line-height:1.2!important;padding:8px 14px!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important;font-size:13px!important}@media(max-width:640px){.legal-tabs{flex-wrap:nowrap;overflow-x:auto}}html[data-theme=light]{color-scheme:light;--l-bg: #eef0f4;--l-surface: #ffffff;--l-surface-2: #f5f6f9;--l-line: #dcdfe6;--l-text: #1b1c22;--l-muted: #5f6370;--l-red: #d61f2c}html[data-theme=light] body,html[data-theme=light] .app-shell,html[data-theme=light] .app-main{background:var(--l-bg)!important;color:var(--l-text)!important}html[data-theme=light] .topbar{background:linear-gradient(180deg,#fff,#f3f4f7)!important;border-bottom:1px solid var(--l-line)!important;box-shadow:0 2px 14px #14161e14!important}html[data-theme=light] .topbar>.brand{background:linear-gradient(180deg,#fff,#f1f2f5)!important}html[data-theme=light] .brand-name-a{color:var(--l-text)!important;text-shadow:none!important}html[data-theme=light] .brand-name-b{color:var(--l-red)!important;text-shadow:none!important}html[data-theme=light] .brand-sub{color:var(--l-muted)!important}html[data-theme=light] .brand-free-neon{color:#0a9e8c;border-color:#0a9e8c99;text-shadow:0 0 6px rgba(10,158,140,.35);box-shadow:0 0 8px #0a9e8c40}html[data-theme=light] .studio-url{background:var(--l-surface-2)!important;border-color:var(--l-line)!important;box-shadow:none!important}html[data-theme=light] .studio-url input{color:var(--l-text)!important;background:transparent!important}html[data-theme=light] .studio-url input::placeholder{color:#8a8f9c!important}html[data-theme=light] .btn.topbar-guide,html[data-theme=light] .language-switch,html[data-theme=light] .theme-toggle{background:var(--l-surface)!important;border-color:var(--l-line)!important;color:var(--l-text)!important;box-shadow:none!important}html[data-theme=light] .language-switch button{color:var(--l-muted)!important}html[data-theme=light] .language-switch button.active{color:#fff!important}html[data-theme=light] .ws-col-sources,html[data-theme=light] .ws-card,html[data-theme=light] .ws-card-body,html[data-theme=light] .studio-tab-body{background:var(--l-surface)!important;color:var(--l-text)!important;border-color:var(--l-line)!important;box-shadow:0 4px 18px #14161e0f!important}html[data-theme=light] .ws-card-head,html[data-theme=light] .ws-card-title{color:var(--l-text)!important;background:transparent!important}html[data-theme=light] .studio-tabs{background:var(--l-surface-2)!important;border-color:var(--l-line)!important}html[data-theme=light] .studio-tab{color:var(--l-muted)!important;background:transparent!important}html[data-theme=light] .studio-tab.active{color:var(--l-text)!important;background:var(--l-surface)!important;box-shadow:inset 0 -2px 0 var(--l-red)!important}html[data-theme=light] .ws-seg,html[data-theme=light] .studio-search,html[data-theme=light] .ws-category{background:var(--l-surface-2)!important;border-color:var(--l-line)!important;color:var(--l-text)!important}html[data-theme=light] .ws-seg .chip{color:var(--l-muted)!important;background:transparent!important}html[data-theme=light] .ws-seg .chip.active{color:var(--l-text)!important;background:var(--l-surface)!important;box-shadow:0 1px 4px #00000014!important}html[data-theme=light] .studio-search input{color:var(--l-text)!important;background:transparent!important}html[data-theme=light] .studio-search-filter{background:var(--l-surface)!important;border-color:var(--l-line)!important;color:var(--l-text)!important}html[data-theme=light] .ws-category.is-active{color:#fff!important;background:var(--l-red)!important;border-color:var(--l-red)!important}html[data-theme=light] .asset-card{background:var(--l-surface)!important;border-color:var(--l-line)!important;color:var(--l-text)!important}html[data-theme=light] .asset-card.selected{border-color:var(--l-red)!important;box-shadow:0 0 0 2px #d61f2c40!important}html[data-theme=light] .asset-card *{color:var(--l-text)}html[data-theme=light] .ws-col-sources .muted,html[data-theme=light] .ws-col-sources .muted-2,html[data-theme=light] .ws-col-sources .tiny-text,html[data-theme=light] .ws-col-sources .field-label{color:var(--l-muted)!important}html[data-theme=light] .ws-col-sources input,html[data-theme=light] .ws-col-sources select,html[data-theme=light] .ws-col-sources textarea{background:var(--l-surface-2)!important;color:var(--l-text)!important;border-color:var(--l-line)!important}html[data-theme=light] .ws-col-sources h2,html[data-theme=light] .ws-col-sources h3,html[data-theme=light] .ws-col-sources h4,html[data-theme=light] .ws-col-sources label,html[data-theme=light] .ws-col-sources strong{color:var(--l-text)!important}html[data-theme=light] .btn.tiny,html[data-theme=light] .icon-btn{background:var(--l-surface-2)!important;color:var(--l-text)!important;border-color:var(--l-line)!important}html[data-theme=light] .modal,html[data-theme=light] .terms-dialog,html[data-theme=light] .ws-export-dialog,html[data-theme=light] .fb-dialog{background:var(--l-surface)!important;color:var(--l-text)!important;border-color:var(--l-line)!important}html[data-theme=light] .modal-backdrop,html[data-theme=light] .terms-backdrop,html[data-theme=light] .ws-export-backdrop{background:#1e202873!important}html[data-theme=light] .terms-dialog h2,html[data-theme=light] .legal-body h3,html[data-theme=light] .legal-table th{color:var(--l-text)!important}html[data-theme=light] .legal-body{color:#33353d!important}html[data-theme=light] .legal-tabs{border-bottom-color:var(--l-line)!important}html[data-theme=light] .legal-tabs button{background:var(--l-surface-2)!important;color:var(--l-muted)!important;border-color:var(--l-line)!important}html[data-theme=light] .legal-tabs button.active{background:var(--l-red)!important;color:#fff!important;border-color:var(--l-red)!important}html[data-theme=light] .legal-table{border-color:var(--l-line)!important}html[data-theme=light] .legal-table th{background:var(--l-surface-2)!important}html[data-theme=light] .legal-table th,html[data-theme=light] .legal-table td{border-bottom-color:var(--l-line)!important}html[data-theme=light] .legal-close{color:var(--l-muted)!important}html[data-theme=light] .fb-dialog input,html[data-theme=light] .fb-dialog textarea,html[data-theme=light] .fb-dialog select{background:var(--l-surface-2)!important;color:var(--l-text)!important;border-color:var(--l-line)!important}html[data-theme=light] .fb-dialog *{--fb-text: var(--l-text)}.theme-toggle{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid #2a2a2e;background:#111114;color:#f2f2f4;cursor:pointer;flex:none;transition:border-color .15s,background .15s}.theme-toggle:hover{border-color:#e2232f}.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}html[data-theme=light] .asset-label{color:var(--l-text)!important;text-shadow:none!important}html[data-theme=light] .asset-card{box-shadow:0 1px 4px #14161e0f!important}html[data-theme=light] .design-tool-tab,html[data-theme=light] .showcase-text-preset{background:var(--l-surface-2)!important;color:var(--l-text)!important;border-color:var(--l-line)!important}html[data-theme=light] .design-tool-tab.is-active,html[data-theme=light] .showcase-text-preset.is-active{background:var(--l-red)!important;color:#fff!important;border-color:var(--l-red)!important}html[data-theme=light] .ws-col-sources .value{color:var(--l-text)!important}