*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#10141c;font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#e8ecf2}.app{position:relative;width:100%;height:100%}.canvas-host{position:absolute;top:0;right:0;bottom:0;left:0}.canvas-host canvas{display:block}.title-chip{position:absolute;top:16px;left:16px;padding:10px 16px;border-radius:12px;background:#0d111a9e;border:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.title-chip h1{font-size:15px;font-weight:650;letter-spacing:.02em}.title-chip p{font-size:11px;color:#9fb0c8}.stats-chip{position:absolute;bottom:14px;left:16px;padding:6px 12px;border-radius:8px;background:#0d111a9e;border:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;color:#b8c6da;pointer-events:none}.hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);padding:6px 16px;border-radius:999px;background:#0d111a8c;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;color:#aebbd0;pointer-events:none;transition:opacity 1.2s ease}.hint.hide{opacity:0}.panel{position:absolute;top:16px;right:16px;bottom:16px;width:280px;display:flex;flex-direction:column;border-radius:14px;background:#0d111abd;border:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.panel.collapsed{width:auto;bottom:auto;background:none;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.panel-toggle{align-self:flex-end;margin:8px 10px 0 0;padding:4px 10px;font-size:12px;color:#b8c6da;background:#1e2636d9;border:1px solid rgba(255,255,255,.12);border-radius:8px;cursor:pointer}.panel.collapsed .panel-toggle{margin:0;align-self:auto}.panel-toggle:hover{background:#2c374ee6}.panel-body{overflow-y:auto;padding:4px 14px 14px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.panel-title{font-size:13px;font-weight:650;color:#d5deeb;padding:8px 2px 6px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px}.section{border-bottom:1px solid rgba(255,255,255,.06)}.section summary{cursor:pointer;padding:10px 2px;font-size:12.5px;font-weight:600;color:#a9b8cf;-webkit-user-select:none;user-select:none;list-style:none}.section summary:before{content:"▸";display:inline-block;margin-right:6px;transition:transform .15s ease}.section[open] summary:before{transform:rotate(90deg)}.section-body{padding:2px 2px 10px;display:flex;flex-direction:column;gap:10px}.ctl{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#c4d0e2}.ctl-head{display:flex;justify-content:space-between;align-items:baseline}.ctl-val{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11.5px;color:#8fd0ff}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:#7896be59;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#7cc4ff;border:2px solid #10161f;box-shadow:0 1px 4px #00000080}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#7cc4ff;border:2px solid #10161f}.seed-row{flex-direction:row;align-items:center;gap:6px}.seed-row input{flex:1;min-width:0;padding:4px 8px;font-size:12px;color:#dfe8f4;background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:6px;outline:none}.seed-row input:focus{border-color:#7cc4ff}.seed-row button,.wide-btn{padding:5px 10px;font-size:12px;color:#cfe3f6;background:#3d7db859;border:1px solid rgba(124,196,255,.35);border-radius:6px;cursor:pointer}.seed-row button:hover,.wide-btn:hover{background:#3d7db88c}.wide-btn{width:100%}.toggle{flex-direction:row;justify-content:space-between;align-items:center}.switch{position:relative;width:36px;height:20px;flex:none}.switch input{opacity:0;width:100%;height:100%;position:absolute;cursor:pointer;margin:0}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#ffffff29;transition:background .15s ease;pointer-events:none}.switch .track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#c7d3e4;transition:transform .15s ease,background .15s ease}.switch input:checked+.track{background:#3d7db8}.switch input:checked+.track:after{transform:translate(16px);background:#9fd4ff}.switch input:focus-visible+.track{outline:2px solid #7cc4ff;outline-offset:2px}@media (max-width: 640px){.panel{width:min(260px,calc(100vw - 70px))}.title-chip p{display:none}}