*{box-sizing:border-box}:root{color-scheme:dark}body{margin:0;overflow:hidden;font-family:IBM Plex Sans,Segoe UI,sans-serif;background:radial-gradient(circle at 20% 15%,#111a2a,#0b1018 55%,#070b11);color:#d9e7f7}#app,#canvas-container{width:100vw;height:100vh}#canvas-container{position:absolute;inset:0}#config-panel{position:absolute;top:18px;right:18px;width:min(430px,calc(100vw - 36px));background:#0a111ded;border:1px solid rgba(124,187,255,.28);border-radius:10px;padding:16px;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#config-panel h2{margin:0 0 12px;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#7cc4ff}#hide-config{position:absolute;top:5px;right:9px;border:none;background:transparent;color:#6a7f98;font-size:28px;line-height:1;cursor:pointer}#hide-config:hover{color:#d9e7f7}#show-config{position:absolute;top:18px;right:18px;border:1px solid rgba(124,187,255,.4);background:#0a111de6;color:#9ad2ff;padding:8px 12px;border-radius:6px;cursor:pointer;z-index:10}#controls{position:absolute;left:18px;bottom:18px;z-index:10;display:flex;gap:8px}.btn{border:1px solid rgba(124,187,255,.4);background:#0a111dcc;color:#9ad2ff;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:12px}.btn.secondary{border-color:#a6c9eb4d;color:#b7cee2}.config-item{margin-top:10px;display:grid;gap:6px}.config-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.head-actions{display:flex;align-items:center;gap:10px}.config-item.compact{margin-top:0}.config-label{font-size:12px;color:#9bb7d3}.section-toggle{border:none;background:transparent;display:flex;width:100%;align-items:center;justify-content:space-between;cursor:pointer;padding:0}.section-toggle-indicator{color:#9bb7d3;font-size:12px}.t-value{font-size:12px;color:#c8ddf4;font-family:IBM Plex Mono,Consolas,monospace}.config-row{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.config-row.compact-3{grid-template-columns:1fr 1fr;align-items:end}.config-row.compact-3 label{font-size:13px;color:#c6daef;display:flex;gap:7px;align-items:center}.input{width:100%;border:1px solid #2f4864;background:#0d1727;color:#e2f0ff;border-radius:6px;padding:8px 10px;font:inherit;font-size:13px}.input.expression{font-family:IBM Plex Mono,Consolas,monospace;resize:vertical}.mini-btn{border:1px solid rgba(124,187,255,.4);background:#0a111dcc;color:#9ad2ff;border-radius:5px;padding:4px 8px;font-size:11px;cursor:pointer}.mini-btn:disabled{opacity:.55;cursor:not-allowed}.text-link-btn{border:none;background:transparent;color:#9ad2ff;font-size:12px;text-decoration:underline;text-decoration-color:#9ad2ff99;cursor:pointer;padding:0}.examples-list{display:grid;gap:6px}.example-item{border:1px solid #2f4864;background:#0d1727;color:#d8eaff;border-radius:6px;padding:8px 10px;cursor:pointer;display:grid;gap:3px;text-align:left}.example-item:hover{border-color:#4f7298;background:#0f1c2f}.example-name{font-size:12px;font-weight:600}.example-formula{font-size:11px;color:#9eb8d4;font-family:IBM Plex Mono,Consolas,monospace}.saved-list{display:grid;gap:6px;margin-top:4px;max-height:210px;overflow-y:auto;padding-right:4px}.saved-row{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;border:1px solid #2f4864;background:#0d1727;border-radius:6px;padding:4px}.saved-formula-btn{border:none;background:transparent;color:#d8eaff;border-radius:4px;padding:7px 8px;cursor:pointer;text-align:left;font-size:12px;font-family:IBM Plex Mono,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-formula-btn:hover{background:#4f729838}.saved-row:hover{border-color:#4f7298;background:#0f1c2f}.saved-actions{display:flex;gap:6px;opacity:0;pointer-events:none;transform:translate(2px);transition:opacity .15s ease,transform .15s ease}.saved-row:hover .saved-actions,.saved-row:focus-within .saved-actions{opacity:1;pointer-events:auto;transform:translate(0)}.saved-action-btn{border:1px solid rgba(124,187,255,.4);background:#0a111dd9;color:#9ad2ff;border-radius:6px;padding:5px 8px;cursor:pointer;font-size:11px}.saved-action-btn.danger{border-color:#ff7a7a73;color:#faa}@media(hover:none),(pointer:coarse){.saved-actions{opacity:1;pointer-events:auto;transform:none}}.inline-toggle{margin-top:14px;display:grid;gap:6px;grid-template-columns:1fr 1fr;font-size:13px;color:#c6daef}.inline-toggle label{display:flex;align-items:center;gap:7px}.hint{margin:0;color:#8aa7c4;font-size:11px}.error{margin:0;color:#ff8f8f;font-size:12px}@media(max-width:640px){#config-panel{width:calc(100vw - 20px);top:10px;right:10px;left:10px;padding:14px}#show-config{top:10px;right:10px}#controls{left:10px;bottom:10px}.config-row,.inline-toggle,.config-row.compact-3{grid-template-columns:1fr}}