:root{--bg:#140b1f;--bg-2:#1d1029;--panel:#20122edb;--line:#ffd2a024;--text:#f6e9db;--muted:#b9a5b8;--accent:#ff8a1f;--accent-2:#ffb35c;--radius:14px;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Nunito,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(ellipse at 50% 0%, #2b1640 0%, var(--bg) 60%);overflow:hidden}button{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:10px;padding:.5rem .85rem;transition:background .15s,border-color .15s,transform .1s}button:hover:not(:disabled){background:#ffffff1f}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button.primary{background:linear-gradient(180deg, var(--accent-2), var(--accent));color:#2a1200;border-color:#0000;font-weight:800}button.primary:hover:not(:disabled){background:linear-gradient(#ffc47a,#ff9a3a)}button.ghost{background:0 0}button.round{border-radius:50%;width:2.5rem;height:2.5rem;padding:0;font-size:1.5rem;line-height:1}.app{flex-direction:column;height:100%;display:flex}.topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.logo{letter-spacing:.04em;color:var(--accent);text-shadow:0 0 18px #ff8a1f73;margin:0;font-family:Creepster,Nunito,cursive;font-size:1.9rem;font-weight:400}.steps{gap:.35rem;display:flex}.steps button{border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.9rem;display:flex}.steps button.on{border-color:var(--accent);background:#ff8a1f29}.steps .num{background:#ffffff1a;border-radius:50%;place-items:center;width:1.3rem;height:1.3rem;font-size:.75rem;font-weight:800;display:inline-grid}.steps button.on .num{background:var(--accent);color:#2a1200}.main{flex:1;min-height:0;position:relative}.loading{height:100%;color:var(--muted);place-items:center;margin:0;display:grid}.stage{position:absolute;inset:0}.stage-canvas{touch-action:none}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);padding:1rem}.panel h3{text-transform:uppercase;letter-spacing:.12em;color:var(--accent-2);margin:0 0 .6rem;font-size:.8rem}.panel section+section{margin-top:1.2rem}.floating{z-index:2;position:absolute}.floating.bottom{align-items:center;gap:1rem;max-width:calc(100% - 2rem);display:flex;bottom:1.25rem;left:50%;transform:translate(-50%)}.floating.side{width:290px;max-width:calc(100% - 2rem);top:1rem;right:1rem}.picker-name{flex-direction:column;align-items:center;min-width:9rem;display:flex}.picker-name strong{font-size:1.15rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.72rem}.done{gap:1.5rem}.done-title{color:var(--accent);font-family:Creepster,Nunito,cursive;font-size:1.6rem;font-weight:400}.hint{color:var(--muted);margin:.5rem 0;font-size:.85rem;line-height:1.4}.warn{color:#ffb4a0;margin:0 0 .6rem;font-size:.85rem}.keys{color:var(--muted);margin:.25rem 0 .75rem;font-size:.78rem}kbd{border:1px solid var(--line);text-align:center;border-radius:4px;min-width:1.3em;padding:0 .3em;font-family:inherit;display:inline-block}.segmented{border:1px solid var(--line);background:#0003;border-radius:11px;margin-bottom:.75rem;padding:3px;display:flex}.segmented button{background:0 0;border:none;flex:1;padding:.45rem .5rem}.segmented button.on{color:#fff;background:#ff8a1f38}.slider{grid-template-columns:6rem 1fr;align-items:center;gap:.5rem;margin:.45rem 0;font-size:.88rem;display:grid}.slider input{width:100%;accent-color:var(--accent)}.check{align-items:center;gap:.5rem;margin:.6rem 0;font-size:.88rem;display:flex}.check input{accent-color:var(--accent)}.row{flex-wrap:wrap;gap:.5rem;margin-top:.6rem;display:flex}.panel-footer{border-top:1px solid var(--line);justify-content:space-between;gap:.5rem;margin-top:1.2rem;padding-top:1rem;display:flex}.placement .panel-footer button{flex:1}.draw-step{grid-template-columns:1fr 320px;gap:1rem;padding:1rem;display:grid;position:absolute;inset:0}.draw-stage{flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.draw-pad{aspect-ratio:1;border-radius:var(--radius);border:1px solid var(--line);width:min(100%,100vh - 11rem);position:relative;overflow:hidden;box-shadow:0 20px 60px #00000073}.draw-pad canvas{width:100%;height:100%;position:absolute;inset:0}.draw-surface{mix-blend-mode:multiply;pointer-events:none}.draw-overlay{cursor:crosshair;touch-action:none}.draw-panel{flex-direction:column;display:flex;overflow-y:auto}.draw-panel .panel-footer{margin-top:auto}.stencil-group+.stencil-group{margin-top:.6rem}.group-label{text-transform:capitalize;color:var(--muted);margin-bottom:.3rem;font-size:.75rem;display:block}.stencil-grid{grid-template-columns:repeat(5,1fr);gap:.4rem;display:grid}.stencil{aspect-ratio:1;background:linear-gradient(#f0862a,#c75a10);place-items:center;padding:.35rem;display:grid}.stencil svg{width:100%;height:100%}.stencil path{fill:#1e0a00}.stencil path.hole{fill:#e0761e}@media (width<=820px){body{overflow:auto}.draw-step{grid-template-columns:1fr;position:static}.draw-pad{width:100%}.floating.side{width:calc(100% - 1.5rem);max-height:48%;padding:.75rem;top:auto;bottom:.75rem;right:50%;overflow-y:auto;transform:translate(50%)}.floating.side .panel-footer{margin-top:.6rem;padding-top:.6rem}.floating.bottom{flex-wrap:wrap;justify-content:center}.topbar{justify-content:center}}.decorate .tabs button{padding:.4rem .3rem;font-size:.85rem}.row button.on{border-color:var(--accent);background:#ff8a1f2e}.swatches{grid-template-columns:repeat(5,1fr);gap:.4rem;display:grid}.swatch{aspect-ratio:1;background:radial-gradient(circle at 50% 60%, #fff 0%, var(--swatch) 35%, #0006 100%);box-shadow:0 0 14px color-mix(in srgb, var(--swatch) 60%, transparent);border:2px solid #0000;border-radius:50%;padding:0;position:relative}.swatch span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.swatch.on{border-color:#fff}.selected-prop{border-top:1px solid var(--line);margin-top:.75rem;padding-top:.75rem}.toggles .check{margin:.5rem 0}.field{color:var(--muted);gap:.4rem;font-size:.85rem;display:grid}.field textarea,input.link{width:100%;font:inherit;color:var(--text);border:1px solid var(--line);resize:none;background:#00000040;border-radius:10px;padding:.55rem .7rem;font-size:.95rem}.field textarea:focus,input.link:focus{outline:2px solid var(--accent);outline-offset:1px}a.button{font:inherit;color:var(--text);border:1px solid var(--line);background:#ffffff0f;border-radius:10px;align-items:center;padding:.5rem .85rem;text-decoration:none;display:inline-flex}a.button:hover{background:#ffffff1f}@media (width<=820px){.steps{flex-wrap:wrap;justify-content:center}.steps button{padding:.3rem .55rem;font-size:.82rem}}.levla-promo{color:var(--muted);margin:.9rem 0 0;font-size:.75rem}.levla-promo a{color:inherit;text-underline-offset:2px;text-decoration:underline}.levla-promo a:hover{color:var(--text)}@media (width<=820px){.floating.bottom{max-width:none;left:.75rem;right:.75rem;transform:none}.picker .primary{flex-basis:100%}}