: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: rgba(99, 102, 241, .15);--red: #f87171;--green: #4ade80;--blue: #60a5fa;--orange: #fb923c;--text: #e2e4f0;--text-secondary: #8b8da8;--text-muted: #505072;--overlay-bg: rgba(12, 12, 20, .78);--panel-width: 280px;--panel-padding: 20px;--gap-md: 8px;--gap-sm: 4px}[data-mode=light]{--bg: #f5f5f9;--panel: #ffffff;--panel-raised: #f0f0f6;--panel-grad: #eaeaf2;--border: #dcdce8;--border-subtle: #e8e8f0;--accent: #4f46e5;--accent-hover: #6366f1;--accent-muted: rgba(79, 70, 229, .1);--red: #ef4444;--green: #22c55e;--blue: #3b82f6;--orange: #ea580c;--text: #1a1a2e;--text-secondary: #6b6b88;--text-muted: #9b9bb8;--overlay-bg: rgba(245, 245, 249, .85)}.lang-btn{flex-shrink:0;width:36px;height:28px;background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;cursor:pointer;border-radius:6px;transition:all .16s}.lang-btn:hover{color:var(--accent-hover);border-color:var(--accent);background:var(--accent-muted)}.mode-toggle-btn{flex-shrink:0;width:32px;height:32px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--panel-raised);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .16s}.mode-toggle-btn:hover{border-color:var(--accent);color:var(--accent-hover);background:var(--accent-muted)}.mode-icon{width:18px;height:18px;stroke-linecap:round;stroke-linejoin:round}[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}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:Space Mono,monospace}#app{display:flex;width:100vw;height:100vh}#panel{width:var(--panel-width);min-width:var(--panel-width);background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:2}#scene{flex:1;min-width:0;height:100%;display:block}.drawer-handle{display:none;justify-content:center;padding:10px 0 6px}.drawer-handle span{width:52px;height:4px;border-radius:999px;background:var(--border)}.panel-header{padding:18px var(--panel-padding) 14px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--panel-grad) 0%,var(--panel) 100%);flex-shrink:0;display:flex;align-items:center;gap:8px}.panel-header-brand{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.logo{position:relative;font-family:Orbitron,Noto Sans TC,sans-serif;font-size:24px;font-weight:900;letter-spacing:8px;text-indent:8px;background:linear-gradient(135deg,var(--accent-hover),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;letter-spacing:inherit;text-indent:inherit;white-space:pre;pointer-events:none;z-index:2;color:transparent;opacity:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.18) 44%,rgba(255,255,255,.95) 49%,rgba(255,255,255,1) 50%,rgba(255,255,255,.95) 51%,rgba(255,255,255,.18) 56%,transparent 60%);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.logo.logo-pop{background:linear-gradient(90deg,#ff6b6b,#ffa64d,#ffd93d,#6bff6b,#6bd4ff,#a78bfa,#ff6b9d,var(--accent-hover),var(--blue));background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:logoPop .9s cubic-bezier(.18,1.2,.4,1) both,logoRainbow 1.5s ease-out both}.logo.logo-shine:after{animation:logoShineSweep .95s ease-in-out both}@keyframes logoPop{0%{transform:scale(.3);filter:blur(6px)}40%{transform:scale(1.08);filter:blur(0);text-shadow:-2px 0 rgba(255,107,107,.8),2px 0 rgba(107,212,255,.8)}70%{transform:scale(.96)}to{transform:scale(1);text-shadow:none}}@keyframes logoRainbow{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes logoShineSweep{0%{background-position:200% 200%;opacity:0}30%{opacity:1}70%{opacity:1}to{background-position:-100% -100%;opacity:0}}.style-note{display:inline-block;margin-left:6px;font-style:normal;font-size:9px;letter-spacing:1.5px;color:var(--text-muted);font-family:Space Mono,monospace}.tagline{margin-top:2px;font-size:9px;color:var(--text-muted);letter-spacing:3px;text-transform:uppercase;text-indent:3px}.panel-scroll{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent}.panel-section{border-bottom:1px solid var(--border)}.section-header{display:flex;align-items:center;justify-content:space-between;padding:12px var(--panel-padding);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.section-header:hover{background:var(--accent-muted)}.section-label-group{display:flex;align-items:baseline;gap:var(--gap-md)}.section-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);font-weight:700}.section-label-en{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);opacity:.5}.section-chevron{width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:transform .25s cubic-bezier(.4,0,.2,1)}.section-chevron:after{content:"";width:6px;height:6px;border-right:1.5px solid var(--text-muted);border-bottom:1.5px solid var(--text-muted);transform:rotate(45deg);margin-top:-3px}.section-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1)}.section-content{overflow:hidden;padding:0 var(--panel-padding) 16px}.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)}.field{margin-bottom:12px}.field:last-child{margin-bottom:0}.field.compact{margin-bottom:10px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-md)}.field label{display:block;margin-bottom:6px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted)}.field textarea,.field select{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:8px;color:var(--text);font-family:Space Mono,Noto Sans TC,monospace;font-size:12px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.field textarea{min-height:52px;resize:vertical;padding:10px 12px;line-height:1.45}.field select{padding:10px 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.mode-field{grid-column:span 2}.mode-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mode-card{display:block;width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--panel-raised);color:inherit;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.mode-card:hover{transform:translateY(-1px);border-color:#6366f18c;background:#6366f114}.mode-card.active{border-color:var(--accent);background:linear-gradient(135deg,#6366f129,#60a5fa14);box-shadow:0 0 0 1px #6366f138}.mode-card-title{font-size:12px;font-weight:700;color:var(--text);letter-spacing:.5px}.mode-card-subtitle{margin-top:2px;font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent-hover)}.field textarea:focus,.field select:focus{border-color:var(--accent-hover);box-shadow:0 0 0 3px var(--accent-muted)}.field-hint{font-size:11px;line-height:1.55;color:var(--text-secondary)}.gen-wrap{padding:12px var(--panel-padding)}.btn-gen{display:flex;align-items:center;justify-content:center;margin:0;width:100%;height:42px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;font-family:Space Mono,monospace;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;flex-shrink:0}.btn-gen:hover{transform:translateY(-1px);box-shadow:0 6px 24px #6366f159}.btn-gen:active{transform:translateY(0);box-shadow:0 2px 8px #6366f133}.gen-icon{margin-right:8px}.slider-row{display:flex;align-items:center;gap:var(--gap-md);margin-top:4px}.slider-row:has(#chaos){margin-top:8px;margin-bottom:4px}.toggle-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.toggle-row .toggle-label{font-size:11px;color:var(--text-muted);letter-spacing:.4px}.toggle{width:36px;height:20px;border-radius:10px;background:var(--border);cursor:pointer;position:relative;transition:background .22s ease;flex-shrink:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-muted);transition:all .22s ease;box-shadow:0 1px 3px #00000040}.toggle.on{background:var(--accent)}.toggle.on:after{left:18px;background:#fff}.toggle:focus-visible{outline:2px solid var(--accent-hover);outline-offset:2px}.seed-row{margin-top:10px}.btn-reroll{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;width:100%;height:36px;padding:0 12px;background:var(--accent-muted);border:1.5px dashed var(--accent);border-radius:8px;color:var(--accent);font-family:inherit;font-size:11px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .15s}.btn-reroll:hover{background:var(--accent);color:#fff;border-style:solid;transform:translateY(-1px)}.btn-reroll:active{transform:translateY(0)}.btn-reroll .reroll-icon{font-size:16px;line-height:1;display:inline-block;transition:transform .4s}.btn-reroll:hover .reroll-icon{transform:rotate(180deg)}.btn-reroll.spinning .reroll-icon{animation:rerollSpin .9s linear}@keyframes rerollSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.algo-seed{margin-top:6px;font-size:11px;color:var(--text-secondary);line-height:1.5;display:flex;gap:6px}.algo-seed .as-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.algo-seed .as-value{font-variant-numeric:tabular-nums}.slider-label{min-width:62px;font-size:10px;letter-spacing:1px;color:var(--text-muted);text-transform:uppercase}.slider-val{min-width:44px;padding:2px 8px;border-radius:10px;background:var(--accent-muted);color:var(--accent-hover);font-size:10px;font-weight:700;text-align:center}input[type=range]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;border-radius:2px;background:var(--border);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--panel);box-shadow:0 1px 4px #0003;cursor:pointer}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--panel);box-shadow:0 1px 4px #0003;cursor:pointer}.seg-control{display:flex;gap:2px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:2px}.seg-btn{flex:1;padding:8px 4px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-family:Space Mono,monospace;font-size:10px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.seg-btn.active{background:var(--accent);color:#fff}.seg-btn:hover:not(.active){background:var(--accent-muted);color:var(--text)}.seg-grid{display:grid;grid-template-columns:repeat(3,1fr)}.ecc-control{display:grid;grid-template-columns:repeat(4,1fr)}.style-chips{display:grid;grid-template-columns:repeat(3,1fr)}.style-chips .seg-btn{font-size:10px;letter-spacing:.4px;padding:9px 4px}.appearance-subgroup{margin-bottom:16px;padding-bottom:14px;border-bottom:1px dashed var(--border-subtle)}.appearance-subgroup:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.subgroup-header{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.subgroup-name{font-size:11px;font-weight:700;color:var(--text);letter-spacing:2px}.subgroup-en{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);opacity:.55}.subgroup-tag{margin-left:auto;padding:2px 8px;font-size:9px;letter-spacing:1px;color:var(--accent-hover);background:var(--accent-muted);border-radius:999px;white-space:nowrap}.style-tag{display:inline-block;margin-left:6px;padding:1px 6px;font-size:9px;letter-spacing:.8px;color:var(--accent-hover);background:var(--accent-muted);border-radius:999px;vertical-align:middle}.style-group{margin-bottom:12px}.style-group:last-child{margin-bottom:0}.slider-row+.style-group{margin-top:14px}.style-label{display:block;margin-bottom:8px;font-size:10px;color:var(--text-secondary)}.swatch-row{display:flex;align-items:center;gap:var(--gap-md)}.swatch{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s ease;outline:none;padding:0;box-shadow:inset 0 0 0 1px #ffffff14;flex-shrink:0}.swatch:hover{transform:scale(1.12)}.swatch.active{border-color:#ffffffd9;box-shadow:0 0 0 2px var(--accent-muted),inset 0 0 0 1px #ffffff1f}.swatch-picker{width:24px;height:24px;border-radius:50%;border:2px dashed var(--border);cursor:pointer;padding:0;background:var(--panel-raised);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .15s ease;flex-shrink:0}.swatch-picker:hover{transform:scale(1.12);border-color:var(--accent)}.swatch-picker::-webkit-color-swatch-wrapper{padding:0}.swatch-picker::-webkit-color-swatch{border:none;border-radius:50%;opacity:0}.swatch-picker::-moz-color-swatch{border:none;border-radius:50%;opacity:0}.swatch-picker.active{border-style:solid;border-color:#ffffffd9;box-shadow:0 0 0 2px var(--accent-muted)}.swatch-picker.active::-webkit-color-swatch,.swatch-picker.active::-moz-color-swatch{opacity:1}.view-grid .seg-btn{font-size:11px}.scan-action{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:10px;height:36px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;transition:border-color .15s ease,color .15s ease,background .15s ease}.scan-action:hover{border-color:var(--accent);color:var(--accent-hover)}.scan-action.active{border-color:#22d3eeb3;color:#67e8f9;background:#082f4973}.scan-action-icon{font-size:14px;line-height:1}.scan-action.active .scan-action-icon{filter:drop-shadow(0 0 4px rgba(34,211,238,.5))}.scan-action-title{flex:0 0 auto}.verify-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.verify-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel-raised);color:var(--text);cursor:pointer;font-family:Space Mono,monospace;transition:border-color .18s ease,background .18s ease,transform .18s ease}.verify-btn:hover{transform:translateY(-1px);border-color:var(--accent);background:var(--accent-muted)}.verify-btn:disabled{opacity:.5;cursor:progress;transform:none}.verify-btn.verify-primary{border-color:#6366f180;background:linear-gradient(135deg,#6366f12e,#60a5fa14);color:#ecfeff}.verify-btn.verify-primary:hover{border-color:var(--accent);background:linear-gradient(135deg,#6366f147,#60a5fa24)}.verify-icon{font-size:11px;line-height:1;opacity:.85}.verify-label{font-size:11px;letter-spacing:1px;font-weight:700}.verify-result{padding:10px 12px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--panel-raised);min-height:44px;display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.verify-empty{font-size:10px;letter-spacing:.5px;color:var(--text-muted);text-align:center;align-self:center;padding:6px 0}.verify-summary{display:flex;align-items:center;justify-content:space-between;gap:8px}.verify-badge{padding:3px 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:1px;white-space:nowrap}.verify-badge.pass{background:#4ade8026;color:var(--green);border:1px solid rgba(74,222,128,.4)}.verify-badge.fail{background:#f8717126;color:var(--red);border:1px solid rgba(248,113,113,.4)}.verify-badge.busy{background:#6366f126;color:var(--accent-hover);border:1px solid rgba(99,102,241,.4)}.verify-meta{font-size:9px;letter-spacing:.6px;color:var(--text-muted);text-align:right}.verify-faces{display:flex;flex-wrap:wrap;gap:4px}.face-result{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.5px;font-family:Space Mono,monospace}.face-result.pass{background:#4ade801a;color:var(--green)}.face-result.fail{background:#f871711a;color:var(--red)}.face-result:before{content:"✓";font-size:10px}.face-result.fail:before{content:"✕"}.verify-sweep{display:grid;grid-template-columns:repeat(11,1fr);gap:2px}.sweep-step{height:18px;border-radius:3px;font-size:7px;font-weight:700;display:flex;align-items:center;justify-content:center;letter-spacing:.3px;color:#ffffffb3}.sweep-step.pass{background:#4ade8073}.sweep-step.fail{background:#f8717173}.sweep-step.pending{background:var(--border);color:var(--text-muted)}.sweep-step.current{outline:1px solid var(--accent-hover);outline-offset:1px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.stat-card{padding:10px 8px;border:1px solid var(--border);border-radius:10px;background:var(--panel-raised)}.sv{font-size:18px;font-weight:700;line-height:1.2}.sl{margin-top:4px;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted)}.sc-indigo .sv{color:var(--accent-hover)}.sc-blue .sv{color:var(--blue)}.sc-green .sv{color:var(--green)}.info-panel{margin-top:12px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--panel-raised)}.info-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.info-row:last-child{margin-bottom:0}.info-key{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:var(--text-muted)}.info-value{flex:1;text-align:right;font-size:11px;line-height:1.45;color:var(--text-secondary)}.payload-value{word-break:break-all}.status-line{margin-top:12px;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:#6366f114;color:var(--text-secondary);font-size:11px;line-height:1.55}.export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.export-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--panel-raised);color:var(--text);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.export-btn:hover{transform:translateY(-1px);border-color:var(--accent);background:var(--accent-muted)}.export-icon{font-size:16px;line-height:1}.export-name{font-size:11px;font-weight:700;letter-spacing:1px}.export-desc{font-size:9px;color:var(--text-muted)}.panel-footer{display:flex;align-items:center;padding:12px var(--panel-padding);border-top:1px solid var(--border);background:linear-gradient(180deg,var(--panel) 0%,var(--panel-grad) 100%);flex-shrink:0}@media (max-width: 900px){:root{--panel-width: 100vw}#app{flex-direction:column-reverse}#scene{height:calc(100vh - min(54vh,500px))}#panel{width:100%;min-width:100%;max-height:min(54vh,500px);border-right:none;border-top:1px solid var(--border)}.drawer-handle{display:flex}}@media (max-width: 560px){.field-grid,.stats-grid,.export-grid{grid-template-columns:1fr}.mode-field{grid-column:auto}.panel-header{padding-top:12px}}