:root,[data-mode=dark]{--bg:#0c0c14;--panel:#12121c;--panel-raised:#1a1a28;--panel-grad:#0a0a16;--border:#2a2a3e;--border-subtle:#1e1e30;--accent:#6366f1;--accent-hover:#818cf8;--accent-muted:#6366f126;--red:#f87171;--green:#4ade80;--blue:#60a5fa;--text:#e2e4f0;--text-secondary:#8b8da8;--text-muted:#505072;--toggle-off:#3a3a50;--overlay-bg:#0c0c14bf;--overlay-heavy:#0c0c14e6;--kbd-bg:#1e1e38cc;--swatch-ring:#ffffffd9;--panel-width:280px;--panel-padding:20px;--btn-sm:28px;--btn-xs:24px;--input-size:40px;--toggle-w:36px;--toggle-h:20px;--draw-canvas-size:120px;--preview-canvas-size:48px;--gap-md:8px;--gap-sm:4px}[data-mode=light]{--bg:#f5f5f9;--panel:#fff;--panel-raised:#f0f0f6;--panel-grad:#eaeaf2;--border:#dcdce8;--border-subtle:#e8e8f0;--accent:#4f46e5;--accent-hover:#6366f1;--accent-muted:#4f46e514;--red:#ef4444;--green:#22c55e;--blue:#3b82f6;--text:#1a1a2e;--text-secondary:#6b6b88;--text-muted:#9b9bb8;--toggle-off:#c8c8d8;--overlay-bg:#f5f5f9cc;--overlay-heavy:#f5f5f9eb;--kbd-bg:#dcdce8cc;--swatch-ring:var(--accent)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);height:100dvh;font-family:Space Mono,monospace;display:flex;overflow:hidden}#panel{width:var(--panel-width);min-width:var(--panel-width);background:var(--panel);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.panel-header{padding:16px var(--panel-padding) 14px;border-bottom:1px solid var(--border);background:linear-gradient(180deg, var(--panel-grad) 0%, var(--panel) 100%);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.panel-header-brand{flex-direction:column;flex:1;align-items:center;display:flex;position:relative;overflow:hidden}.logo{letter-spacing:8px;text-indent:8px;background:linear-gradient(135deg, var(--accent-hover), var(--blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Orbitron,sans-serif;font-size:24px;font-weight:900;position:relative}.logo:after{content:attr(data-text);letter-spacing:inherit;text-indent:inherit;white-space:pre;pointer-events:none;z-index:2;color:#0000;opacity:0;background:linear-gradient(135deg,#0000 40%,#ffffff26 44%,#fffffff2 49%,#fff 50%,#fffffff2 51%,#ffffff26 56%,#0000 60%) 0 0/300% 300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.logo.logo-pop{background:linear-gradient(90deg, #ff6b6b, #ffa64d, #ffd93d, #6bff6b, #6bd4ff, #a78bfa, #ff6b9d, var(--accent-hover), var(--blue));-webkit-text-fill-color:transparent;background-size:300% 100%;-webkit-background-clip:text;animation:1s cubic-bezier(.18,1.2,.4,1) both logoPop,1.6s ease-out both logoRainbow}.logo.logo-shine:after{animation:1s ease-in-out both logoShineSweep}.tagline{color:var(--text-muted);letter-spacing:3px;text-transform:uppercase;text-indent:3px;margin-top:2px;font-size:8px}.tagline.tagline-pop{animation:.6s ease-out .8s both taglineFade}@keyframes logoPop{0%{opacity:0;filter:blur(10px);transform:scale(.3)}25%{opacity:1;filter:blur()drop-shadow(-4px -3px #ff6464b3)drop-shadow(4px 3px #648cffb3)drop-shadow(0 -4px #64ffa080)}50%{filter:drop-shadow(-2px -1px #ff646466)drop-shadow(2px 1px #648cff66);transform:scale(1.4)}70%{filter:none;transform:scale(.95)}to{filter:none;transform:scale(1)}}@keyframes logoRainbow{0%{background-position:100%}60%{background-position:0%}to{background-position:0%}}@keyframes logoShineSweep{0%{opacity:1;background-position:130% 130%}to{opacity:1;background-position:-30% -30%}}@keyframes taglineFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mode-toggle-btn{border:1px solid var(--border);background:var(--panel-raised);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;transition:all .2s;display:flex}.lang-label{font-family:Space Mono,monospace;font-size:11px;font-weight:700;line-height:1}.mode-toggle-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-muted)}.mode-icon{stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}[data-mode=dark] .mode-icon-sun{display:block}[data-mode=dark] .mode-icon-moon,[data-mode=light] .mode-icon-sun{display:none}[data-mode=light] .mode-icon-moon{display:block}.panel-scroll{scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent;flex:1;overflow:hidden auto}.panel-section{border-bottom:1px solid var(--border)}.section-header{padding:12px var(--panel-padding);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;transition:background .15s;display:flex}.section-header:hover{background:var(--accent-muted)}.section-label-group{align-items:baseline;gap:var(--gap-md);display:flex}.section-label{letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:700}.section-label-en{letter-spacing:1.5px;color:var(--text-muted);opacity:.5;text-transform:uppercase;font-size:8px}.section-chevron{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex}.section-chevron:after{content:"";border-right:1.5px solid var(--text-muted);border-bottom:1.5px solid var(--text-muted);width:6px;height:6px;margin-top:-3px;transition:transform .25s cubic-bezier(.4,0,.2,1);transform:rotate(45deg)}.section-body{grid-template-rows:1fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1);display:grid}.section-content{padding:0 var(--panel-padding) 16px;overflow:hidden}.panel-section.collapsed .section-body{grid-template-rows:0fr}.panel-section.collapsed .section-content{padding-bottom:0}.panel-section.collapsed .section-chevron{transform:rotate(-90deg)}.panel-section.static .section-header{cursor:default}.panel-section.static .section-header:hover{background:0 0}.letter-row{align-items:center;gap:var(--gap-md);margin-bottom:10px;display:flex}.letter-row:last-child{margin-bottom:0}.axis-tag{letter-spacing:1px;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:9px;font-weight:700;display:flex}.ax-r{color:var(--red);background:#f871711f;border:1px solid #f8717140}.ax-g{color:var(--green);background:#4ade801f;border:1px solid #4ade8040}.ax-b{color:var(--blue);background:#60a5fa1f;border:1px solid #60a5fa40}.letter-input{width:var(--input-size);height:var(--input-size);background:var(--bg);border:1.5px solid var(--border);color:var(--text);text-align:center;border-radius:8px;outline:none;flex-shrink:0;font-family:Orbitron,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;font-size:18px;font-weight:700;transition:border-color .2s,box-shadow .2s}.letter-input.over-limit{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444440!important}.proj-mode-tabs{margin-bottom:12px}.shape-row{align-items:flex-start;gap:var(--gap-md);margin-bottom:10px;display:flex}.shape-row:last-child{margin-bottom:0}.shape-selector{gap:var(--gap-sm);flex-wrap:wrap;flex:1;min-width:0;display:flex}.shape-btn{width:var(--btn-sm);height:var(--btn-sm);border:1.5px solid var(--border);background:var(--bg);color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;transition:all .15s;display:flex}.shape-btn:hover{border-color:var(--accent);color:var(--text);background:var(--accent-muted)}.shape-btn.active{border-color:var(--accent);background:var(--accent);color:#fff}[data-axis=x] .shape-btn.active{border-color:var(--red);color:var(--red);background:#f8717140}[data-axis=z] .shape-btn.active{border-color:var(--green);color:var(--green);background:#4ade8040}[data-axis=y] .shape-btn.active{border-color:var(--blue);color:var(--blue);background:#60a5fa40}.draw-row{align-items:flex-start;gap:var(--gap-md);margin-bottom:10px;display:flex}.draw-row:last-child{margin-bottom:0}.draw-canvas{width:var(--draw-canvas-size);height:var(--draw-canvas-size);cursor:crosshair;image-rendering:pixelated;background:var(--bg);border-radius:6px;flex-shrink:0}#drawX{border:1.5px solid #f871714d}#drawZ{border:1.5px solid #4ade804d}#drawY{border:1.5px solid #60a5fa4d}.draw-tools{gap:var(--gap-sm);flex-direction:column;display:flex}.draw-tool-btn{width:var(--btn-sm);height:var(--btn-sm);border:1.5px solid var(--border);background:var(--bg);color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:14px;transition:all .15s;display:flex}.draw-tool-btn:hover{border-color:var(--accent);color:var(--text)}.draw-tool-btn.active{border-color:var(--accent);background:var(--accent);color:#fff}.letter-input:focus{border-color:var(--accent-hover);box-shadow:0 0 0 3px var(--accent-muted)}.letter-input.ri:focus{border-color:var(--red);box-shadow:0 0 0 3px #f8717126}.letter-input.gi:focus{border-color:var(--green);box-shadow:0 0 0 3px #4ade8026}.letter-input.bi:focus{border-color:var(--blue);box-shadow:0 0 0 3px #60a5fa26}.preview-canvas{width:var(--preview-canvas-size);height:var(--preview-canvas-size);border-radius:6px;flex-shrink:0}#pvX{border:1px solid #f8717133}#pvZ{border:1px solid #4ade8033}#pvY{border:1px solid #60a5fa33}.axis-desc{color:var(--text-muted);flex-shrink:0;font-size:9px;line-height:1.4}.btn-gen{background:linear-gradient(135deg, var(--accent), #8b5cf6);color:#fff;letter-spacing:2px;cursor:pointer;text-transform:uppercase;text-align:center;border:none;border-radius:10px;flex-shrink:0;width:calc(100% - 40px);height:44px;margin:12px 20px;padding:0;font-family:Space Mono,monospace;font-size:12px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:block}.btn-gen:hover{transform:translateY(-1px);box-shadow:0 6px 24px #6366f159}.btn-gen:active{transform:translateY(0);box-shadow:0 2px 8px #6366f133}.slider-row{align-items:center;gap:var(--gap-md);margin-bottom:10px;display:flex}.slider-row:last-of-type{margin-bottom:0}.slider-label{min-width:56px;color:var(--text-secondary);font-size:11px}.slider-val{color:var(--accent);background:var(--accent-muted);text-align:center;border-radius:10px;min-width:32px;padding:2px 8px;font-size:10px;font-weight:700}input[type=range]{-webkit-appearance:none;background:var(--border);border-radius:2px;outline:none;flex:1;height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border:2px solid var(--panel);border-radius:50%;width:16px;height:16px;transition:transform .15s;box-shadow:0 1px 4px #0003}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:2px solid var(--panel);border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0003}.sub-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);margin:12px 0 8px;font-size:9px}.toggle-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.toggle-row:last-child{margin-bottom:0}.toggle-label{color:var(--text-secondary);font-size:11px}.toggle{width:var(--toggle-w);height:var(--toggle-h);background:var(--border);cursor:pointer;border-radius:10px;flex-shrink:0;transition:background .25s cubic-bezier(.4,0,.2,1);position:relative}.toggle:after{content:"";background:var(--toggle-off);border-radius:50%;width:16px;height:16px;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.toggle.on{background:var(--accent)}.toggle.on:after{background:#fff;left:18px}.algo-select{background:var(--bg);border:1px solid var(--border);border-radius:8px;gap:2px;padding:2px;display:flex}.algo-option{cursor:pointer;flex:1;justify-content:center;align-items:center;display:flex}.algo-option input[type=radio]{display:none}.algo-option span{text-align:center;width:100%;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;padding:6px 2px;font-size:10px;transition:all .2s;display:block}.algo-option input[type=radio]:checked+span{background:var(--accent);color:#fff}.algo-option:hover span{color:var(--text);background:var(--accent-muted)}.algo-option:has(input[type=radio]:checked):hover span{background:var(--accent);color:#fff}.algo-desc{background:var(--panel-raised);border:1px solid var(--border-subtle);border-radius:6px;margin-top:8px;padding:8px 10px}.algo-desc p{color:var(--text-secondary);margin:0;font-size:11px;line-height:1.5}.info-tip{background:var(--border);width:14px;height:14px;color:var(--text-secondary);cursor:help;vertical-align:middle;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;font-size:9px;font-weight:700;display:inline-flex}.progress-bar{background:var(--border);border-radius:2px;height:3px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-hover));border-radius:2px;width:0%;height:100%;transition:width .3s}.progress-text{color:var(--text-muted);text-align:center;margin-top:4px;font-size:9px}.seg-control{background:var(--bg);border:1px solid var(--border);border-radius:8px;gap:2px;padding:2px;display:flex}.seg-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;flex:1;padding:8px 4px;font-family:Space Mono,monospace;font-size:10px;transition:all .2s}.seg-btn.active{background:var(--accent);color:#fff}.seg-btn:hover:not(.active){background:var(--accent-muted);color:var(--text)}.seg-grid{grid-template-columns:repeat(3,1fr);display:grid}.stats-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.stat-card{background:var(--panel-raised);border:1px solid var(--border-subtle);text-align:center;border-left:3px solid var(--border);border-radius:8px;padding:10px 8px 8px}.sc-indigo{border-left-color:#6366f1}.sc-blue{border-left-color:#60a5fa}.sc-green{border-left-color:#4ade80}.sc-orange{border-left-color:#f97316}.sv{color:var(--accent-hover);font-family:Orbitron,sans-serif;font-size:18px;font-weight:700}.sl{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;margin-top:2px;font-size:8px}.style-group{margin-bottom:14px}.style-group:last-child{margin-bottom:0}.style-label{color:var(--text-secondary);margin-bottom:8px;font-size:10px;display:block}.swatch-row{gap:var(--gap-md);align-items:center;display:flex}.swatch{width:var(--btn-xs);height:var(--btn-xs);cursor:pointer;border:2px solid #0000;border-radius:50%;outline:none;flex-shrink:0;padding:0;transition:all .15s;box-shadow:inset 0 0 0 1px #ffffff14}.swatch:hover{transform:scale(1.12)}.swatch.active{border-color:var(--swatch-ring);box-shadow:0 0 0 2px var(--accent-muted), inset 0 0 0 1px #ffffff1f}.color-row{align-items:center;gap:var(--gap-md);margin-bottom:8px;display:flex}.color-row:last-child{margin-bottom:0}.color-axis{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:8px;font-weight:700;display:flex}.swatch-picker{border:2px dashed var(--border);cursor:pointer;background:var(--panel-raised);appearance:none;border-radius:50%;flex-shrink:0;width:24px;height:24px;padding:0;transition:all .15s}.swatch-picker:hover{border-color:var(--accent);transform:scale(1.12)}.swatch-picker::-webkit-color-swatch-wrapper{padding:0}.swatch-picker::-webkit-color-swatch{opacity:0;border:none;border-radius:50%}.swatch-picker::-moz-color-swatch{opacity:0;border:none;border-radius:50%}.swatch-picker.active{border-style:solid;border-color:var(--swatch-ring);box-shadow:0 0 0 2px var(--accent-muted)}.swatch-picker.active::-webkit-color-swatch{opacity:1}.swatch-picker.active::-moz-color-swatch{opacity:1}.export-grid{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.export-btn{background:var(--panel-raised);border:1px solid var(--border-subtle);cursor:pointer;color:var(--text);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 4px 8px;font-family:Space Mono,monospace;transition:all .2s;display:flex}.export-btn:hover{border-color:var(--accent);background:var(--accent-muted);transform:translateY(-1px);box-shadow:0 3px 12px #6366f126}.export-btn:active{transform:translateY(0)}.export-btn.exporting{opacity:.5;pointer-events:none}.export-icon{font-size:18px;line-height:1}.export-name{letter-spacing:1px;color:var(--accent-hover);font-size:10px;font-weight:700}.export-desc{color:var(--text-muted);letter-spacing:.5px;font-size:8px}.import-row{border-top:1px solid var(--border-subtle);margin-top:10px;padding-top:10px}.import-btn{border:1px dashed var(--border);width:100%;color:var(--text-secondary);letter-spacing:1px;cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-family:Space Mono,monospace;font-size:10px;transition:all .2s;display:flex}.import-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-muted)}.import-icon{font-size:14px}.about-content{padding-bottom:24px}.about-block{margin-bottom:14px}.about-block:last-child{margin-bottom:0}.about-heading{letter-spacing:1.5px;color:var(--accent-hover);border-bottom:1px solid var(--border-subtle);margin-bottom:6px;padding-bottom:4px;font-size:9px;font-weight:700}.about-item{align-items:baseline;gap:6px;padding:2px 0;line-height:1.5;display:flex}.about-zh{color:var(--text);flex-shrink:0;font-size:10px}.about-en{color:var(--text-muted);opacity:.7;font-size:9px}.about-sub{padding-left:12px}.about-sub .about-en{opacity:.5;font-style:italic}html[lang=en] .about-zh,html[lang=zh-TW] .about-en{display:none}#main{flex:1;position:relative;overflow:hidden}#canvas{width:100%;height:100%;display:block}#canvas.fps-mode{cursor:none}#topbar{background:var(--overlay-bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;z-index:10;justify-content:space-between;align-items:center;height:36px;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.topbar-left{letter-spacing:2px;color:var(--text-muted);font-size:10px}.topbar-right{letter-spacing:3px;color:var(--text-muted);opacity:.5;font-size:9px}#fps-overlay{text-align:center;z-index:20;pointer-events:none;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.click-hint{color:var(--accent-hover);margin-bottom:12px;font-size:18px;animation:2s infinite pulse}.key-hints{color:var(--text-muted);font-size:11px}.key-hints kbd{background:var(--kbd-bg);border:1px solid var(--border);color:var(--text);border-radius:3px;margin:0 1px;padding:2px 6px;font-family:Space Mono,monospace;font-size:10px;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}#crosshair{z-index:15;pointer-events:none;width:20px;height:20px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";background:#ffffff80;position:absolute}#crosshair:before{height:1px;top:50%;left:0;right:0;transform:translateY(-50%)}#crosshair:after{width:1px;top:0;bottom:0;left:50%;transform:translate(-50%)}#loading{background:var(--overlay-heavy);z-index:30;letter-spacing:3px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:11px;display:none;position:absolute;inset:0}.spinner{border:3px solid var(--border);border-top-color:var(--accent-hover);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.drawer-handle{cursor:grab;justify-content:center;padding:8px 0 4px;display:none}.drawer-handle span{background:var(--border);border-radius:2px;width:36px;height:4px}#mobileBar{display:none}.mobile-btn{border:1px solid var(--border);background:var(--panel-raised);width:48px;height:48px;color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-size:20px;transition:all .2s;display:flex}.mobile-btn:active{background:var(--accent);color:#fff;transform:scale(.95)}#mobileOverlay{z-index:45;background:#00000080;display:none;position:fixed;inset:0}.embed-mode #panel,.embed-mode #mobileBar,.embed-mode .mode-hud,.embed-mode .watermark{display:none!important}.embed-mode #main{width:100vw!important}.embed-mode body{overflow:hidden}@media (width<=768px){:root,[data-mode=dark],[data-mode=light]{--panel-padding:16px;--btn-sm:36px;--btn-xs:30px;--input-size:44px}body{flex-direction:column}#main{flex:1;width:100%;height:100dvh}#panel{border-right:none;border-top:1px solid var(--border);z-index:50;border-radius:16px 16px 0 0;max-height:75dvh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%);width:100%!important;min-width:0!important}#panel.open{transform:translateY(0)}.drawer-handle{display:flex}#mobileBar{background:var(--panel);border-top:1px solid var(--border);z-index:40;justify-content:center;align-items:center;gap:16px;height:64px;padding:0 24px;display:flex;position:fixed;bottom:0;left:0;right:0}#main{padding-bottom:64px}.panel-header{padding:10px var(--panel-padding) 8px}.logo{letter-spacing:4px;text-indent:4px;font-size:18px}.tagline{letter-spacing:2px;font-size:7px}#topbar,.seg-btn[data-mode=fps]{display:none}.draw-canvas{width:min(28vw,140px);height:min(28vw,140px)}.btn-gen{margin:8px var(--panel-padding);width:calc(100% - var(--panel-padding) * 2)}.section-content{padding:0 var(--panel-padding) 12px}}.btn-reroll{background:var(--accent-muted);border:1.5px dashed var(--accent);width:100%;height:36px;color:var(--accent);letter-spacing:1px;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:0 12px;font-family:inherit;font-size:11px;font-weight:700;transition:all .15s;display:flex}.btn-reroll:hover{background:var(--accent);color:#fff;border-style:solid;transform:translateY(-1px)}.btn-reroll:active{transform:translateY(0)}.btn-reroll[hidden]{display:none}.algo-seed{color:var(--text-secondary);margin-top:4px;font-size:11px;line-height:1.5}.algo-seed .as-value{font-variant-numeric:tabular-nums}.btn-reroll.running{opacity:.5;pointer-events:none}.btn-reroll .reroll-icon{font-size:16px;line-height:1;transition:transform .4s;display:inline-block}.btn-reroll:hover .reroll-icon{transform:rotate(180deg)}.btn-reroll.running .reroll-icon{animation:.9s linear infinite rerollSpin}@keyframes rerollSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.voxel-shape-control{align-items:center;gap:10px;display:flex}.voxel-shape-btn{background:var(--bg);border:1.5px solid var(--border);height:44px;color:var(--text);cursor:pointer;border-radius:8px;flex:1;align-items:center;gap:8px;padding:0 12px;font-family:inherit;font-size:12px;transition:border-color .15s,background .15s;display:flex}.voxel-shape-btn:hover{border-color:var(--accent);background:var(--accent-muted)}.voxel-shape-btn.open{border-color:var(--accent)}.voxel-shape-btn .vs-icon{color:var(--accent);font-size:18px;line-height:1}.voxel-shape-btn .vs-label{text-align:left;letter-spacing:.5px;flex:1;font-weight:700}.voxel-shape-btn .vs-warn{color:#f59e0b;font-size:13px;line-height:1}.voxel-shape-btn .vs-chevron{color:var(--text-secondary);font-size:10px;transition:transform .2s}.voxel-shape-btn.open .vs-chevron{transform:rotate(180deg)}.voxel-shape-preview-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;line-height:0;position:relative}.voxel-shape-preview-btn:hover .voxel-shape-preview{border-color:var(--accent)}.voxel-shape-preview-btn:hover .vs-axis-badge{background:var(--accent);color:#fff}.voxel-shape-preview{border:1.5px solid var(--border);background:radial-gradient(circle at 30% 25%, var(--panel-raised) 0%, var(--bg) 75%);border-radius:8px;width:44px;height:44px;transition:border-color .15s;display:block}.vs-axis-badge{background:var(--bg);min-width:14px;height:14px;color:var(--text-secondary);letter-spacing:.5px;text-align:center;pointer-events:none;border-radius:4px;padding:0 3px;font-family:inherit;font-size:9px;font-weight:700;line-height:14px;transition:all .15s;position:absolute;bottom:2px;right:2px}.voxel-shape-dropdown{background:var(--panel-raised);border:1px solid var(--border);border-radius:8px;max-height:340px;margin-top:8px;padding:10px;animation:.15s ease-out vsdFade;overflow-y:auto}.voxel-shape-dropdown[hidden]{display:none}@keyframes vsdFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.vsd-category+.vsd-category{border-top:1px dashed var(--border-subtle);margin-top:10px;padding-top:10px}.vsd-cat-label{letter-spacing:1.5px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:6px;font-size:9px}.vsd-hollow-note{color:#f59e0b;letter-spacing:0;text-transform:none;margin-left:4px;font-size:9px;font-weight:400}.vsd-grid{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.vsd-item{aspect-ratio:1;background:var(--bg);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:16px;transition:all .12s;display:flex}.vsd-item:hover{border-color:var(--accent);background:var(--accent-muted);color:var(--accent);transform:translateY(-1px)}.vsd-item.active{border-color:var(--accent);background:var(--accent);color:#fff}.vsd-item{position:relative}.vsd-item.hollow:after{content:"⚠";color:#f59e0b;text-shadow:0 0 3px #0009;pointer-events:none;font-size:9px;line-height:1;position:absolute;top:1px;right:2px}.vsd-item.hollow.active:after{color:#fbbf24}