:root{--bg: #0b1118;--panel: rgba(17, 24, 31, .9);--line: rgba(255, 255, 255, .08);--text: #e8edf2;--muted: #9aa7b3;--accent: #4fd8f0;--accent2: #ff4f9a;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text)}#app{position:fixed;top:0;right:0;bottom:0;left:0}canvas.view{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;outline:none}.brand{position:absolute;left:26px;top:20px;pointer-events:none;text-shadow:0 2px 18px rgba(0,0,0,.6)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--accent)}.brand h1{margin:4px 0 0;font-size:36px;font-weight:800;letter-spacing:-.01em}.brand .sub{color:var(--muted);font-size:13px;margin-top:2px;letter-spacing:.04em}.chips{position:absolute;top:22px;right:414px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:560px}.chip{padding:7px 11px;border-radius:999px;background:#0c1117b8;border:1px solid var(--line);font-size:12.5px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}.panel{position:absolute;top:18px;right:18px;bottom:18px;width:386px;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:14px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 60px #00000073;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 17px 12px}.panel-head h2{margin:3px 0 0;font-size:17px;font-weight:700}.icon-btn{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:var(--text);cursor:pointer;transition:.15s}.icon-btn:hover{background:#4fd8f024;border-color:var(--accent)}.icon-btn svg{width:17px;height:17px}.icon-btn.accent{color:var(--accent)}.seed-row{display:flex;gap:8px;align-items:center;padding:0 17px 14px;border-bottom:1px solid var(--line)}.seed{flex:1;display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#0003;font-size:12px;color:var(--muted)}.seed input{flex:1;min-width:0;background:transparent;border:0;color:var(--text);font:600 14px ui-monospace,Menlo,monospace;outline:none}.panel-body{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#2a3540 transparent}.sec{padding:16px 17px 6px;border-bottom:1px solid var(--line)}.sec h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:12.5px;font-weight:700;letter-spacing:.06em}.sec h3 svg{width:15px;height:15px;color:var(--accent)}.row{margin-bottom:13px}.row label{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:#c4ccd4;margin-bottom:7px}.row label b{color:var(--text);font-weight:700}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:18px;background:transparent;margin:0;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--accent) var(--p, 50%),#2a343e var(--p, 50%))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;margin-top:-5.5px;border-radius:50%;background:#fff;border:3px solid #0d1720;box-shadow:0 0 0 2px var(--accent)}.select{position:relative}.select:after{content:"";position:absolute;right:13px;top:12px;width:6px;height:6px;border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);transform:rotate(45deg);pointer-events:none}select{width:100%;height:34px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 30px 0 11px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#00000040;color:var(--text);font:600 13px inherit;font-family:inherit;cursor:pointer}select option{background:#121a22}.toggle label{cursor:pointer;margin-bottom:0;position:relative}.toggle input{position:absolute;opacity:0}.toggle i{width:34px;height:19px;border-radius:10px;background:#2a343e;position:relative;transition:.15s}.toggle i:after{content:"";position:absolute;left:2px;top:2px;width:15px;height:15px;border-radius:50%;background:#cfd6dc;transition:.15s}.toggle input:checked+i{background:var(--accent)}.toggle input:checked+i:after{left:17px;background:#fff}.segment{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.segment button,.views button{height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#ffffff08;color:#cfd6dc;font:600 12.5px inherit;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:8px;padding:0 11px}.segment button{justify-content:center}.segment button.on,.views button.on{border-color:var(--accent);background:#4fd8f024;color:#fff;box-shadow:0 0 0 1px #4fd8f059 inset}.views{display:grid;grid-template-columns:1fr 1fr;gap:6px}.views svg{width:15px;height:15px}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.swatches span{height:24px;border-radius:6px;border:1px solid rgba(255,255,255,.12)}.toast{position:absolute;left:50%;bottom:26px;transform:translate(-50%);padding:9px 16px;border-radius:999px;background:#0c1117d9;border:1px solid var(--line);font-size:13px;opacity:0;transition:.25s;pointer-events:none}.toast.show{opacity:1}.hint{position:absolute;left:26px;bottom:20px;color:var(--muted);font-size:12px;pointer-events:none;text-shadow:0 1px 8px #000}