@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-app:#15171c;--text-primary:#f0f0f0;--text-secondary:#9a9ea8;--panel-bg:#1c1e25;--border-subtle:#ffffff14}*{box-sizing:border-box}html,body{background:var(--bg-app);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;padding:0}button{cursor:pointer;font-family:inherit}:focus-visible{outline:2px solid var(--mode-accent,#5b8def);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}#root{width:100%;height:100vh}.app-shell{grid-template-columns:180px 1fr 260px;width:100%;height:100vh;display:grid}.mode-rail{background:var(--panel-bg);border-right:1px solid var(--border-subtle);flex-direction:column;gap:6px;padding:24px 16px;display:flex}.rail-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:28px;font-size:15px;font-weight:600;line-height:1.3}.mode-button{color:var(--text-secondary);text-align:left;background:0 0;border:none;border-left:2px solid #0000;border-radius:0 6px 6px 0;padding:10px 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.mode-button:hover{color:var(--text-primary);background:#ffffff0a}.mode-button.active{color:var(--text-primary);border-left-color:var(--btn-accent);background:#ffffff0d;font-weight:600}.canvas-area{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-width:0;padding:24px;transition:background .4s;display:flex}.canvas-wrap{border-radius:8px;line-height:0;overflow:hidden;box-shadow:0 8px 40px #00000059}.art-canvas{display:block}.placeholder{width:900px;height:650px;color:var(--text-secondary);font-family:var(--font-display);background:#1a1c22;justify-content:center;align-items:center;font-size:18px;display:flex}.rd-canvas-wrap{line-height:0;position:relative}.rd-progress{background:#ffffff1a;width:100%;height:3px;position:absolute;bottom:0;left:0}.rd-progress-bar{background:var(--mode-accent,#4ecb8f);height:100%;transition:width .1s linear}.seed-bar{align-items:center;gap:12px;display:flex}.seed-fingerprint{background:var(--panel-bg);border:1px solid var(--border-subtle);color:var(--mode-accent);font-family:var(--font-mono);border-radius:20px;padding:6px 14px;font-size:13px;transition:border-color .15s}.seed-fingerprint:hover{border-color:var(--mode-accent)}.copied-toast{color:var(--text-secondary);font-size:12px;font-family:var(--font-mono)}.new-seed-btn{background:var(--mode-accent);color:#0a0a0a;font-family:var(--font-body);border:none;border-radius:20px;padding:7px 16px;font-size:13px;font-weight:600;transition:filter .15s}.new-seed-btn:hover{filter:brightness(1.1)}.export-btn{border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-body);background:0 0;border-radius:20px;padding:7px 16px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s}.export-btn:hover{border-color:var(--mode-accent);color:var(--mode-accent)}.side-panel{background:var(--panel-bg);border-left:1px solid var(--border-subtle);padding:24px 20px}.side-panel h2{font-family:var(--font-display);margin:0 0 20px;font-size:16px;font-weight:600}.control-panel{flex-direction:column;gap:20px;display:flex}.control-row{flex-direction:column;gap:8px;display:flex}.control-label{color:var(--text-secondary);justify-content:space-between;font-size:12px;font-weight:500;display:flex}.control-value{font-family:var(--font-mono);color:var(--text-primary)}.control-row input[type=range]{-webkit-appearance:none;background:var(--border-subtle);border-radius:2px;outline:none;width:100%;height:4px}.control-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent,#5b8def);cursor:pointer;border-radius:50%;width:14px;height:14px}.control-row input[type=range]::-moz-range-thumb{background:var(--accent,#5b8def);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.control-select{border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-body);background:#14161b;border-radius:6px;padding:8px 10px;font-size:13px}.toggle-row{flex-direction:row;justify-content:space-between;align-items:center}.toggle-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent,#5b8def)}.layer-group{border:1px solid var(--border-subtle);border-radius:8px;flex-direction:column;gap:12px;padding:14px;display:flex}.control-hint{color:var(--text-secondary);margin:0;font-size:11.5px;line-height:1.5}@media (width<=900px){.app-shell{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.mode-rail{border-right:none;border-bottom:1px solid var(--border-subtle);flex-direction:row;overflow-x:auto}.rail-title{display:none}.placeholder,.art-canvas{width:100%;max-width:100%;height:auto}}