@font-face{font-family:DSEG7 Classic;src:url(/assets/DSEG7Classic-Regular-B9amPoxd.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--clock-col-w:clamp(170px, 17vw, 240px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-color:#1c221f;--bg-image:none;--bg-blend:normal;--bg-size:auto;--bg-repeat:repeat;--bg-position:top left;--bg-attachment:fixed;--surface-color:#19171c;--surface-image:none;--surface-blend:normal;--surface-translucent:color-mix(in srgb, var(--surface-color) var(--panel-opacity-pct), transparent);--navbar-color:#1e212b;--navbar-image:none;--navbar-blend:normal;--text-heading:#64966e;--text-primary:silver;--text-muted:#606060;--text-faint:color-mix(in srgb, var(--text-muted) 72%, var(--surface-color));--accent:#8af09e;--accent-text:color-mix(in srgb, var(--accent), white 30%);--accent-on:#101010;--accent-bg:color-mix(in srgb, var(--accent) 10%, transparent);--accent-bg-hover:color-mix(in srgb, var(--accent) 18%, transparent);--accent-hover:color-mix(in srgb, var(--accent) 85%, var(--text-heading));--accent-border:color-mix(in srgb, var(--accent) 30%, transparent);--accent-border-hover:color-mix(in srgb, var(--accent) 50%, transparent);--accent-row:color-mix(in srgb, var(--accent) 15%, transparent);--border-tint:#3a503f;--border-strength:55%;--border-strong-strength:80%;--border:color-mix(in srgb, var(--border-tint) var(--border-strength), transparent);--border-strong:color-mix(in srgb, var(--border-tint) var(--border-strong-strength), transparent);--overlap-border-color:var(--border);--overlap-border-width:var(--panel-border-width);--sunken-depth:16%;--surface-sunken:color-mix(in srgb, #000 var(--sunken-depth), var(--surface-color));--sunken-shadow:inset 0 1px 2px #00000040;--hover-bg:color-mix(in srgb, var(--text-primary) 6%, transparent);--hover-bg-strong:color-mix(in srgb, var(--text-primary) 10%, transparent);--danger:#92495c;--danger-bg:color-mix(in srgb, var(--danger) 15%, transparent);--danger-bg-hover:color-mix(in srgb, var(--danger) 28%, transparent);--danger-border:color-mix(in srgb, var(--danger) 50%, transparent);--danger-hover:color-mix(in srgb, var(--danger) 85%, var(--text-heading));--danger-on:#fff;--page-max-width:1400px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--editor-chrome-vh:calc(182px + var(--cs-thumb-h));--boards-chrome-vh:var(--editor-chrome-vh);--boards-chrome-w:428px;--play-chrome-vh:106px;--play-chrome-w:588px;--panel-radius:8px;--panel-radius-sm:min(var(--panel-radius), 9px);--panel-shadow:0 2px 8px #0006;--panel-border-width:0px;--cutout-rim:16px;--panel-opacity-pct:100%;--panel-blur:0px;--navbar-opacity-pct:100%;--navbar-blur:0px;--navbar-shadow:0 2px 8px #0006;--navbar-border-width:0px;--nav-pill-ring:var(--border);--panel-highlight:0 0 #0000;--panel-lift:none;--page-wash:none;--page-grain:none;--navbar-border-image:none;--ui-font:"JetBrains Mono", "Courier New", monospace;--ui-transition:.15s;--board-size:min(80vh, calc(100vw - 244px))}body{font-family:var(--ui-font);background-color:var(--bg-color);background-image:var(--bg-image);background-blend-mode:var(--bg-blend);background-size:var(--bg-size);background-repeat:var(--bg-repeat);background-position:var(--bg-position);background-attachment:var(--bg-attachment);margin:0}#root{text-align:center;box-sizing:border-box;flex-direction:column;max-width:100%;height:100svh;margin:0 auto;display:flex}#root:before{content:"";z-index:-1;pointer-events:none;background-image:var(--page-grain), var(--page-wash);position:fixed;inset:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:not(:disabled):active{transform:translateY(1px)}.theme-transition,.theme-transition *,.theme-transition :before,.theme-transition :after{transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,fill .2s!important}html{cursor:var(--ui-cursor-default,auto);overscroll-behavior:none;overflow-y:scroll}[data-cursor-pointer] :where(a,button,label,summary,select,[role=button],.card,input[type=checkbox],input[type=radio],input[type=range],input[type=color],input[type=file],html:not([data-cg-dragging]) .cg-wrap.manipulable cg-board,.btn-ghost,.bv2-save-btn,.bv2-seg-btn,.bv2-select,.bv2-slider,.bv2-slider-reset,.bv2-tab,.bv2-texture-cell,.cf-color-swatch,.checkbox-label input,.choice-btn,.ckv2-design-chip,.ckv2-save-btn,.effects-save-btn,.fx-preview,.fx-slider,.lib-pill,.nav-vc-action,.navv2-edit-btn,.panel-reset-btn,.piece-hue-variety,.piece-hue-variety input,.piece-save-btn,.piece-seg-btn,.piece-slider,.piece-slider-reset,.piece-tab,.pill-btn,.play-lichess-btn,.promotion-square,.seg-btn,.snd-lib-name,.snd-save-btn,.snd-thumb-upload,.snd-upload-btn,.sounds-clip-remove,.tab-btn,.tv2-border-cell,.tv2-file-btn,.tv2-image-remove,.tv2-pick,.tv2-radius-cell,.tv2-save-btn,.tv2-seg-btn,.tv2-select,.tv2-shadow-cell,.tv2-slider,.tv2-style-card,.tv2-tab,.tv2-texture-cell,.tv2-toggle-label,.tv2-toggle-label input[type=checkbox],.tv2-toggle-pill):not(:disabled){cursor:var(--ui-cursor-pointer,pointer)!important}[data-cursor-pressed] :where(a,button,label,summary,select,[role=button],.card,input[type=checkbox],input[type=radio],input[type=range],input[type=color],input[type=file],html:not([data-cg-dragging]) .cg-wrap.manipulable cg-board,.btn-ghost,.bv2-save-btn,.bv2-seg-btn,.bv2-select,.bv2-slider,.bv2-slider-reset,.bv2-tab,.bv2-texture-cell,.cf-color-swatch,.checkbox-label input,.choice-btn,.ckv2-design-chip,.ckv2-save-btn,.effects-save-btn,.fx-preview,.fx-slider,.lib-pill,.nav-vc-action,.navv2-edit-btn,.panel-reset-btn,.piece-hue-variety,.piece-hue-variety input,.piece-save-btn,.piece-seg-btn,.piece-slider,.piece-slider-reset,.piece-tab,.pill-btn,.play-lichess-btn,.promotion-square,.seg-btn,.snd-lib-name,.snd-save-btn,.snd-thumb-upload,.snd-upload-btn,.sounds-clip-remove,.tab-btn,.tv2-border-cell,.tv2-file-btn,.tv2-image-remove,.tv2-pick,.tv2-radius-cell,.tv2-save-btn,.tv2-seg-btn,.tv2-select,.tv2-shadow-cell,.tv2-slider,.tv2-style-card,.tv2-tab,.tv2-texture-cell,.tv2-toggle-label,.tv2-toggle-label input[type=checkbox],.tv2-toggle-pill):active:not(:disabled){cursor:var(--ui-cursor-pressed,pointer)!important}[data-cursor-grab] :where(.cs-outer.cs-can-drag,.snd-lib-row){cursor:var(--ui-cursor-grab,grab)!important}[data-cursor-grabbing] :where(.cs-outer.cs-can-drag:active,.snd-lib-row:active,html[data-cg-dragging] .cg-wrap.manipulable cg-board){cursor:var(--ui-cursor-grabbing,grabbing)!important}[data-cursor-disabled] :where(button,input,select,textarea):disabled,[data-cursor-disabled] :where(.piece-slot.disabled){cursor:var(--ui-cursor-disabled,not-allowed)!important}[data-cursor-text] :where(textarea,input:not([type]),input[type=text],input[type=search],input[type=email],input[type=url],input[type=tel],input[type=number],input[type=password]):not(:disabled){cursor:var(--ui-cursor-text,text)!important}[data-clock],[data-clock] :not(button){cursor:inherit!important}.page-wrap{width:100%;max-width:var(--page-max-width);box-sizing:border-box;flex:1 0 auto;margin:0 auto;padding-inline:24px}.page-wrap:has(>.play-root){max-width:none}.page-wrap:has(>.home-page){flex-direction:column;flex:auto;max-width:none;min-height:0;display:flex;overflow-y:auto}.page-wrap:has(>.home-page)>.home-page{flex:1 0 auto}.card{background-color:var(--surface-translucent);background-image:var(--panel-lift), var(--surface-image);background-blend-mode:var(--surface-blend);-webkit-backdrop-filter:blur(var(--panel-blur));border-radius:var(--panel-radius);box-shadow:var(--panel-highlight), var(--panel-shadow);border:var(--panel-border-width) solid var(--border)}a.card,button.card,.piece-slot>.card{transition:background-color var(--ui-transition), border-color var(--ui-transition), transform var(--ui-transition)}a.card:hover,button.card:hover:not(:disabled),.piece-slot:not(.disabled):hover>.card{background-color:var(--accent-bg);border-color:var(--border-strong);transform:translateY(-2px)}a.card.active:hover,button.card.active:hover:not(:disabled){background-color:var(--accent-bg-hover);border-color:var(--accent);transform:translateY(-2px)}.panel{scrollbar-width:none;background-color:var(--surface-translucent);background-image:var(--panel-lift), var(--surface-image);background-blend-mode:var(--surface-blend);min-width:220px;-webkit-backdrop-filter:blur(var(--panel-blur));border-radius:var(--panel-radius);box-shadow:var(--panel-highlight), var(--panel-shadow);border:var(--panel-border-width) solid var(--border);flex-direction:column;align-self:stretch;display:flex;overflow-y:auto}.panel-section{flex-direction:column;gap:14px;padding:20px;display:flex}.panel input[type=file]{display:none}.panel-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-heading);font-size:11px;font-weight:600}.error-message{color:var(--danger);font-size:13px}.tile-btn{font-variant-numeric:tabular-nums;color:var(--text-primary);cursor:pointer;flex:1;padding:13px 8px;font-family:inherit;font-size:15px;font-weight:600}.tile-btn:disabled{opacity:.4;cursor:not-allowed}.tile-link{justify-content:center;align-items:center;height:80px;text-decoration:none;display:flex}.tile-link-label{color:var(--text-muted);transition:color var(--ui-transition);font-size:13px;font-weight:500}.tile-link:hover .tile-link-label{color:var(--text-primary)}.tab-panel{overflow:hidden}.tab-bar{border-bottom:1px solid var(--border);display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;transition:color var(--ui-transition), background var(--ui-transition);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:16px 12px;font-family:inherit;font-size:14px;font-weight:500}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent-text);border-bottom-color:var(--accent)}.tab-panel-body{padding:28px}.seg-bar{border-radius:var(--panel-radius);border:1px solid var(--border);background:var(--surface-sunken);box-shadow:var(--sunken-shadow);display:flex;overflow:hidden}.seg-btn{border:none;border-right:1px solid var(--border);background:var(--hover-bg);color:var(--text-muted);cursor:pointer;transition:background var(--ui-transition), color var(--ui-transition);flex:1;padding:9px 4px;font-family:inherit;font-size:13px;font-weight:500}.seg-btn:last-child{border-right:none}.seg-btn:hover:not(:disabled){color:var(--text-primary)}.seg-btn.active{background:var(--accent-bg);color:var(--accent-text)}.seg-btn:disabled{opacity:.4;cursor:not-allowed}.choice-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px;display:grid}.choice-btn{font-variant-numeric:tabular-nums;background:var(--hover-bg);border:1px solid var(--border);border-radius:var(--panel-radius);color:var(--text-primary);cursor:pointer;transition:background var(--ui-transition), border-color var(--ui-transition);padding:11px 4px;font-family:inherit;font-size:14px;font-weight:500}.choice-btn.active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent-text)}.choice-btn:disabled{opacity:.4;cursor:not-allowed}.pill-bar{gap:4px;display:flex}.pill-btn{border:1px solid var(--border);border-radius:var(--panel-radius);background:var(--hover-bg);color:var(--text-muted);cursor:pointer;transition:background var(--ui-transition), border-color var(--ui-transition), color var(--ui-transition);align-items:center;gap:5px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:500;display:flex}.pill-btn:hover:not(:disabled){color:var(--text-primary)}.pill-btn.active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent-text)}.pill-btn:disabled{opacity:.4;cursor:not-allowed}.pill-icon{flex-shrink:0;align-items:center;width:14px;height:14px;display:flex}.pill-icon svg{width:14px;height:14px}.form-col{flex-direction:column;gap:20px;display:flex}.field-group{flex-direction:column;gap:8px;display:flex}.text-input{box-sizing:border-box;background:var(--surface-sunken);width:100%;box-shadow:var(--sunken-shadow);border:1px solid var(--border);border-radius:var(--panel-radius);color:var(--text-primary);transition:border-color var(--ui-transition);padding:9px 12px;font-family:inherit;font-size:13px}.text-input:focus{border-color:var(--accent-border-hover)}.text-input:disabled{opacity:.5}.scroll-panel,.bv2-tab-content,.ckv2-tab-content,.piece-tab-content,.tv2-tab-content,.snd-lib-list,.snd-content,.fx-lib-list,.ckv2-viewport{scrollbar-width:none;flex:1;min-height:0;overflow:hidden auto}.scroll-panel::-webkit-scrollbar{display:none}.bv2-tab-content::-webkit-scrollbar{display:none}.ckv2-tab-content::-webkit-scrollbar{display:none}.piece-tab-content::-webkit-scrollbar{display:none}.tv2-tab-content::-webkit-scrollbar{display:none}.snd-lib-list::-webkit-scrollbar{display:none}.snd-content::-webkit-scrollbar{display:none}.fx-lib-list::-webkit-scrollbar{display:none}.ckv2-viewport::-webkit-scrollbar{display:none}.tab-btn:hover:not(.active),.seg-btn:hover:not(.active):not(:disabled),.choice-btn:hover:not(.active):not(:disabled),.pill-btn:hover:not(.active):not(:disabled),.bv2-tab:hover:not(.active),.bv2-seg-btn:hover:not(.active),.piece-tab:hover:not(.active),.piece-seg-btn:hover:not(.active),.tv2-tab:hover:not(.active),.tv2-seg-btn:hover:not(.active),.tv2-style-card:hover:not(.active),.ckv2-design-chip:hover:not(.active),.play-lichess-btn:hover:not(.active),.lib-pill:hover:not(.active){background:var(--accent-bg)}.tab-btn.active:hover,.seg-btn.active:hover:not(:disabled),.choice-btn.active:hover:not(:disabled),.pill-btn.active:hover:not(:disabled),.bv2-tab.active:hover,.bv2-seg-btn.active:hover,.piece-tab.active:hover,.piece-seg-btn.active:hover,.tv2-tab.active:hover,.tv2-seg-btn.active:hover,.tv2-style-card.active:hover,.tv2-radius-cell.active:hover,.tv2-border-cell.active:hover,.ckv2-design-chip.active:hover,.fx-list-row.active:hover,.play-lichess-btn.active:hover{background:var(--accent-bg-hover);color:var(--accent-text)}.choice-btn.active:hover:not(:disabled),.pill-btn.active:hover:not(:disabled),.tv2-style-card.active:hover,.tv2-radius-cell.active:hover,.tv2-border-cell.active:hover,.tv2-shadow-cell.active:hover,.ckv2-design-chip.active:hover,.fx-list-row.active:hover,.play-lichess-btn.active:hover{border-color:var(--accent)}.lib-pill.active:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-on)}.lib-pills{overscroll-behavior-x:contain;scrollbar-width:none;flex-shrink:0;gap:4px;min-width:0;margin:10px 8px;display:flex;overflow-x:auto}.lib-pills::-webkit-scrollbar{display:none}.lib-pill{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:background var(--ui-transition), border-color var(--ui-transition), color var(--ui-transition);background:0 0;border-radius:20px;flex-shrink:0;padding:3px 10px;font-family:inherit;font-size:11px;font-weight:500}.lib-pill:hover{color:var(--text-primary);border-color:var(--border-strong)}.lib-pill.active{background:var(--accent);border-color:var(--accent);color:var(--accent-on)}.lib-pill--reset{opacity:.6}.lib-pill--reset:hover{opacity:1;background:var(--hover-bg)}.lib-pill--unused{border-style:dashed;margin-right:6px}.cs-card-del:hover,.sounds-clip-remove:hover,.piece-slider-reset:not(:disabled):hover,.bv2-slider-reset:not(:disabled):hover{transform:scale(1.35)}.ckv2-carousel-wrap,.ckv2-page,.piece-carousel-wrap,.piece-page,.snd-carousel-wrap,.snd-page,.effects-carousel-wrap,.effects-editor{width:var(--page-frame-width,880px);max-width:100%;margin:0 auto}.checkbox-label{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;font-size:13px;display:flex}.checkbox-label input{cursor:pointer;accent-color:var(--accent)}.btn-primary{border-radius:var(--panel-radius);background:var(--accent);color:var(--accent-on);cursor:pointer;transition:opacity var(--ui-transition);white-space:nowrap;border:none;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:500}.btn-primary:hover:not(:disabled){opacity:.85}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{border-radius:var(--panel-radius);color:var(--text-muted);cursor:pointer;transition:color var(--ui-transition), background var(--ui-transition);background:0 0;border:none;padding:7px 14px;font-family:inherit;font-size:13px}.btn-ghost:hover{color:var(--text-primary);background:var(--hover-bg)}.btn-block{text-align:center;width:100%}.status-row{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--panel-radius);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.pulsing-text{color:var(--accent-text);font-size:13px;font-style:italic;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.success-message{color:var(--accent-text);font-size:12px}.form-msg{min-height:17px}.switch{white-space:nowrap;color:var(--text-primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-family:inherit;font-size:13px;display:inline-flex}.switch:disabled{opacity:.4;cursor:not-allowed}.switch-pill{background:var(--hover-bg-strong);border:1px solid var(--border-strong);box-sizing:border-box;width:34px;height:20px;transition:background var(--ui-transition), border-color var(--ui-transition);border-radius:10px;flex-shrink:0;position:relative}.switch.on .switch-pill{background:var(--accent-bg-hover);border-color:var(--accent-border-hover)}.switch-knob{background:var(--text-muted);width:14px;height:14px;transition:transform var(--ui-transition), background var(--ui-transition);border-radius:50%;position:absolute;top:2px;left:2px}.switch.on .switch-knob{background:var(--accent-text);transform:translate(14px)}[data-bucket=glass] .navv2-edit-links--open .navv2-edit-links-pill{background:color-mix(in srgb, var(--text-primary) 10%, transparent)}[data-bucket=glass] .navv2-edit-btn--open{background:color-mix(in srgb, var(--accent) 18%, transparent)}[data-bucket=flush] .navbar-v2,[data-bucket=frost] .navbar-v2{background-image:none}[data-bucket=flush] .navv2-inner,[data-bucket=frost] .navv2-inner{padding-block:16px}[data-bucket=flush] .navv2-links a.active,[data-bucket=flush] .navv2-links .navv2-quick-btn.active,[data-bucket=flush] .navv2-links .navv2-edit-btn.active,[data-bucket=frost] .navv2-links a.active,[data-bucket=frost] .navv2-links .navv2-quick-btn.active,[data-bucket=frost] .navv2-links .navv2-edit-btn.active{background:0 0}[data-bucket=flush] .navv2-links a.active:hover,[data-bucket=flush] .navv2-links .navv2-quick-btn.active:hover,[data-bucket=flush] .navv2-links .navv2-edit-btn.active:hover,[data-bucket=frost] .navv2-links a.active:hover,[data-bucket=frost] .navv2-links .navv2-quick-btn.active:hover,[data-bucket=frost] .navv2-links .navv2-edit-btn.active:hover{background:var(--hover-bg)}[data-bucket=flush] .navv2-links .navv2-edit-links--open .navv2-edit-links-pill,[data-bucket=frost] .navv2-links .navv2-edit-links--open .navv2-edit-links-pill{background-color:var(--surface-translucent);-webkit-backdrop-filter:blur(var(--panel-blur));border-radius:var(--panel-radius-sm);border:1px solid var(--border-strong);box-shadow:var(--panel-shadow)}[data-bucket=terminal] .navbar-v2{background-image:none}[data-bucket=solid] .navbar-v2,[data-bucket=studio] .navbar-v2,[data-bucket=studio-glass] .navbar-v2{box-shadow:none;-webkit-backdrop-filter:none;background-color:#0000;background-image:none;border-bottom:none;border-image:;padding-block:10px;padding-inline:12px}[data-bucket=solid] .navv2-inner,[data-bucket=studio] .navv2-inner,[data-bucket=studio-glass] .navv2-inner{border-radius:var(--panel-radius);background-color:color-mix(in srgb, var(--navbar-color) var(--navbar-opacity-pct), transparent);background-image:var(--panel-lift), var(--navbar-image);background-blend-mode:var(--navbar-blend);box-shadow:var(--navbar-shadow), var(--panel-highlight);border:var(--navbar-border-width) solid var(--border)}[data-bucket=solid] .navv2-edit-links--open .navv2-edit-links-pill{background:color-mix(in srgb, var(--text-primary) 6%, var(--navbar-color))}[data-bucket=solid] .navv2-edit-btn--open{background:color-mix(in srgb, var(--accent) 10%, var(--navbar-color))}.nav-vc{z-index:120;padding:var(--cutout-rim,16px);box-sizing:border-box;--nav-vc-solid-pad:10px;flex-direction:column;align-items:center;gap:10px;max-height:min(80vh,680px);display:flex;position:fixed}.nav-vc--solid{padding:var(--nav-vc-solid-pad);background-color:var(--surface-translucent);background-image:var(--panel-lift), var(--surface-image);background-blend-mode:var(--surface-blend);-webkit-backdrop-filter:blur(var(--panel-blur));border:var(--panel-border-width) solid var(--border);border-radius:var(--panel-radius);box-shadow:var(--panel-highlight), var(--panel-shadow)}.nav-vc-bg{z-index:-1;pointer-events:none;position:fixed;inset:0}.nav-vc-inner{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:0 auto;align-items:center;gap:10px;width:100%;min-height:0;padding:4px;display:flex;overflow-y:auto}.nav-vc-inner::-webkit-scrollbar{display:none}.nav-vc-inner .card{cursor:pointer;width:104px;transition:border-color var(--ui-transition), background-color var(--ui-transition), box-shadow var(--ui-transition), transform var(--ui-transition);flex-direction:column;flex-shrink:0;align-items:center;gap:8px;padding:12px 10px;font-family:inherit;display:flex}.nav-vc-inner .card.active{border-color:var(--accent);background-color:var(--accent-bg);box-shadow:var(--panel-highlight), var(--panel-shadow), 0 0 0 1px var(--accent-border)}.nav-vc-inner .card.active .cs-card-name{color:var(--accent-text)}.nav-vc-divider{background:var(--border);opacity:.6;width:104px;height:1px}.nav-vc-empty{color:var(--text-muted);text-align:center;padding:10px;font-size:12px}.nav-vc-card-wrap{flex-shrink:0;display:flex;position:relative}.nav-vc-card-wrap:hover .cs-card-del,.nav-vc-card-wrap.is-confirming .cs-card-del{opacity:1}.nav-vc-footer{flex-direction:column;flex-shrink:0;gap:6px;width:104px;display:flex}.nav-vc-action{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--panel-radius-sm);width:100%;color:var(--text-muted);cursor:pointer;transition:color var(--ui-transition), border-color var(--ui-transition), background-color var(--ui-transition);background:0 0;padding:8px 6px;font-family:inherit;font-size:11px;font-weight:600}.nav-vc-action:hover:not(:disabled){color:var(--accent-text);border-color:var(--accent-border-hover);background-color:var(--hover-bg-strong)}.nav-vc-action:disabled{cursor:default;opacity:.5}.nav-vc-action--confirm{border-color:var(--accent-border);color:var(--accent-text)}.nav-vc-field{box-sizing:border-box;background:var(--surface-sunken);width:100%;box-shadow:var(--sunken-shadow);border:1px solid var(--border);border-radius:var(--panel-radius-sm);color:var(--text-primary);padding:6px 7px;font-family:inherit;font-size:11px}.nav-vc-field:focus{border-color:var(--accent-border-hover);outline:none}.bnd-thumb{--swatch-h:calc(var(--cs-thumb-h) * 6 / 52);background-position:50%;background-size:cover;position:relative;overflow:hidden}.bnd-thumb-board{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bnd-thumb-pieces{inset:0 0 var(--swatch-h) 0;pointer-events:none;align-items:center;gap:1px;display:flex;position:absolute}.bnd-thumb-piece{object-fit:contain;filter:drop-shadow(0 1px 2px #00000080);flex:1;min-width:0;height:100%}.bnd-thumb-swatch{height:var(--swatch-h);display:flex;position:absolute;bottom:0;left:0;right:0}.bnd-thumb-swatch-bg{flex:30}.bnd-thumb-swatch-acc{flex:70}.bnd-thumb:before{content:"";opacity:.16;color:var(--text-muted);background-image:linear-gradient(45deg,currentColor 25%,#0000 25% 75%,currentColor 75%),linear-gradient(45deg,currentColor 25%,#0000 25% 75%,currentColor 75%);background-position:0 0,10px 10px;background-size:20px 20px;position:absolute;inset:0}.bnd-thumb:has(.bnd-thumb-board):before{display:none}.navv2-vol{align-items:center;display:flex;position:relative}.navv2-vol-btn{align-items:center;line-height:0;display:flex}.navv2-vol-icon{width:17px;height:17px;display:block}.navv2-vol-rail{box-sizing:border-box;opacity:0;visibility:hidden;justify-content:flex-end;align-items:center;width:0;padding:2px 6px 2px 4px;transition:width .18s,opacity .12s,visibility 0s linear .18s;display:flex;position:absolute;top:50%;right:calc(100% - 6px);overflow:hidden;transform:translateY(-50%)}.navv2-vol.is-open .navv2-vol-rail{opacity:1;visibility:visible;width:128px;transition:width .18s,opacity .12s,visibility}.navv2-vol-slider{width:112px;min-width:0;accent-color:var(--accent);cursor:pointer;flex:none;margin:0}.navbar-v2{z-index:99;background-color:color-mix(in srgb, var(--navbar-color) var(--navbar-opacity-pct), transparent);background-image:var(--panel-lift), var(--navbar-image);background-blend-mode:var(--navbar-blend);-webkit-backdrop-filter:blur(var(--navbar-blur));box-shadow:var(--navbar-shadow);border-bottom:var(--navbar-border-width) solid var(--border);border-image:var(--navbar-border-image);border-image-slice:1;position:relative}.navv2-inner{justify-content:space-between;align-items:center;gap:16px;padding-block:10px;display:flex}.navv2-links{text-transform:uppercase;align-items:center;gap:4px;display:flex}.navv2-right{flex-shrink:0;align-items:center;gap:4px;display:flex}.navv2-links a,.navv2-theme-btn,.navv2-vol-btn,.navv2-auth-btn{letter-spacing:.03em;text-transform:uppercase;color:var(--text-heading);border-radius:var(--panel-radius-sm);cursor:pointer;white-space:nowrap;transition:color var(--ui-transition), background var(--ui-transition);background:0 0;border:none;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;position:relative}.navv2-links a:hover,.navv2-theme-btn:hover,.navv2-vol-btn:hover,.navv2-auth-btn:hover:not(:disabled){background:var(--hover-bg-strong)}.navv2-links a.active,.navv2-theme-btn.active,.navv2-vol-btn.active,.navv2-auth-btn.active{color:var(--accent-text);background:var(--hover-bg)}.navv2-links a.active:hover,.navv2-theme-btn.active:hover,.navv2-vol-btn.active:hover,.navv2-auth-btn.active:hover:not(:disabled){background:var(--hover-bg-strong)}.navv2-links--edit-open a.active{background:0 0}.navv2-edit-group{align-items:center;gap:0;transition:gap .2s;display:flex}.navv2-edit-group--open{gap:8px}.navv2-edit-btn{letter-spacing:.03em;text-transform:uppercase;color:var(--text-heading);border-radius:var(--panel-radius-sm);cursor:pointer;transition:color var(--ui-transition), background var(--ui-transition), padding .2s ease, width .2s ease, height .2s ease;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;display:flex;position:relative}.navv2-edit-btn:hover{background:var(--hover-bg-strong)}.navv2-edit-btn--open{border-radius:var(--panel-radius-sm);background:var(--accent-bg);width:30px;height:30px;color:var(--accent-text);box-shadow:inset 0 0 0 1px var(--nav-pill-ring);padding:0}.navv2-edit-btn.active{color:var(--accent-text);background:var(--hover-bg)}.navv2-edit-btn.active:hover{background:var(--hover-bg-strong)}.navv2-edit-icon{flex-shrink:0;width:16px;height:16px}.navv2-edit-links{opacity:0;align-items:center;max-width:0;margin-bottom:-14px;padding-bottom:14px;transition:max-width .3s,opacity .2s;display:flex;overflow-x:hidden}.navv2-edit-links--open{opacity:1;max-width:600px}.navv2-edit-links-pill{border-radius:var(--panel-radius-sm);align-items:center;gap:4px;padding:3px 6px;display:flex}.navv2-edit-links--open .navv2-edit-links-pill{background:var(--hover-bg);box-shadow:inset 0 0 0 1px var(--nav-pill-ring)}.navv2-edit-link{letter-spacing:.03em;color:var(--text-heading);border-radius:var(--panel-radius-sm);white-space:nowrap;transition:color var(--ui-transition), background var(--ui-transition);padding:8px 14px;font-size:13px;font-weight:500;text-decoration:none;position:relative}.navv2-edit-link:hover{background:var(--hover-bg)}.navv2-edit-link.active{color:var(--accent-text)}.navv2-auth{flex-shrink:0;align-items:center;display:flex;position:relative}.navv2-auth-btn:disabled{opacity:.5;cursor:default}.navv2-auth-btn--user{text-overflow:ellipsis;max-width:18ch;overflow:hidden}.navv2-auth-confirm{border-radius:var(--panel-radius-sm);background:var(--danger);min-width:100%;color:var(--danger-on);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;cursor:pointer;z-index:2;box-shadow:var(--panel-shadow);transition:background var(--ui-transition);border:none;padding:8px 10px;font-family:inherit;font-size:11px;font-weight:600;position:absolute;top:calc(100% + 4px);right:0}.navv2-auth-confirm:hover{background:var(--danger-hover)}.navv2-auth-btn--connect{background:var(--accent-bg);color:var(--accent-text)}.navv2-auth-btn--connect:hover:not(:disabled){background:var(--accent-bg-hover);color:var(--accent-text)}.navv2-conn{background:var(--danger);width:7px;height:7px;transition:background var(--ui-transition), box-shadow var(--ui-transition);border-radius:50%;flex-shrink:0;margin-left:2px}.navv2-conn--live{background:var(--accent);box-shadow:0 0 6px color-mix(in srgb, var(--accent) 55%, transparent)}.navv2-conn--retrying,.navv2-conn--error{background:var(--danger);box-shadow:0 0 6px color-mix(in srgb, var(--danger) 55%, transparent)}.navv2-conn--retrying{animation:1.4s ease-in-out infinite navv2-conn-pulse}@keyframes navv2-conn-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.navv2-conn--retrying{animation:none}}.navv2-conn-note{max-width:260px;color:var(--text-muted);text-align:right;text-shadow:0 1px 2px var(--surface-color);pointer-events:none;z-index:1;font-size:11px;font-weight:500;line-height:1.35;position:absolute;top:calc(100% + 4px);right:0}.navv2-conn-note.is-error{color:var(--danger)}:root{--cs-thumb-h:clamp(38px, 5.4svh, 52px)}.cs-thumb{width:calc(var(--cs-thumb-h) * 84 / 52);height:var(--cs-thumb-h);border-radius:var(--panel-radius-sm);border:1px solid var(--border);flex-shrink:0}.cs-thumb-new{color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;font-size:26px;font-weight:300;line-height:1;display:flex}.cs-card-new:hover .cs-thumb-new{color:var(--text-primary)}.cs-inner .card.cs-card-new.active .cs-thumb-new{color:var(--accent-text)}.cs-outer{scrollbar-width:none;-webkit-user-select:none;user-select:none;padding:16px 24px;overflow-x:auto}.cs-outer.cs-can-drag{cursor:grab}.cs-outer::-webkit-scrollbar{display:none}.cs-outer.cs-can-drag:active{cursor:grabbing}.cs-inner{gap:10px;width:max-content;margin:0 auto;display:flex}.cs-inner .card{cursor:pointer;width:104px;transition:border-color var(--ui-transition), background-color var(--ui-transition), box-shadow var(--ui-transition), transform var(--ui-transition);flex-direction:column;align-items:center;gap:8px;padding:12px 10px;font-family:inherit;display:flex}.cs-inner .card.active{border-color:var(--accent);background-color:var(--accent-bg);box-shadow:var(--panel-highlight), var(--panel-shadow), 0 0 0 1px var(--accent-border);--overlap-border-color:var(--accent)}.cs-card-name{width:100%;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;display:block;overflow:hidden}.cs-card-name-inner{display:inline-block}.cs-card-name-inner.scrolling{animation:2s ease-in-out infinite cs-name-scroll}@keyframes cs-name-scroll{0%,20%{transform:translate(0)}80%,to{transform:translateX(calc(-1 * var(--overhang,0px)))}}.cs-inner .card.active .cs-card-name{color:var(--accent-text)}.cs-card-wrap{flex-shrink:0;position:relative}.cs-inner .cs-card-wrap:hover .card{background-color:var(--accent-bg);border-color:var(--border-strong);transform:translateY(-2px)}.cs-inner .cs-card-wrap:hover .card.active{background-color:var(--accent-bg-hover);border-color:var(--accent)}.cs-card-del{border-radius:var(--panel-radius-sm);background:var(--surface-sunken);width:18px;height:18px;box-shadow:var(--sunken-shadow);color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity var(--ui-transition), transform var(--ui-transition), background var(--ui-transition), color var(--ui-transition);z-index:1;border:none;justify-content:center;align-items:center;padding:0;font-size:13px;line-height:1;display:flex;position:absolute;top:5px;right:5px}.cs-card-wrap:hover .cs-card-del,.cs-card-wrap.is-confirming .cs-card-del{opacity:1}.cs-card-del:hover{color:var(--danger);background:color-mix(in srgb, var(--danger) 18%, var(--surface-sunken))}.cs-card-confirm-del{border-radius:var(--panel-radius-sm);background:var(--danger);color:var(--danger-on);cursor:pointer;white-space:nowrap;z-index:2;transition:background var(--ui-transition);border:none;padding:4px 0;font-family:inherit;font-size:11px;font-weight:600;position:absolute;bottom:6px;left:6px;right:6px}.cs-card-confirm-del:hover{background:var(--danger-hover)}.cs-divider{background:var(--border);opacity:.5;flex-shrink:0;align-self:stretch;width:1px;margin:8px 4px}.piece-carousel-wrap,.piece-page{--page-frame-width:880px}.piece-page{text-align:left;flex-direction:column;gap:20px;padding-bottom:24px;display:flex}.piece-set-tile{width:calc(var(--cs-thumb-h) * 84 / 52);height:var(--cs-thumb-h);flex-shrink:0;display:block}.piece-set-thumb{justify-content:center;align-items:center;width:calc(100% + 20px);margin-left:-10px;margin-right:-10px;display:flex;overflow:hidden}.piece-thumb-piece{object-fit:contain;flex-shrink:0;width:80px;height:80px;display:block}.piece-thumb-piece--back{z-index:1;position:relative}.piece-thumb-piece--front{z-index:2;margin-left:-36px;position:relative}.piece-thumb-placeholder{background-image:conic-gradient(var(--surface-color) 90deg, color-mix(in srgb, var(--surface-color) 100%, white 12%) 90deg 180deg, var(--surface-color) 180deg 270deg, color-mix(in srgb, var(--surface-color) 100%, white 12%) 270deg);background-size:50% 50%;animation:1.5s ease-in-out infinite piece-shimmer}@keyframes piece-shimmer{0%,to{opacity:.5}50%{opacity:.9}}.piece-editor{grid-template-columns:360px max-content;justify-content:center;gap:20px;display:grid}.piece-controls{flex-direction:column;min-width:0;display:flex;overflow:hidden}.piece-mode-bar{border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:10px;padding:14px 20px;display:flex}.piece-field-hint{color:var(--text-faint,var(--text-muted));margin:0;font-size:12px;line-height:1.5}.piece-hue-variety{border-bottom:1px solid var(--border);color:var(--text-primary);cursor:pointer;flex-shrink:0;align-items:center;gap:8px;padding:12px 20px;font-size:13px;display:flex}.piece-hue-variety input{cursor:pointer}.piece-hue-variety-amount{border-bottom:1px solid var(--border);flex-shrink:0;padding:12px 20px}.piece-segmented{border:1px solid var(--border);border-radius:var(--panel-radius);background:var(--surface-sunken);box-shadow:var(--sunken-shadow);display:flex;overflow:hidden}.piece-seg-btn{border:none;border-right:1px solid var(--border);height:32px;color:var(--text-muted);cursor:pointer;transition:background var(--ui-transition), color var(--ui-transition);background:0 0;flex:1;font-family:inherit;font-size:12px;font-weight:500}.piece-seg-btn:last-child{border-right:none}.piece-seg-btn:hover:not(.active){color:var(--text-primary)}.piece-seg-btn.active{background:var(--accent-bg);color:var(--accent-text)}.piece-tabs{border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.piece-tab{height:38px;color:var(--text-muted);cursor:pointer;transition:color var(--ui-transition), border-color var(--ui-transition), background var(--ui-transition);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:none;align-items:center;gap:6px;margin-bottom:-1px;padding-inline:16px;font-family:inherit;font-size:12px;font-weight:500;display:flex}.piece-tab:hover{color:var(--text-primary)}.piece-tab.active{color:var(--accent-text);border-bottom-color:var(--accent)}.piece-tab-pip{border-radius:1.5px;flex-shrink:0;width:6px;height:6px;display:inline-block}.piece-tab-pip--w,.piece-sq--light .piece-slot-piece-name:before{background:#d4b483}.piece-tab-pip--b,.piece-sq--dark .piece-slot-piece-name:before{background:#7a8a9a}.piece-section{flex-direction:column;gap:16px;padding:18px 20px;display:flex}.piece-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-heading);margin:0;font-size:11px;font-weight:600}.piece-slider-field{flex-direction:column;gap:6px;display:flex}.piece-slider-field.disabled{opacity:.4;pointer-events:none}.piece-slider-row{justify-content:space-between;align-items:center;display:flex}.piece-slider-label{color:var(--text-muted);font-size:12px}.piece-slider-right{align-items:center;gap:6px;display:flex}.piece-slider-value{color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:right;min-width:32px;font-size:12px;font-weight:500}.piece-slider-reset{width:18px;height:18px;color:var(--text-muted);cursor:pointer;transition:color var(--ui-transition), opacity var(--ui-transition), transform var(--ui-transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:flex}.piece-slider-reset:not(:disabled):hover{color:var(--accent-text)}.piece-slider-reset:disabled{opacity:0;pointer-events:none}.piece-slider{width:100%;accent-color:var(--accent);cursor:pointer}.piece-save-section{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding:16px 20px;display:flex}.piece-save-row{gap:8px;display:flex}.piece-name-input{background:var(--surface-sunken);box-shadow:var(--sunken-shadow);border:1px solid var(--border);border-radius:var(--panel-radius);color:var(--text-primary);min-width:0;transition:border-color var(--ui-transition);flex:1;padding:8px 10px;font-family:inherit;font-size:13px}.piece-name-input:focus{border-color:var(--accent-border-hover,var(--accent))}.piece-name-input::placeholder{color:var(--text-faint,var(--text-muted))}.piece-save-btn{border-radius:var(--panel-radius);border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--accent-text);cursor:pointer;white-space:nowrap;transition:background var(--ui-transition), border-color var(--ui-transition);flex-shrink:0;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600}.piece-save-btn:hover:not(:disabled){background:var(--accent-bg-hover,var(--accent-bg));border-color:var(--accent-border-hover,var(--accent-border))}.piece-save-btn:disabled{opacity:.35;cursor:not-allowed}.piece-save-btn.saved{color:#81c784;background:#4caf5026;border-color:#4caf5066}.piece-error{color:var(--danger,#e05555);margin:0;font-size:12px}.piece-content-wrap{flex-direction:column;justify-content:stretch;align-items:center;min-width:0;display:flex}.piece-board-wrap{--piece-slot:clamp(calc((531px - 30px) / 4), calc((100dvh - var(--editor-chrome-vh) - 30px) / 4), 160px);min-height:calc(4 * var(--piece-slot) + 30px);flex-direction:column;flex:1;display:flex;position:relative}.piece-board{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3, var(--piece-slot));flex:1;gap:10px;display:grid}.piece-row-label{letter-spacing:.06em;text-transform:uppercase;text-align:right;white-space:nowrap;place-self:center end;align-items:center;gap:5px;padding-right:2px;font-size:11px;font-weight:600;display:flex}.piece-row-label--w{color:#c8b080}.piece-row-label--b{color:#8a9aaa}.piece-row-label--w:before{content:"";background:#d4b483;border-radius:1.5px;flex-shrink:0;width:6px;height:6px}.piece-row-label--b:before{content:"";background:#7a8a9a;border-radius:1.5px;flex-shrink:0;width:6px;height:6px}.piece-slot{width:100%;height:100%;font:inherit;color:inherit;cursor:pointer;border-radius:var(--panel-radius);transition:transform var(--ui-transition);background:0 0;border:none;margin:0;padding:0;display:block;position:relative}.piece-slot.disabled{cursor:default}.piece-slot>.piece-slot-sq{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.piece-slot-sq img{object-fit:contain;z-index:1;pointer-events:none;flex-shrink:0;width:100%;height:100%;display:block;position:relative}.piece-slot-sq img.piece-ph{width:55%;height:55%}.piece-sq--light img.piece-ph{filter:grayscale()brightness(1.18)}.piece-sq--dark img.piece-ph{filter:grayscale()brightness(.07)}.piece-slot-piece-name{letter-spacing:.09em;text-transform:uppercase;pointer-events:none;z-index:1;white-space:nowrap;justify-content:center;align-items:center;gap:5px;font-size:9px;font-weight:600;display:flex;position:absolute;bottom:7px;left:0;right:0}.piece-slot-piece-name:before{content:"";border-radius:1.5px;flex-shrink:0;width:5px;height:5px}.piece-slot-piece-name{color:var(--text-muted)}@media (width<=700px){.piece-editor{grid-template-columns:1fr}.piece-content-wrap{justify-content:center;align-items:stretch}.piece-board-wrap{flex:none;width:100%;min-height:0}.piece-board{grid-template-rows:auto;grid-template-columns:repeat(3,1fr);width:100%}.piece-slot{aspect-ratio:1}.piece-board--white .piece-slot:nth-child(n+7),.piece-board--black .piece-slot:nth-child(-n+6){display:none}}.piece-slot-overlay{background:color-mix(in srgb, var(--bg-color) 55%, transparent);opacity:0;transition:opacity var(--ui-transition);z-index:2;border-radius:var(--panel-radius);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.piece-slot:not(.disabled):hover .piece-slot-overlay{opacity:1}.piece-slot-icon{background:var(--accent-bg);border:1px solid var(--accent-border);width:22px;height:22px;color:var(--accent-text);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;line-height:1;display:flex}.piece-details-popup{--pdv-size:160px;padding:var(--cutout-rim,16px)}[data-cutout=off] .piece-details-popup{padding:0}.piece-details-bg{z-index:-1;pointer-events:none;position:fixed;inset:0}.piece-details-preview{align-items:flex-start;gap:8px;padding:20px;display:flex}.piece-details-preview-col{flex-direction:column;gap:8px;display:flex}.piece-details-preview-sq{width:var(--pdv-size);height:var(--pdv-size)}.piece-segmented.disabled{opacity:.4;pointer-events:none}.piece-details-form{max-height:calc(var(--pdv-size) + 72px)}.bv2-carousel-wrap,.bv2-page{--board-size:min(clamp(300px, calc(100dvh - var(--boards-chrome-vh)), 860px), calc(100vw - var(--boards-chrome-w)), clamp(300px, calc(100dvh - var(--play-chrome-vh)), 860px), calc(100vw - var(--play-chrome-w)));width:calc(360px + 20px + var(--board-size));margin:0 auto}.bv2-page{text-align:left;flex-direction:column;gap:20px;padding-bottom:24px;display:flex}.bv2-thumb{object-fit:cover;display:block}.bv2-thumb-placeholder{background-image:conic-gradient(#bca98a 90deg,#6b4e35 90deg 180deg,#bca98a 180deg 270deg,#6b4e35 270deg);background-size:50% 50%;animation:1.5s ease-in-out infinite bv2-shimmer}@keyframes bv2-shimmer{0%,to{opacity:.5}50%{opacity:.9}}.bv2-editor{height:var(--board-size);gap:20px;width:max-content;margin:0 auto;display:flex}.bv2-controls{flex-direction:column;flex-shrink:0;width:360px;display:flex;overflow:hidden}.bv2-tabs{border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.bv2-tab{height:38px;color:var(--text-muted);cursor:pointer;transition:color var(--ui-transition), border-color var(--ui-transition), background var(--ui-transition);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:none;align-items:center;gap:6px;margin-bottom:-1px;padding-inline:16px;font-family:inherit;font-size:12px;font-weight:500;display:flex}.bv2-tab:hover{color:var(--text-primary)}.bv2-tab.active{color:var(--accent-text);border-bottom-color:var(--accent)}.bv2-tab-body{flex-direction:column;display:flex}.bv2-section{flex-direction:column;gap:12px;padding:18px 20px;display:flex}.bv2-section-divider{background:var(--border);height:1px}.bv2-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-heading);margin:0;font-size:11px;font-weight:600}.bv2-field-hint{color:var(--text-faint);margin:0;font-size:12px;line-height:1.5}.bv2-segmented{border:1px solid var(--border);border-radius:var(--panel-radius);background:var(--surface-sunken);box-shadow:var(--sunken-shadow);display:flex;overflow:hidden}.bv2-seg-btn{border:none;border-right:1px solid var(--border);height:32px;color:var(--text-muted);cursor:pointer;transition:background var(--ui-transition), color var(--ui-transition);background:0 0;flex:1;font-family:inherit;font-size:12px;font-weight:500}.bv2-seg-btn:last-child{border-right:none}.bv2-seg-btn:hover:not(.active){color:var(--text-primary)}.bv2-seg-btn.active{background:var(--accent-bg);color:var(--accent-text)}.bv2-slider-field{flex-direction:column;gap:6px;display:flex}.bv2-slider-row{justify-content:space-between;align-items:center;display:flex}.bv2-slider-label{color:var(--text-muted);font-size:12px}.bv2-slider-right{align-items:center;gap:6px;display:flex}.bv2-slider-value{color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:right;min-width:32px;font-size:12px;font-weight:500}.bv2-slider-reset{color:var(--text-muted);cursor:pointer;transition:color var(--ui-transition), opacity var(--ui-transition), transform var(--ui-transition);background:0 0;border:none;padding:0;font-size:13px;line-height:1}.bv2-slider-reset:not(:disabled):hover{color:var(--accent-text)}.bv2-slider-reset:disabled{opacity:0;pointer-events:none}.bv2-slider{width:100%;accent-color:var(--accent);cursor:pointer}.bv2-file-btn{border-radius:var(--panel-radius);border:1px solid var(--border-strong);background:var(--hover-bg);color:var(--text-muted);cursor:pointer;transition:background var(--ui-transition), border-color var(--ui-transition), color var(--ui-transition);justify-content:center;align-items:center;padding:9px 12px;font-family:inherit;font-size:13px;display:flex}.bv2-file-btn:hover{background:var(--hover-bg-strong);border-color:var(--accent-border);color:var(--text-primary)}.bv2-file-btn.has-image{color:var(--text-primary)}.bv2-file-btn input[type=file]{display:none}.bv2-file-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bv2-field{flex-direction:column;gap:8px;display:flex}.bv2-field-label{color:var(--text-muted);font-size:12px;font-weight:500}.bv2-texture-grid{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.bv2-texture-cell{aspect-ratio:1.3;border-radius:var(--panel-radius);cursor:pointer;transition:border-color var(--ui-transition), transform var(--ui-transition);background-position:50%;background-size:60px;border:1.5px solid #0000;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.bv2-texture-cell:hover{border-color:var(--border-strong);transform:scale(1.05)}.bv2-texture-cell.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-border)}.bv2-texture-cell.none{background-image:repeating-linear-gradient(45deg,#0000,#0000 4px,#ffffff0f 4px 5px)}.bv2-texture-cell.none.selected{background-image:repeating-linear-gradient(45deg,#0000,#0000 4px,#ffffff0f 4px 5px);background-color:var(--accent-bg)}.bv2-tex-none{letter-spacing:.04em;color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:600}.bv2-texture-cell.none.selected .bv2-tex-none{color:var(--accent-text)}.bv2-field-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.bv2-select{background:var(--surface-translucent);border:1px solid var(--border);border-radius:var(--panel-radius);color:var(--text-primary);cursor:pointer;transition:border-color var(--ui-transition);max-width:150px;padding:5px 8px;font-family:inherit;font-size:12px}.bv2-select:focus{border-color:var(--accent-border-hover)}.bv2-select option{background:var(--surface-color)}.bv2-save-section{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:10px;padding:16px 20px;display:flex}.bv2-save-row{gap:8px;display:flex}.bv2-name-input{background:var(--surface-sunken);box-shadow:var(--sunken-shadow);border:1px solid var(--border);border-radius:var(--panel-radius);color:var(--text-primary);min-width:0;transition:border-color var(--ui-transition);flex:1;padding:8px 10px;font-family:inherit;font-size:13px}.bv2-name-input:focus{border-color:var(--accent-border-hover)}.bv2-name-input::placeholder{color:var(--text-faint)}.bv2-save-btn{border-radius:var(--panel-radius);border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--accent-text);cursor:pointer;white-space:nowrap;transition:background var(--ui-transition), border-color var(--ui-transition), color var(--ui-transition);flex-shrink:0;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600}.bv2-save-btn:hover:not(:disabled){background:var(--accent-bg-hover);border-color:var(--accent-border-hover)}.bv2-save-btn:disabled{opacity:.35;cursor:not-allowed}.bv2-save-btn.saved{color:#81c784;background:#4caf5026;border-color:#4caf5066}.bv2-error{color:var(--danger);margin:0;font-size:12px}.bv2-preview-wrap{width:var(--board-size);flex-direction:column;flex-shrink:0;display:flex}.bv2-preview-board{flex:1;justify-content:flex-start;align-items:center;min-height:0;display:flex}.bv2-board-img{object-fit:cover}.board-single{border-radius:var(--panel-radius);object-fit:cover;width:100%;height:100%}.bv2-frame{box-sizing:border-box;width:100%;height:100%;box-shadow:var(--panel-shadow)}.bv2-frame.has-frame .board-single{width:100%;height:100%;border-radius:0!important}@media (width<=800px){.bv2-carousel-wrap,.bv2-page{--board-size:min(calc(100vw - 48px), 560px);width:100%}.bv2-editor{flex-direction:column;width:100%;height:auto}.bv2-controls{width:var(--board-size);align-self:center;height:auto}.bv2-tab-content{flex:none}.bv2-preview-wrap{width:var(--board-size);align-self:center}.bv2-preview-board{height:var(--board-size);flex:none}}.panel-reset-btn{color:var(--text-muted);cursor:pointer;transition:color var(--ui-transition);background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;line-height:1.2}.panel-reset-btn:hover:not(:disabled){color:var(--accent-text)}.panel-reset-btn:disabled{opacity:.35;cursor:not-allowed}.panel-save-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ckv2-shell{height:calc(100svh - var(--navbar-h,52px));flex-direction:column;display:flex}.ckv2-carousel-wrap{flex-shrink:0}.ckv2-carousel-wrap,.ckv2-page{--page-frame-width:1040px}.ckv2-page{text-align:left;flex-direction:column;gap:20px;padding-bottom:24px;display:flex}.ckv2-thumb{background-color:var(--ck-thumb-bg,#161b22);position:relative;overflow:hidden}.ckv2-thumb:after{content:"";background:var(--ck-thumb-acc,#46d160);border-radius:2px;height:3px;position:absolute;bottom:8px;left:10px;right:10px}.ckv2-editor{height:clamp(400px, calc(100dvh - var(--editor-chrome-vh)), 860px);gap:20px;display:flex}.ckv2-controls{flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow:hidden}.ckv2-design-bar{flex-shrink:0}.ckv2-design-grid{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;flex-wrap:nowrap;gap:6px;padding:0 16px 12px;display:flex;overflow:auto visible}.ckv2-design-grid::-webkit-scrollbar{display:none}.ckv2-design-grid.cs-can-drag{cursor:grab}.ckv2-design-grid.cs-can-drag:active{cursor:grabbing}.ckv2-design-chip{border:1px solid var(--border);border-radius:var(--panel-radius);height:26px;color:var(--text-muted);cursor:pointer;transition:border-color var(--ui-transition), color var(--ui-transition), background var(--ui-transition);white-space:nowrap;background:#ffffff0a;padding:0 10px;font-family:inherit;font-size:12px}.ckv2-design-chip:hover{color:var(--text-primary)}.ckv2-design-chip.active{border-color:var(--accent);color:var(--accent-text);background:var(--accent-bg)}.ckv2-tab-body{flex-direction:column;display:flex}.ckv2-section{flex-direction:column;gap:12px;padding:18px 20px;display:flex}.ckv2-section-divider{background:var(--border);height:1px}.ckv2-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:11px;font-weight:600}.ckv2-save-section{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:10px;padding:14px 16px;display:flex}.ckv2-save-row{gap:8px;display:flex}.ckv2-name-input{border:1px solid var(--border);border-radius:var(--panel-radius);height:32px;color:var(--text-primary);background:#ffffff0d;flex:1;padding:0 10px;font-family:inherit;font-size:13px}.ckv2-name-input:focus{border-color:var(--accent)}.ckv2-save-btn{background:var(--accent);border-radius:var(--panel-radius);height:32px;color:var(--accent-on);cursor:pointer;white-space:nowrap;transition:opacity var(--ui-transition), background var(--ui-transition);border:none;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600}.ckv2-save-btn:disabled{opacity:.4;cursor:default}.ckv2-save-btn.saved{background:#3a9b52}.ckv2-preview-panel{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.ckv2-preview-actions{flex-shrink:0;gap:8px;padding:10px 16px;display:flex}.ckv2-action-btn{color:var(--text-muted);cursor:pointer;transition:color var(--ui-transition);flex:1;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:500}.ckv2-action-btn:hover{color:var(--text-primary)}.ckv2-preview-wrap{flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative}.ckv2-preview-stage{aspect-ratio:1;justify-content:center;align-items:center;width:100%;max-height:100%;display:flex}.ckv2-preview-inner{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:40px;display:flex}.ckv2-preview-inner>section{width:var(--clock-col-w);flex:none;max-width:100%}@media (width<=800px){.ckv2-editor{flex-direction:column;height:auto}.ckv2-controls{width:100%;height:auto;max-height:60svh}.ckv2-preview-panel{width:100%;height:auto;overflow:visible}}.tv2-page{text-align:left;flex-direction:column;gap:20px;padding-bottom:24px;display:flex}.tv2-preset-thumb{background-color:var(--bg);position:relative;overflow:hidden}.tv2-preset-thumb:before{content:"";background-color:var(--fg);border-radius:3px;position:absolute;inset:7px 7px 5px}.tv2-preset-thumb:after{content:"";background-color:var(--acc);border-radius:2px;width:22px;height:3px;position:absolute;bottom:9px;left:11px}.tv2-carousel-wrap,.tv2-editor{--tv2-editor-h:clamp(500px, calc(100dvh - var(--editor-chrome-vh)), 860px);--tv2-preview-w:min(calc(var(--tv2-editor-h) * 4 / 3), 900px);--tv2-row-w:calc(360px + 20px + var(--tv2-preview-w))}.tv2-carousel-wrap{width:var(--tv2-row-w);max-width:100%;margin:0 auto}.tv2-editor{height:var(--tv2-editor-h);width:var(--tv2-row-w);gap:20px;max-width:100%;margin:0 auto;display:flex}.tv2-controls{flex-direction:column;flex-shrink:0;width:360px;display:flex;overflow:hidden}.tv2-tabs{box-shadow:inset 0 -1px 0 var(--border);scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;scroll-behavior:smooth;flex-shrink:0;display:flex;overflow:auto visible}.tv2-tabs::-webkit-scrollbar{display:none}.tv2-tab{height:38px;color:var(--text-muted);cursor:pointer;transition:color var(--ui-transition), border-color var(--ui-transition), background var(--ui-transition);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1 0 auto;padding-inline:14px;font-family:inherit;font-size:12px;font-weight:500}.tv2-tab:hover{color:var(--text-primary)}.tv2-tab.active{color:var(--accent-text);border-bottom-color:var(--accent)}.tv2-tab-body{flex-direction:column;display:flex}.tv2-section{flex-direction:column;gap:12px;padding:18px 20px;display:flex}.tv2-section-divider{background:var(--border);height:1px}.tv2-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-heading);margin:0;font-size:11px;font-weight:600}.tv2-field-hint{color:var(--text-faint);margin:0;font-size:12px;line-height:1.5}.tv2-surface-editor{flex-direction:column;gap:12px;padding:18px 20px;display:flex}.tv2-pick-row{flex-wrap:wrap;gap:6px;display:flex}.tv2-pick{cursor:pointer;width:22px;height:22px;transition:transform var(--ui-transition), border-color var(--ui-transition);border:2px solid #0000;border-radius:50%;flex-shrink:0;padding:0}.tv2-pick:hover{transform:scale(1.2)}.tv2-pick.active{border-color:var(--text-heading);transform:scale(1.15)}.tv2-pick.active:hover{transform:scale(1.28)}.tv2-field{flex-direction:column;gap:8px;display:flex}.tv2-field-label{color:var(--text-muted);font-size:12px;font-weight:500}.tv2-texture-grid{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.tv2-texture-cell{aspect-ratio:1.3;border-radius:var(--panel-radius);cursor:pointer;transition:border-color var(--ui-transition), transform var(--ui-transition);background-position:50%;background-size:60px;border:1.5px solid #0000;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.tv2-texture-cell:hover{border-color:var(--border-strong);transform:scale(1.05)}.tv2-texture-cell.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-border)}.tv2-texture-cell.none{background-image:repeating-linear-gradient(45deg,#0000,#0000 4px,#ffffff0f 4px 5px)}.tv2-texture-cell.none.selected{background-image:repeating-linear-gradient(45deg,#0000,#0000 4px,#ffffff0f 4px 5px);background-color:var(--accent-bg)}.tv2-tex-none{letter-spacing:.04em;color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:600;line-height:1}.tv2-texture-cell.none.selected .tv2-tex-none{color:var(--accent-text)}.tv2-image-field{flex-direction:column;gap:8px;display:flex}.tv2-image-preview{aspect-ratio:16/9;border-radius:var(--panel-radius);border:1px solid var(--border);background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden}.tv2-image-remove{color:#fff;border-radius:var(--panel-radius);cursor:pointer;transition:background var(--ui-transition);background:#0009;border:1px solid #fff3;padding:4px 8px;font-family:inherit;font-size:11px;font-weight:600;position:absolute;bottom:6px;right:6px}.tv2-image-remove:hover{background:#000c}.tv2-image-url{box-sizing:border-box;background:var(--surface-sunken);width:100%;box-shadow:var(--sunken-shadow);border:1px solid var(--border);border-radius:var(--panel-radius);color:var(--text-primary);transition:border-color var(--ui-transition);padding:6px 8px;font-family:inherit;font-size:12px}.tv2-image-url:focus{border-color:var(--accent-border-hover)}.tv2-file-btn{border-radius:var(--panel-radius);border:1px solid var(--border-strong);background:var(--hover-bg);color:var(--text-muted);cursor:pointer;transition:background var(--ui-transition), border-color var(--ui-transition), color var(--ui-transition);justify-content:center;align-items:center;padding:9px 12px;font-family:inherit;font-size:13px;display:flex}.tv2-file-btn:hover{background:var(--hover-bg-strong);border-color:var(--accent-border);color:var(--text-primary)}.tv2-file-btn input[type=file]{display:none}.tv2-file-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tv2-field-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.tv2-select{background:var(--surface-translucent);border:1px solid var(--border);border-radius:var(--panel-radius);color:var(--text-primary);cursor:pointer;transition:border-color var(--ui-transition);max-width:150px;padding:5px 8px;font-family:inherit;font-size:12px}.tv2-select:focus{border-color:var(--accent-border-hover)}.tv2-select option{background:var(--surface-color)}.tv2-linked-row{justify-content:space-between;align-items:center;display:flex}.tv2-toggle-label{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;display:flex}.tv2-toggle-label input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:14px;height:14px}.tv2-segmented{border:1px solid var(--border);border-radius:var(--panel-radius);background:var(--surface-sunken);box-shadow:var(--sunken-shadow);display:flex;overflow:hidden}.tv2-seg-btn{border:none;border-right:1px solid var(--border);height:32px;color:var(--text-muted);cursor:pointer;transition:background var(--ui-transition), color var(--ui-transition);background:0 0;flex:1;font-family:inherit;font-size:12px;font-weight:500}.tv2-seg-btn:last-child{border-right:none}.tv2-seg-btn:hover:not(.active){color:var(--text-primary)}.tv2-seg-btn.active{background:var(--accent-bg);color:var(--accent-text)}.tv2-font-preview{color:var(--text-primary);background:var(--surface-sunken);border-radius:var(--panel-radius);border:1px solid var(--border);padding:10px 12px;font-size:14px;line-height:1.5}.tv2-radius-demo{gap:8px;display:flex}.tv2-radius-cell{background:var(--hover-bg);border:1px solid var(--border);height:36px;color:var(--text-muted);text-transform:capitalize;cursor:pointer;transition:background var(--ui-transition), border-color var(--ui-transition), color var(--ui-transition);flex:1;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:10px;font-weight:500;display:flex}.tv2-radius-cell:hover,.tv2-border-cell:hover{background:var(--hover-bg-strong);border-color:var(--border-strong);color:var(--text-primary)}.tv2-shadow-cell:hover{border-color:var(--border-strong);color:var(--text-primary)}.tv2-radius-cell.active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent-text)}.tv2-style-grid{flex-direction:column;gap:10px;display:flex}.tv2-style-card{text-align:left;background:var(--hover-bg);border:1px solid var(--border);border-radius:var(--panel-radius);cursor:pointer;transition:background var(--ui-transition), border-color var(--ui-transition);flex-direction:column;gap:10px;padding:14px 16px;font-family:inherit;display:flex}.tv2-style-card.active{background:var(--accent-bg);border-color:var(--accent-border)}.tv2-style-card-name{color:var(--text-heading);font-size:14px;font-weight:600}.tv2-style-card.active .tv2-style-card-name{color:var(--accent-text)}.tv2-shadow-demo{background:var(--surface-sunken);border-radius:var(--panel-radius);gap:8px;padding:10px 6px;display:flex}.tv2-shadow-cell{background:var(--surface-translucent);border:1px solid var(--border);border-radius:var(--panel-radius);height:36px;color:var(--text-muted);text-transform:capitalize;cursor:pointer;transition:border-color var(--ui-transition), box-shadow var(--ui-transition), color var(--ui-transition);flex:1;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:10px;font-weight:500;display:flex}.tv2-shadow-cell.active{border-color:var(--accent-border);color:var(--accent-text)}.tv2-border-demo{gap:8px;display:flex}.tv2-border-cell{background:var(--hover-bg);border-style:solid;border-color:var(--border-strong);border-radius:var(--panel-radius);height:36px;color:var(--text-muted);text-transform:capitalize;cursor:pointer;transition:background var(--ui-transition), border-color var(--ui-transition), color var(--ui-transition);flex:1;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:10px;font-weight:500;display:flex}.tv2-border-cell.active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent-text)}.tv2-toggle-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.tv2-toggle-text{flex-direction:column;gap:2px;min-width:0;display:flex}.tv2-toggle-name{color:var(--text-primary);font-size:13px;font-weight:500}.tv2-toggle-hint{color:var(--text-faint);font-size:11px;line-height:1.4}.tv2-toggle-pill{background:var(--hover-bg-strong);border:1px solid var(--border-strong);cursor:pointer;width:38px;height:22px;transition:background var(--ui-transition), border-color var(--ui-transition);border-radius:11px;flex-shrink:0;padding:0;position:relative}.tv2-toggle-pill.on{background:var(--accent-bg-hover);border-color:var(--accent-border-hover)}.tv2-toggle-knob{background:var(--text-muted);width:16px;height:16px;transition:transform var(--ui-transition), background var(--ui-transition);border-radius:50%;position:absolute;top:2px;left:2px}.tv2-toggle-pill.on .tv2-toggle-knob{background:var(--accent-text);transform:translate(16px)}.tv2-slider-field{flex-direction:column;gap:6px;display:flex}.tv2-slider-row{justify-content:space-between;align-items:center;display:flex}.tv2-slider-label{color:var(--text-muted);font-size:12px}.tv2-slider-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.tv2-slider{width:100%;accent-color:var(--accent);cursor:pointer}.tv2-save-section{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:12px;padding:16px 20px;display:flex}.tv2-save-row{gap:8px;display:flex}.tv2-name-input{background:var(--surface-sunken);box-shadow:var(--sunken-shadow);border:1px solid var(--border);border-radius:var(--panel-radius);color:var(--text-primary);min-width:0;transition:border-color var(--ui-transition);flex:1;padding:8px 10px;font-family:inherit;font-size:13px}.tv2-name-input:focus{border-color:var(--accent-border-hover)}.tv2-name-input::placeholder{color:var(--text-faint)}.tv2-save-btn{border-radius:var(--panel-radius);border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--accent-text);cursor:pointer;white-space:nowrap;transition:background var(--ui-transition), border-color var(--ui-transition);flex-shrink:0;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600}.tv2-save-btn:hover:not(:disabled){background:var(--accent-bg-hover);border-color:var(--accent-border-hover)}.tv2-save-btn:disabled{opacity:.35;cursor:not-allowed}.tv2-preview-wrap{min-width:0;max-width:var(--tv2-preview-w);flex-direction:column;flex:1;display:flex}.tv2-preview-app{border-radius:var(--panel-radius);border:var(--panel-border-width) solid var(--border);min-height:0;font-family:var(--pv-font);box-shadow:var(--panel-shadow);background-size:auto;flex-direction:column;flex:1;display:flex;overflow:hidden}.pv-navbar{background-color:color-mix(in srgb, var(--pv-navbar) var(--pv-navbar-opacity-pct), transparent);background-image:var(--pv-navbar-img);background-blend-mode:var(--pv-navbar-blend);height:40px;-webkit-backdrop-filter:blur(var(--pv-navbar-blur));box-shadow:var(--pv-navbar-shadow);border-bottom:var(--pv-navbar-border-width) solid var(--pv-border);background-size:auto;flex-shrink:0;align-items:center;gap:16px;padding:0 14px;display:flex}.pv-nav{gap:2px;display:flex}.pv-nav-link{letter-spacing:.03em;text-transform:uppercase;color:var(--pv-heading);cursor:default;transition:var(--pv-trans);white-space:nowrap;border-radius:5px;padding:5px 9px;font-size:11px;font-weight:500;position:relative}.pv-nav-quick{margin-left:auto}.pv-edit-pill{background:var(--pv-hover);box-shadow:inset 0 0 0 1px var(--pv-border);border-radius:6px;gap:2px;padding:2px 3px;display:flex}.pv-edit-link{letter-spacing:.03em;text-transform:uppercase;color:var(--pv-heading);white-space:nowrap;cursor:default;transition:var(--pv-trans);border-radius:4px;padding:5px 7px;font-size:11px;font-weight:500}.pv-edit-link:hover{background:var(--pv-hover)}.pv-edit-link.active{color:var(--pv-accent-text)}.pv-nav-link:hover{color:var(--pv-heading);background:var(--pv-hover)}.pv-nav-link.active{color:var(--pv-accent-text)}.pv-nav-link.active:after{content:"";background:var(--pv-accent);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-6px;left:9px;right:9px}.pv-body{background-image:var(--pv-page-grain), var(--pv-page-wash);flex:1;gap:10px;min-height:0;padding:10px;display:flex;overflow:hidden}.pv-panel{background-color:color-mix(in srgb, var(--pv-surface) var(--pv-panel-opacity-pct), transparent);background-image:var(--pv-panel-lift), var(--pv-surface-img);background-blend-mode:var(--pv-surface-blend);width:130px;-webkit-backdrop-filter:blur(var(--pv-panel-blur));border-radius:var(--pv-radius);box-shadow:var(--pv-panel-highlight), var(--pv-shadow);border:var(--pv-border-width,0px) solid var(--pv-border);padding:var(--pv-pad);background-size:auto;flex-direction:column;flex-shrink:0;gap:6px;display:flex;overflow:hidden}.pv-section-head{letter-spacing:.1em;text-transform:uppercase;color:var(--pv-heading);font-size:9px;font-weight:700}.pv-item-list{flex-direction:column;gap:1px;display:flex}.pv-item{color:var(--pv-muted);border-radius:calc(var(--pv-radius) * .55);cursor:default;transition:var(--pv-trans);white-space:nowrap;text-overflow:ellipsis;padding:4px 5px;font-size:10px;overflow:hidden}.pv-item:hover{background:var(--pv-hover);color:var(--pv-primary)}.pv-item.active{background:var(--pv-accent-bg);color:var(--pv-accent-text)}.pv-divider{background:var(--pv-border);flex-shrink:0;height:1px;margin:2px 0}.pv-fake-input{color:var(--pv-muted);border:1px solid var(--pv-border);border-radius:calc(var(--pv-radius) * .7);background:var(--pv-sunken);box-shadow:var(--pv-sunken-shadow);opacity:.6;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;padding:5px 6px;font-size:9px;overflow:hidden}.pv-btn{border-radius:calc(var(--pv-radius) * .7);text-align:center;cursor:default;transition:var(--pv-trans);flex-shrink:0;padding:5px 7px;font-size:9px;font-weight:600}.pv-btn-primary{background:var(--pv-accent-bg);border:1px solid var(--pv-accent-border);color:var(--pv-accent-text);box-shadow:var(--pv-glow)}.pv-btn-neutral{background:var(--pv-hover);border:1px solid var(--pv-border);color:var(--pv-muted)}.pv-btn-danger{background:var(--pv-danger-bg);border:1px solid var(--pv-danger-border);color:var(--pv-danger)}.pv-main{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex;overflow:hidden}.pv-board{border-radius:var(--pv-radius);box-shadow:var(--pv-shadow);flex-shrink:0;grid-template-columns:repeat(4,1fr);width:100%;max-width:160px;display:grid;overflow:hidden}.pv-sq{aspect-ratio:1}.pv-sq.light{background:#f0d9b5}.pv-sq.dark{background:#b58863}.pv-card{min-height:0;padding:var(--pv-pad);background-color:color-mix(in srgb, var(--pv-surface) var(--pv-panel-opacity-pct), transparent);background-image:var(--pv-panel-lift), var(--pv-surface-img);background-blend-mode:var(--pv-surface-blend);-webkit-backdrop-filter:blur(var(--pv-panel-blur));border-radius:var(--pv-radius);box-shadow:var(--pv-panel-highlight), var(--pv-shadow);border:var(--pv-border-width,0px) solid var(--pv-border);background-size:auto;flex-direction:column;flex:1;gap:8px;display:flex;overflow:hidden}.pv-card-row{gap:6px;display:flex}.pv-type-demo{flex-direction:column;gap:3px;display:flex}.pv-h{color:var(--pv-heading);font-size:12px;font-weight:700;display:block}.pv-p{color:var(--pv-primary);font-size:10px;line-height:1.4;display:block}.pv-m{color:var(--pv-muted);font-size:9px;display:block}.tv2-cursor-slot{flex-direction:column;gap:10px;display:flex}.tv2-cursor-row{align-items:stretch;gap:10px;display:flex}.tv2-cursor-swatch{border:1px solid var(--border);border-radius:var(--panel-radius);background:var(--surface-sunken);width:78px;height:78px;box-shadow:var(--sunken-shadow);flex:none;justify-content:center;align-items:center;display:flex;position:relative}.tv2-cursor-swatch img{border-radius:var(--panel-radius);width:100%;height:100%;image-rendering:pixelated}.tv2-cursor-glyph{width:30px;height:30px;color:var(--text-muted);opacity:.4}.tv2-cursor-hotspot{border:1.5px solid var(--accent);pointer-events:none;border-radius:50%;width:9px;height:9px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000008c}.tv2-cursor-actions{flex-direction:column;flex:auto;justify-content:center;gap:6px;min-width:0;display:flex}.tv2-cursor-name{color:var(--text-primary);font-size:12px;font-weight:600}.tv2-cursor-btns{gap:6px;display:flex}.tv2-cursor-btns .tv2-file-btn{flex:auto}.tv2-cursor-btns .tv2-image-remove{flex:none;position:static}.tv2-cursor-sliders{flex-direction:column;gap:8px;display:flex}.tv2-field-error{color:var(--danger)}.tv2-preview-app{position:relative}.pv-cursor{z-index:5;pointer-events:none;position:absolute}.pv-cursor img{image-rendering:pixelated;filter:drop-shadow(0 1px 2px #00000080);display:block}.tv2-cursor-swatch.is-aimable{cursor:crosshair;touch-action:none}.tv2-cursor-swatch.is-aimable:hover{border-color:var(--accent-border-hover)}@media (width<=800px){.tv2-carousel-wrap,.tv2-editor{width:100%;max-width:100%}.tv2-editor{flex-direction:column;height:auto}.tv2-controls{width:100%;max-width:100%;height:auto;max-height:60svh}.tv2-preview-wrap{width:100%;max-width:100%;height:auto;overflow:visible}.tv2-preview-app{flex:none;min-height:420px}}.effects-shell{max-height:calc(100svh - var(--navbar-h,52px));flex-direction:column;display:flex}.effects-carousel-wrap,.effects-editor{--page-frame-width:min(calc(100vw - 40px), 1040px)}.effects-carousel-wrap{flex-shrink:0}.effects-editor{height:clamp(400px, calc(100dvh - var(--editor-chrome-vh)), 860px);text-align:left;gap:20px;display:flex}.fx-lib-panel{flex-direction:column;flex-shrink:0;width:300px;display:flex;overflow:hidden}.fx-lib-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:16px 16px 12px;display:flex}.fx-upload-btn{border-radius:var(--panel-radius);border:1px solid var(--accent-border);background:var(--accent-bg);height:26px;color:var(--accent-text);cursor:pointer;white-space:nowrap;align-items:center;padding:0 10px;font-size:12px;display:inline-flex}.fx-upload-btn:hover{background:var(--accent-bg-hover)}.fx-upload-btn input[type=file]{display:none}.fx-lib-list{flex-direction:column;gap:2px;padding:6px;display:flex}.fx-lib-empty{color:var(--text-muted);margin:0;padding:8px;font-size:12px;font-style:italic;line-height:1.5}.fx-lib-row{border-radius:var(--panel-radius-sm);cursor:grab;align-items:center;gap:10px;padding:5px 8px;display:flex}.fx-lib-row:hover{background:var(--hover-bg)}.fx-lib-row:active{cursor:grabbing}.fx-lib-row.is-dragging{opacity:.4}.fx-lib-thumb{border:1px solid var(--border);background:var(--surface-sunken);border-radius:4px;flex-shrink:0;width:30px;height:30px;display:flex;overflow:hidden}.fx-lib-thumb img{object-fit:contain;width:100%;height:100%}.fx-lib-name{min-width:0;color:var(--text-primary);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:none;flex:1;padding:0;font-family:inherit;font-size:13px;overflow:hidden}.fx-lib-name:hover:not(:disabled){color:var(--accent-text)}.fx-lib-name:disabled{cursor:default;color:var(--text-muted)}.fx-lib-name-input{border:1px solid var(--accent-border);background:var(--surface-sunken);min-width:0;height:24px;color:var(--text-primary);border-radius:4px;flex:1;padding:0 6px;font-family:inherit;font-size:13px}.fx-lib-remove{width:20px;height:20px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:12px}.fx-lib-remove:hover{color:var(--danger,#e05555)}.fx-lib-confirm-delete{border:1px solid var(--danger,#e05555);height:22px;color:var(--danger,#e05555);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;padding:0 8px;font-family:inherit;font-size:11px}.fx-lib-confirm-delete:hover{background:color-mix(in srgb, var(--danger,#e05555) 18%, transparent)}.fx-save-section{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:10px;padding:14px 16px;display:flex}.fx-content{flex:1;min-width:0;padding-right:4px}.fx-cards{flex-direction:column;gap:12px;display:flex}.fx-editor{align-items:flex-start;padding:0;display:flex;overflow:hidden}.fx-editor.is-drop-target{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.fx-editor-main{flex-direction:column;flex:1;align-items:stretch;gap:14px;min-width:0;min-height:150px;padding:16px 18px;display:flex}.fx-card-head{flex-wrap:wrap;align-items:center;gap:18px;min-height:19px;display:flex}.fx-card-head .panel-label{margin-right:4px}.fx-card-side{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);font-size:11px;font-weight:600}.fx-disabled{opacity:.45;pointer-events:none}.fx-side-tab{border:none;border-right:1px solid var(--border);cursor:pointer;width:30px;color:var(--text-faint);transition:background var(--ui-transition), color var(--ui-transition);background:0 0;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;padding:0;font-size:13px;display:flex}.fx-side-tab:hover{background:var(--hover-bg);color:var(--text-primary)}.fx-body{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.fx-controls{flex-direction:column;gap:10px;width:100%;min-width:0;max-width:340px;display:flex}.fx-fields{flex-direction:column;gap:10px;display:flex}.fx-vars{flex-direction:column;gap:10px;max-height:104px;display:flex}.fx-preview{cursor:pointer;flex-shrink:0;align-self:center;margin:16px 18px 16px 0}.fx-preview input[type=file]{display:none}.fx-preview-sq{width:var(--fx-preview-size,112px);height:var(--fx-preview-size,112px);border-radius:var(--panel-radius-sm);border:1px solid var(--border);background:var(--surface-sunken);box-shadow:var(--sunken-shadow);position:relative;overflow:hidden}.fx-preview--locked{pointer-events:none}.fx-preview-layer{background-position:50%;background-size:cover;position:absolute;inset:0}.fx-preview-overlay{opacity:0;transition:opacity var(--ui-transition);background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fx-preview:hover .fx-preview-overlay{opacity:1}.fx-preview-icon{color:#fff;font-size:20px;line-height:1}.fx-slider-field{flex-direction:column;gap:5px;display:flex}.fx-slider-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.fx-slider-label{color:var(--text-muted);font-size:12px}.fx-slider-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:12px}.fx-slider{width:100%;accent-color:var(--accent);cursor:pointer}.fx-group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.fx-arrow-sample{width:100%;height:100%;display:block}.effects-width-input{background:var(--surface-sunken);width:56px;box-shadow:var(--sunken-shadow);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;padding:4px 6px;font-family:inherit;font-size:13px}.effects-carousel-wrap{width:100%}.effects-thumb{background:var(--surface-sunken);justify-content:center;align-items:center;display:flex;overflow:hidden}.effects-thumb-tile{width:100%;height:100%;display:block}.effects-thumb-sq{aspect-ratio:1;height:100%;position:relative}.effects-thumb-layer{background-position:50%;background-size:cover;position:absolute;inset:0}.effects-thumb-ring{border:calc(var(--cs-thumb-h) * 3 / 52) solid currentColor;border-radius:50%;position:absolute;inset:0}.effects-thumb-img{object-fit:cover;display:block}.effects-thumb-field{align-items:center;gap:12px;margin-bottom:8px;display:flex}.effects-thumb-upload{border:1px solid var(--border);border-radius:var(--panel-radius);cursor:pointer;height:30px;color:var(--text-muted);white-space:nowrap;justify-content:center;align-items:center;padding:0 12px;font-size:12px;display:inline-flex}.effects-thumb-upload:hover{border-color:var(--accent-border-hover);color:var(--text-primary)}.effects-thumb-upload input[type=file]{display:none}.effects-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-heading);margin:0 0 8px;font-size:11px;font-weight:600}.effects-save-row{gap:8px;display:flex}.effects-name-input{background:var(--surface-sunken);box-shadow:var(--sunken-shadow);border:1px solid var(--border);border-radius:var(--panel-radius);color:var(--text-primary);min-width:0;transition:border-color var(--ui-transition);flex:1;padding:8px 10px;font-family:inherit;font-size:13px}.effects-name-input:focus{border-color:var(--accent-border-hover)}.effects-name-input::placeholder{color:var(--text-faint)}.effects-save-btn{border-radius:var(--panel-radius);border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--accent-text);cursor:pointer;white-space:nowrap;transition:background var(--ui-transition), border-color var(--ui-transition), color var(--ui-transition);flex-shrink:0;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600}.effects-save-btn:hover:not(:disabled){background:var(--accent-bg-hover);border-color:var(--accent-border-hover)}.effects-save-btn:disabled{opacity:.35;cursor:not-allowed}.effects-save-btn.saved{color:#81c784;background:#4caf5026;border-color:#4caf5066}@media (width<=800px){.effects-editor{flex-direction:column;height:auto}.fx-lib-panel{width:100%;height:auto}.fx-lib-list{flex:none;max-height:45svh;overflow-y:auto}.fx-content{width:100%;height:auto;overflow:visible}}.snd-carousel-wrap,.snd-page{--page-frame-width:min(calc(100vw - 40px), 1040px)}.snd-page{text-align:left;flex-direction:column;gap:20px;padding-bottom:24px;display:flex}.snd-thumb{object-fit:cover;display:block}.snd-thumb--empty{color:var(--text-muted);background:var(--surface-translucent);justify-content:center;align-items:center;font-size:22px;display:flex}.snd-editor{height:clamp(400px, calc(100dvh - var(--editor-chrome-vh)), 860px);gap:20px;display:flex}.snd-controls{flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow:hidden}.snd-lib-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:16px 16px 12px;display:flex}.snd-upload-btn{border-radius:var(--panel-radius);border:1px solid var(--accent-border);background:var(--accent-bg);height:28px;color:var(--accent-text);cursor:pointer;white-space:nowrap;align-items:center;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.snd-upload-btn:hover{background:var(--accent-bg-hover)}.snd-upload-btn input[type=file]{display:none}.snd-lib-list{flex-direction:column;gap:4px;padding:8px 12px;display:flex}.snd-empty{color:var(--text-muted);margin:0;padding:8px;font-size:12px;font-style:italic;line-height:1.5}.snd-lib-row{border-radius:var(--panel-radius);cursor:grab;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:8px;display:flex}.snd-lib-row:hover{background:var(--hover-bg)}.snd-lib-row:active{cursor:grabbing}.snd-lib-row.is-dragging{opacity:.4}.snd-lib-row .sounds-play-btn{min-width:0;padding:4px 9px}.snd-lib-name{text-align:left;min-width:0;color:var(--text-primary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;flex:1;padding:0;font-family:inherit;font-size:13px;overflow:hidden}.snd-lib-name:hover:not(:disabled){color:var(--accent-text)}.snd-lib-name:disabled{cursor:default;color:var(--text-muted)}.snd-lib-name-input{border:1px solid var(--accent-border-hover);border-radius:var(--panel-radius);background:var(--surface-sunken);min-width:0;height:26px;box-shadow:var(--sunken-shadow);color:var(--text-primary);flex:1;padding:0 8px;font-family:inherit;font-size:13px}.snd-lib-confirm-delete{border:1px solid var(--danger);border-radius:var(--panel-radius-sm);background:color-mix(in srgb, var(--danger) 16%, transparent);height:24px;color:var(--danger);cursor:pointer;transition:background var(--ui-transition), color var(--ui-transition);flex-shrink:0;padding:0 10px;font-family:inherit;font-size:11px;font-weight:600}.snd-lib-confirm-delete:hover{background:var(--danger);color:var(--danger-on)}.snd-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:11px;font-weight:600}.snd-unsaved{text-transform:none;letter-spacing:0;color:var(--text-faint,var(--text-muted));font-weight:500}.snd-save-section{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:10px;padding:16px;display:flex}.snd-thumb-field{align-items:center;gap:12px;display:flex}.snd-thumb-preview{border-radius:var(--panel-radius);border:1px solid var(--border);background:var(--surface-translucent);width:72px;height:45px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex;overflow:hidden}.snd-thumb-preview img{object-fit:cover;width:100%;height:100%;display:block}.snd-thumb-upload{border:1px solid var(--border);border-radius:var(--panel-radius);cursor:pointer;height:30px;color:var(--text-muted);white-space:nowrap;justify-content:center;align-items:center;padding:0 12px;font-size:12px;display:inline-flex}.snd-thumb-upload:hover{border-color:var(--accent-border-hover);color:var(--text-primary)}.snd-thumb-upload input[type=file]{display:none}.snd-save-row{gap:8px;display:flex}.snd-name-input{border:1px solid var(--border);border-radius:var(--panel-radius);background:var(--surface-sunken);min-width:0;height:32px;box-shadow:var(--sunken-shadow);color:var(--text-primary);flex:1;padding:0 10px;font-family:inherit;font-size:13px}.snd-name-input:focus{border-color:var(--accent-border-hover)}.snd-save-btn{border-radius:var(--panel-radius);border:1px solid var(--accent-border);background:var(--accent-bg);height:32px;color:var(--accent-text);cursor:pointer;white-space:nowrap;transition:background var(--ui-transition), border-color var(--ui-transition);flex-shrink:0;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600}.snd-save-btn:hover:not(:disabled){background:var(--accent-bg-hover);border-color:var(--accent-border-hover)}.snd-save-btn:disabled{opacity:.35;cursor:not-allowed}.snd-save-btn.saved{color:#81c784;background:#4caf5026;border-color:#4caf5066}.snd-content{min-width:0;padding-right:4px}.sounds-list{flex-direction:column;gap:12px;min-height:100%;display:flex}.sounds-row{flex-direction:column;flex:1 0 auto;gap:10px;padding:14px 18px;display:flex}.sounds-row.is-drop-target{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.sounds-row-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.sounds-clips{flex-direction:column;gap:8px;display:flex}.sounds-clip{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px 10px;padding:8px 0;display:flex}.sounds-clips .sounds-clip:first-child{border-top:none;padding-top:0}.sounds-clip.is-disabled{opacity:.5}.sounds-clip .sounds-play-btn{min-width:0;padding:4px 10px}.sounds-clip-remove{border-radius:var(--panel-radius-sm);background:var(--surface-sunken);width:22px;height:22px;box-shadow:var(--sunken-shadow);color:var(--text-muted);cursor:pointer;transition:color var(--ui-transition), background var(--ui-transition), transform var(--ui-transition);border:none;flex-shrink:0;padding:0;font-size:14px;line-height:1}.sounds-clip-remove:hover{color:var(--danger);background:color-mix(in srgb, var(--danger) 14%, transparent)}.sounds-play-btn{white-space:nowrap;min-width:84px}.sounds-play-btn.is-playing{color:var(--accent);border-color:var(--accent-border-hover);animation:.7s ease-in-out infinite sounds-play-pulse}@keyframes sounds-play-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 0%, transparent)}}.sounds-play-btn:disabled{opacity:.4;cursor:not-allowed}.snd-clip-name{min-width:80px;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.snd-clip-name.is-missing{color:var(--danger);font-style:italic}.snd-add-select{color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;align-self:flex-start;padding:0 0 0 10px;font-family:inherit;font-size:13px}.snd-add-select:hover:not(:disabled),.snd-add-select:focus-visible{color:var(--text-primary)}.snd-add-select:disabled{color:var(--text-faint,var(--text-muted));opacity:.6;cursor:default}.snd-add-select option{background:var(--surface-color);color:var(--text-primary)}@supports (appearance:base-select){.snd-add-select{appearance:base-select}.snd-add-select::picker(select){appearance:base-select}.snd-add-select{align-items:center;display:inline-flex}.snd-add-select::picker-icon{display:none}.snd-add-select::picker(select){border:1px solid var(--border);border-radius:var(--panel-radius);background:var(--surface-color);box-shadow:var(--panel-highlight), var(--panel-shadow);margin-top:4px;padding:4px}.snd-add-select option{border-radius:calc(var(--panel-radius) - 2px);background:0 0;padding:6px 10px}.snd-add-select option:hover,.snd-add-select option:focus{background:var(--hover-bg-strong)}.snd-add-select option:checked{background:var(--accent-bg);color:var(--accent-text)}.snd-add-select option::checkmark{display:none}}.sounds-gain-slider{width:120px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.sounds-gain-value{min-width:38px;color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px}.sounds-meter{background:var(--surface-translucent);border:1px solid var(--border);border-radius:4px;flex-shrink:0;width:54px;height:8px;position:relative;overflow:hidden}.sounds-meter.is-empty{opacity:.4}.sounds-meter-band{background:#4caf5038;position:absolute;top:0;bottom:0}.sounds-meter-fill{background:var(--text-muted);transition:width 80ms linear;position:absolute;top:0;bottom:0;left:0}.sounds-meter.state-quiet .sounds-meter-fill{background:var(--text-muted)}.sounds-meter.state-ok .sounds-meter-fill{background:#4caf50}.sounds-meter.state-loud .sounds-meter-fill{background:#e0a63a}.sounds-meter.state-clip .sounds-meter-fill{background:var(--danger)}@media (width<=800px){.snd-editor{flex-direction:column;height:auto}.snd-controls{width:100%;height:auto;max-height:60svh}.snd-content{width:100%;height:auto;overflow:visible}}.cg-wrap{box-sizing:content-box;display:block;position:relative}cg-container{width:100%;height:100%;display:block;position:absolute;top:0}cg-board{-webkit-user-select:none;user-select:none;background-size:cover;width:100%;height:100%;line-height:0;position:absolute;top:0;left:0}.cg-wrap.manipulable cg-board{cursor:pointer}cg-board square{pointer-events:none;width:12.5%;height:12.5%;position:absolute;top:0;left:0}cg-board square.move-dest{pointer-events:auto}cg-board square.last-move{will-change:transform}.cg-wrap piece{z-index:2;will-change:transform;pointer-events:none;background-size:cover;width:12.5%;height:12.5%;position:absolute;top:0;left:0}cg-board piece.dragging{cursor:move;z-index:11!important}piece.anim{z-index:8}piece.fading{z-index:1;opacity:.5}.cg-wrap piece.ghost{opacity:.3}.cg-wrap piece svg{pointer-events:none;z-index:2;opacity:.6;width:100%;height:100%;position:relative;top:0;left:0;overflow:hidden}.cg-wrap cg-auto-pieces,.cg-wrap .cg-shapes,.cg-wrap .cg-custom-svgs,.cg-wrap .cg-shapes-below,.cg-wrap .cg-custom-below{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.cg-wrap cg-auto-pieces{z-index:2}.cg-wrap cg-auto-pieces piece{opacity:.3}.cg-wrap .cg-shapes{opacity:.6;z-index:2;overflow:hidden}.cg-wrap .cg-shapes-below{z-index:1;overflow:hidden}.cg-wrap .cg-custom-below{z-index:1}.cg-wrap .cg-custom-svgs{z-index:9}.cg-wrap .cg-custom-svgs svg,.cg-wrap .cg-custom-below svg{overflow:visible}.cg-wrap coords{pointer-events:none;opacity:.8;font-family:sans-serif;font-size:9px;display:flex;position:absolute}.cg-wrap coords.ranks{flex-flow:column-reverse;width:12px;height:100%;top:-20px;left:4px}.cg-wrap coords.ranks.black{flex-flow:column}.cg-wrap coords.ranks.left{align-items:flex-end;left:-15px}.cg-wrap coords.files{text-transform:uppercase;text-align:center;flex-flow:row;width:100%;height:16px;bottom:-4px;left:24px}.cg-wrap coords.files.black{flex-flow:row-reverse}.cg-wrap coords coord{flex:auto}.cg-wrap coords.ranks coord{transform:translateY(39%)}.cg-wrap coords.squares{text-transform:uppercase;text-align:right;flex-flow:column-reverse;width:12.5%;height:100%;bottom:0;left:0}.cg-wrap coords.squares.black{flex-flow:column}.cg-wrap coords.squares.left{text-align:left}.cg-wrap coords.squares coord{padding:6% 4%}.cg-wrap coords.squares.rank2{transform:translate(100%)}.cg-wrap coords.squares.rank3{transform:translate(200%)}.cg-wrap coords.squares.rank4{transform:translate(300%)}.cg-wrap coords.squares.rank5{transform:translate(400%)}.cg-wrap coords.squares.rank6{transform:translate(500%)}.cg-wrap coords.squares.rank7{transform:translate(600%)}.cg-wrap coords.squares.rank8{transform:translate(700%)}cg-board{background-color:#f0d9b5;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4PSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIgogICAgIHZpZXdCb3g9IjAgMCA4IDgiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyI+CjxnIGlkPSJhIj4KICA8ZyBpZD0iYiI+CiAgICA8ZyBpZD0iYyI+CiAgICAgIDxnIGlkPSJkIj4KICAgICAgICA8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBpZD0iZSIgb3BhY2l0eT0iMCIvPgogICAgICAgIDx1c2UgeD0iMSIgeT0iMSIgaHJlZj0iI2UiIHg6aHJlZj0iI2UiLz4KICAgICAgICA8cmVjdCB5PSIxIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBpZD0iZiIgb3BhY2l0eT0iMC4yIi8+CiAgICAgICAgPHVzZSB4PSIxIiB5PSItMSIgaHJlZj0iI2YiIHg6aHJlZj0iI2YiLz4KICAgICAgPC9nPgogICAgICA8dXNlIHg9IjIiIGhyZWY9IiNkIiB4OmhyZWY9IiNkIi8+CiAgICA8L2c+CiAgICA8dXNlIHg9IjQiIGhyZWY9IiNjIiB4OmhyZWY9IiNjIi8+CiAgPC9nPgogIDx1c2UgeT0iMiIgaHJlZj0iI2IiIHg6aHJlZj0iI2IiLz4KPC9nPgo8dXNlIHk9IjQiIGhyZWY9IiNhIiB4OmhyZWY9IiNhIi8+Cjwvc3ZnPg==)}cg-board square.move-dest{background:radial-gradient(#14551e80 22%,#208530 0,#0000004d 0,#0000 0)}cg-board square.premove-dest{background:radial-gradient(#141e5580 22%,#203085 0,#0000004d 0,#0000 0)}cg-board square.oc.move-dest{background:radial-gradient(#0000 0% 80%,#1455004d 80%)}cg-board square.oc.premove-dest{background:radial-gradient(#0000 0% 80%,#141e5533 80%)}cg-board square.move-dest:hover,cg-board square.move-dest.hover{background:#14551e4d}cg-board square.premove-dest:hover,cg-board square.premove-dest.hover{background:#141e5533}cg-board square.last-move{background-color:#9bc70069}cg-board square.selected{background-color:#14551e80}cg-board square.check{background:radial-gradient(red 0%,#e70000 25%,#a9000000 89%,#9e000000 100%)}cg-board square.current-premove{background-color:#141e5580}.orientation-white .ranks :nth-child(odd),.orientation-white .files :nth-child(2n),.orientation-black .ranks :nth-child(2n),.orientation-black .files :nth-child(odd),coords.squares:nth-of-type(odd) :nth-child(2n),coords.squares:nth-of-type(2n) :nth-child(odd){color:#484848cc}.orientation-white .ranks :nth-child(2n),.orientation-white .files :nth-child(odd),.orientation-black .ranks :nth-child(odd),.orientation-black .files :nth-child(2n),coords.squares:nth-of-type(odd) :nth-child(odd),coords.squares:nth-of-type(2n) :nth-child(2n){color:#fffc}.promotion-overlay{z-index:100;cursor:default;background:#00000040;position:absolute;inset:0}.promotion-choices{pointer-events:none;position:absolute;inset:0}.promotion-square{pointer-events:auto;cursor:pointer;background:color-mix(in srgb, var(--surface-color) 80%, transparent);border-radius:var(--panel-radius-sm);width:12.5%;height:12.5%;transition:background var(--ui-transition);position:absolute;box-shadow:0 2px 8px #00000080}.promotion-square:hover{background:color-mix(in srgb, var(--accent) 50%, transparent)}.promotion-square piece{width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.play-root{--play-clock-col:var(--clock-col-w);--play-lichess-col:clamp(145px, 17vw, 240px);--play-gap:20px;--play-edge-pad:20px;--play-board-max:1000px;--play-vert-reserve:14dvh;--play-material-row:22px;--play-side-cols:calc(var(--play-clock-col) + var(--play-lichess-col) + var(--play-gap) * 2 + var(--play-edge-pad) + 48px);--play-board-size:min(clamp(300px, calc(100dvh - var(--play-vert-reserve)), var(--play-board-max)),  calc(100vw - var(--play-side-cols)));--play-content-width:calc(var(--play-board-size) + var(--play-gap) * 2 + var(--play-clock-col) + var(--play-lichess-col) + var(--play-edge-pad));min-height:calc(100svh - var(--navbar-h,52px));flex-direction:column;align-items:center;display:flex}.play-root:before,.play-root:after{content:"";flex:1 1 0}.play-root:after{flex-grow:1.6}.play-scene{width:var(--play-content-width);box-sizing:border-box;gap:var(--play-gap);padding:20px calc(var(--play-edge-pad) / 2) 24px;align-items:flex-start;margin:0 auto;display:flex}.play-board-col{flex-direction:column;display:flex}.play-material{height:var(--play-material-row);flex-shrink:0;align-items:center;gap:4px;display:flex;overflow:hidden}.play-material-group{align-items:center;display:flex}.play-material-piece{background-color:var(--text-muted);flex:none;width:22px;height:22px;margin-inline-start:-7px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.play-material-group>.play-material-piece:first-child{margin-inline-start:0}.play-material-score{letter-spacing:.02em;color:var(--text-muted);font-size:13px;font-weight:600;line-height:1}.play-board-frame{width:var(--play-board-size);height:var(--play-board-size);box-sizing:border-box;box-shadow:var(--panel-shadow);flex-shrink:0}.play-root .play-board-wrap{width:var(--play-board-size);height:var(--play-board-size);flex-shrink:0;position:relative}.play-board-frame .play-board-wrap,.play-board{width:100%;height:100%}.play-root .play-board cg-board{border-radius:var(--board-inner-radius,8px);background-color:#0000;background-image:none}html[data-cg-dragging] .cg-wrap.manipulable cg-board{cursor:grabbing}.play-root .play-board cg-container{margin:auto;inset:0}.play-lichess-col{width:var(--play-lichess-col);height:var(--play-board-size);flex-shrink:0;justify-content:center;align-items:center;display:flex}.play-clock-col{width:var(--play-clock-col);height:var(--play-board-size);flex-shrink:0;justify-content:center;align-items:center;display:flex}.play-clock-inner{flex-direction:column;gap:0;width:100%;display:flex}:where([data-clock]) :where([data-action][data-armed]){color:var(--danger);background:var(--danger-bg);box-shadow:inset 0 0 0 1px var(--danger-border)}@media (width<=800px){.play-root{--play-side-cols:var(--play-edge-pad)}.play-scene{flex-direction:column;align-items:center;width:100%}.play-lichess-col{display:none}.play-clock-col{width:100%;max-width:var(--play-board-size);height:auto}}.corr-list{flex-wrap:wrap;flex:none;gap:10px;display:flex}.corr-card{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:stretch;width:160px;padding:0;font-family:inherit;display:flex}.corr-board{flex:none;width:160px;height:160px}.corr-card-name{color:var(--text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;transition:color var(--ui-transition);padding:7px 4px 0;font-size:12px;font-weight:500;line-height:1.25;display:block;overflow:hidden}.corr-card:hover .corr-card-name{color:var(--text-heading)}.corr-card.is-mine .corr-card-name{color:var(--accent-text);font-weight:600}.home-notice{--note-size:15px;--note-leading:1.7;--note-gap:11px;--note-pad-y:12px;--note-pad-x:22px;padding:var(--note-pad-y) var(--note-pad-x) calc(var(--note-pad-y) + 9px);box-sizing:border-box;cursor:pointer;flex-direction:column;flex-shrink:0;display:flex;position:relative}.home-notice-copy{gap:var(--note-gap);box-sizing:border-box;max-height:9svh;min-height:calc(2 * var(--note-size) * var(--note-leading) + var(--note-gap));flex-direction:column;display:flex;overflow:hidden}.home-notice.is-expanded .home-notice-copy{max-height:none}.home-notice-line{font-size:var(--note-size);line-height:var(--note-leading);color:var(--text-muted);text-align:left;margin:0}.home-notice-more{right:calc(var(--note-pad-x) + 1.5px);bottom:calc(var(--note-pad-y) + 1.5px);border-right:1.5px solid var(--text-muted);border-bottom:1.5px solid var(--text-muted);opacity:.55;pointer-events:none;width:7px;height:7px;transition:transform var(--ui-transition), opacity var(--ui-transition);position:absolute;transform:rotate(45deg)}.home-notice.is-expanded .home-notice-more{bottom:calc(var(--note-pad-y) - 3.5px);transform:rotate(225deg)}.home-notice:hover .home-notice-more{opacity:1}.home-notice-link{font:inherit;color:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.home-notice-link:hover{text-decoration-thickness:2px}.home-page{box-sizing:border-box;flex-direction:column;flex:auto;gap:16px;max-width:860px;min-height:0;margin:0 auto;padding:12px 24px 24px;display:flex}.home-page:before,.home-page:after{content:"";flex:1 1 0}.home-page:before{margin-bottom:-16px}.home-page:after{flex-grow:1.6;margin-top:-16px}.home-hero{aspect-ratio:812/124;flex-shrink:0;width:100%;max-height:140px;margin-bottom:12px;position:relative}.home-hero:before{content:"";background-color:var(--accent-text);pointer-events:none;position:absolute;inset:0;-webkit-mask-image:url(/assets/banner-e02f1jjN.svg);mask-image:url(/assets/banner-e02f1jjN.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.home-quick{flex-direction:column;gap:6px;margin-top:-12px;display:flex}.home-quick-head{justify-content:space-evenly;align-items:center;gap:12px;min-height:18px;display:flex}.home-quick-status{align-items:center;gap:10px;display:flex}.home-quick-status .btn-ghost{padding:4px 10px;font-size:12px}.home-quick-grid{gap:8px;display:flex}.home-options{flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:8px;display:flex}.home-tab-stack{display:grid;position:relative}.home-tab-pane{grid-area:1/1}.home-tab-pane:not(.active){visibility:hidden}.home-tab-pane--scroll{contain:size;scrollbar-width:none;-ms-overflow-style:none;min-height:0;overflow-y:auto}.home-tab-pane--scroll::-webkit-scrollbar{display:none}.home-tab-stack .home-tab-pane:not(.home-tab-pane--scroll)>:first-child{margin-top:auto}.home-tab-pane--center{justify-content:center}.home-tab-pane--center .form-msg{margin-top:0}.home-level-grid{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.home-listen-desc{color:var(--text-muted);margin:0;font-size:13px;line-height:1.6}.ext-link{color:var(--accent);white-space:nowrap;border-bottom:1px solid color-mix(in srgb, var(--accent) 40%, transparent);text-decoration:none}.ext-link:hover{border-bottom-color:var(--accent)}.ext-link-icon{vertical-align:-1px;margin-left:3px}@media (width<=700px){.home-hero-cta{bottom:12px;right:12px}}.home-send-rows{flex-direction:column;gap:10px;display:flex}.home-send-row{align-items:center;gap:14px;display:flex}.home-send-user{flex:auto;min-width:0}.home-page>.tab-panel{flex-shrink:0}.tab-panel .home-tab-stack{padding:22px}.home-tab-stack .home-tab-pane{gap:16px}.home-tab-foot{flex-direction:column;gap:10px;margin-top:auto;display:flex}.home-tab-foot .form-msg{margin-top:0}.home-tab-pane .panel-label{text-align:left}