@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300..800;1,300..800&family=Noto+Serif+TC:wght@400;600;900&family=Ma+Shan+Zheng&display=swap";:root{--bg-darkest:#07080a;--bg-darker:#0c0e12;--bg-dark:#12151b;--bg-surface:#181d24;--bg-surface-elevated:#202732;--bg-surface-hover:#293240;--cinnabar-500:#d2382c;--cinnabar-400:#e84e42;--cinnabar-600:#aa2419;--cinnabar-glow:#d2382c47;--gold-500:#d6a856;--gold-400:#ecc277;--gold-600:#a47829;--gold-glow:#d6a85633;--paper-100:#fbf9f4;--paper-200:#f4eee1;--paper-300:#e5dac4;--paper-500:#a89d84;--paper-700:#575040;--jade-500:#2a9d8f;--jade-glow:#2a9d8f40;--border-subtle:#ffffff12;--border-gold:#d6a85638;--border-cinnabar:#d2382c59;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px #00000080;--shadow-lg:0 16px 40px #000000b3;--shadow-glow-gold:0 0 25px #d6a8562e;--shadow-glow-cinnabar:0 0 25px #d2382c40;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:"Noto Serif TC", "Zen Antique Soft", SimSun, serif;--font-brush:"Ma Shan Zheng", "Noto Serif TC", cursive, serif;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-normal:.25s cubic-bezier(.16, 1, .3, 1);--transition-slow:.4s cubic-bezier(.16, 1, .3, 1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-darkest);min-height:100vh;color:var(--paper-200);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-darkest)}::-webkit-scrollbar-thumb{background:#252b36;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold-600)}.atelier-grid-bg{background-color:var(--bg-darkest);background-image:linear-gradient(90deg,#d6a8560a 1px,#0000 0),linear-gradient(#d6a8560a 1px,#0000 0);background-size:24px 24px}.glass-panel{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);background:#12151bbf;border-radius:12px}.glass-panel-elevated{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-gold);box-shadow:var(--shadow-md);background:#181d24d9;border-radius:12px}.seal-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--gold-400);background:#d6a8561a;border:1px solid #d6a85640;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.seal-badge-cinnabar{color:#ff9189;background:#d2382c26;border-color:#d2382c59}.btn-gold{color:#0c0e12;background:linear-gradient(135deg,var(--gold-400),var(--gold-500));border:1px solid var(--gold-400);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-sm);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;display:inline-flex}.btn-gold:hover{background:linear-gradient(135deg,#f8d593,var(--gold-400));box-shadow:var(--shadow-glow-gold);transform:translateY(-1px)}.btn-gold:active{transform:translateY(0)}.btn-cinnabar{color:#fff;background:linear-gradient(135deg,var(--cinnabar-500),var(--cinnabar-600));border:1px solid var(--cinnabar-400);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-sm);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;display:inline-flex}.btn-cinnabar:hover{background:linear-gradient(135deg,var(--cinnabar-400),var(--cinnabar-500));box-shadow:var(--shadow-glow-cinnabar);transform:translateY(-1px)}.btn-surface{color:var(--paper-200);background:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;transition:var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.btn-surface:hover{background:var(--bg-surface-hover);border-color:var(--border-gold);color:var(--gold-400)}.btn-surface.active{border-color:var(--gold-500);color:var(--gold-400);background:#d6a85626}.slider-group{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.slider-header{color:var(--paper-300);justify-content:space-between;align-items:center;font-size:12px;display:flex}.slider-val{color:var(--gold-400);background:#00000059;border-radius:4px;padding:1px 6px;font-family:monospace;font-size:11px}input[type=range]{appearance:none;width:100%;height:5px;transition:var(--transition-fast);background:#202732;border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--gold-400);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .1s;box-shadow:0 0 6px #d6a85680}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.input-atelier{background:var(--bg-darkest);border:1px solid var(--border-subtle);width:100%;color:var(--paper-100);transition:var(--transition-fast);border-radius:6px;outline:none;padding:8px 12px;font-size:13px}.input-atelier:focus{border-color:var(--gold-500);box-shadow:0 0 0 2px #d6a85626}.tabs-nav{background:var(--bg-darkest);border:1px solid var(--border-subtle);border-radius:10px;gap:4px;padding:4px;display:flex}.tab-btn{color:var(--paper-500);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;display:flex}.tab-btn:hover{color:var(--paper-200)}.tab-btn.active{color:var(--gold-400);background:var(--bg-surface-elevated);box-shadow:var(--shadow-sm)}.pulse-dot{background:var(--gold-400);width:7px;height:7px;box-shadow:0 0 8px var(--gold-400);border-radius:50%;animation:2s infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}#app{background-color:var(--bg-darkest);min-height:100vh}