:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-bg:#f2ecde;--app-bg-secondary:#fbf7ef;--panel-bg:#fffcf6e6;--panel-border:#382c2238;--surface-soft:#684e3214;--surface-strong:#684e3229;--input-bg:#fffdf8db;--text-primary:#211a14;--logo-stroke:#34271b;--text-secondary:#3a2f24;--text-muted:#66574b;--text-subtle:#8c7b6e;--accent:#008f82;--accent-strong:#c1603f;--success:#258a53;--danger:#bf4e45;--warning:#b77519;--info:#2d7fb0;--shadow-color:#5c432b38;--canvas-paper:#f6f1e6;--canvas-ink:#1f1812}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#10161c;--app-bg-secondary:#182028;--panel-bg:#12181fe6;--panel-border:#c2d0dd2e;--surface-soft:#b4c2d214;--surface-strong:#b4c2d229;--input-bg:#161e26e0;--text-primary:#eef3f8;--logo-stroke:#d9e2ec;--text-secondary:#d5dee7;--text-muted:#aab7c5;--text-subtle:#7f8c98;--accent:#49c5bb;--accent-strong:#ee8f66;--success:#49b86f;--danger:#ff8374;--warning:#d9a44a;--info:#6db6e6;--shadow-color:#0006;--canvas-paper:#0f141a;--canvas-ink:#f5efe3}body{background-color:var(--app-bg);background-image:radial-gradient(circle at top left, #008f8224, transparent 28%), radial-gradient(circle at top right, #c1603f1f, transparent 24%), linear-gradient(180deg, var(--app-bg-secondary), var(--app-bg));color:var(--text-primary);margin:0;font-family:Space Grotesk,Avenir Next,Trebuchet MS,sans-serif;transition:background-color .25s,color .25s;overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:repeating-linear-gradient(0deg,#44342408 0 1px,#0000 1px 28px),repeating-linear-gradient(90deg,#44342405 0 1px,#0000 1px 28px);position:fixed;inset:0}a{color:inherit}.demo-page{width:100vw;height:100vh;position:relative;overflow:hidden}.canvas-container{position:absolute;inset:0}.ui-panel{z-index:10;background:var(--panel-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--panel-border);width:min(340px,100vw - 40px);max-height:90vh;box-shadow:8px 8px 0 #3a2a1b26, 0 20px 42px var(--shadow-color);color:var(--text-primary);border-radius:8px;padding:20px;position:absolute;top:20px;left:20px;overflow:visible auto}.header-row{border-bottom:1px solid #3e302552;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;padding-bottom:10px;display:flex}.section-div{border-top:1px solid var(--panel-border);margin-top:15px;padding-top:15px}.control-group{flex-direction:column;gap:8px;display:flex}.label-row{justify-content:space-between;align-items:center;gap:12px;font-family:Space Mono,Courier New,monospace;display:flex}label{letter-spacing:.03em;color:var(--text-muted);font-family:Space Mono,Courier New,monospace;font-size:.8rem}.pause-toggle,.toggle-label{cursor:pointer;align-items:center;gap:8px;display:inline-flex}button{font:inherit}select,input[type=number]{background:var(--input-bg);color:var(--text-primary);border:1px solid var(--panel-border);border-radius:4px;font-family:Space Mono,Courier New,monospace}.back-link{box-sizing:border-box;border:1px solid var(--panel-border);background:var(--input-bg);width:100%;color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;border-radius:4px;justify-content:center;align-items:center;margin-top:15px;padding:10px 12px;font-family:Space Mono,Courier New,monospace;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.back-link:hover{background:var(--text-primary);color:var(--app-bg-secondary);border-color:var(--accent)}.panel-note{color:var(--text-muted);font-size:.8rem}.theme-toggle{z-index:1000;border:1px solid var(--panel-border);background:var(--panel-bg);color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:6px 6px 0 #3a2a1b26, 0 10px 30px var(--shadow-color);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-family:Space Mono,Courier New,monospace;font-size:.78rem;font-weight:700;transition:transform .2s,background .2s,color .2s;display:inline-flex;position:fixed;bottom:20px;right:20px}.theme-toggle:hover{background:var(--text-primary);color:var(--app-bg-secondary);transform:translate(-2px,-2px)}.theme-toggle__icon{font-size:.95rem;line-height:1}@media (width<=640px){.theme-toggle{padding:9px 12px;bottom:12px;right:12px}}