@charset "UTF-8";:root{--back-color:#2b323c;--main-color:#334056;--bg-card-color:rgb(51 64 86 / 60%);--dark-color:#23282e;--text-color:#cfd4da;--white-color:#fff;--blue-color:#0396ff;--action-bg:#0078d6;--action-text:var(--white-color);--green-color:#48c432;--red-color:#eb4242;--grid-module:4px;--border-subtle:rgb(255 255 255 / 10%);--text-muted:rgb(255 255 255 / 70%);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-pill:999px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:32px;--shadow-card:4px 4px 8px 0 rgb(0 0 0 / 20%);--glow-action:0 0 10px var(--action-bg);--t-fast:.15s}.xh.svelte-mx1r8v.svelte-mx1r8v{padding-bottom:24px}.head.svelte-mx1r8v.svelte-mx1r8v{padding:16px 0 20px}.head.svelte-mx1r8v h1.svelte-mx1r8v{font-size:clamp(28px,5vw,52px);overflow-wrap:break-word}.lead.svelte-mx1r8v.svelte-mx1r8v{max-width:68ch;margin-top:10px;color:var(--dl-egg);font-size:16px}.to-gallery.svelte-mx1r8v.svelte-mx1r8v{margin-top:8px;font-family:var(--dl-f-label);font-size:14.5px;font-weight:600}.to-gallery.svelte-mx1r8v a.svelte-mx1r8v{color:var(--dl-brass-hi)}.work.svelte-mx1r8v.svelte-mx1r8v{display:grid;align-items:start;gap:20px;grid-template-columns:minmax(0,1fr)}@media (min-width: 992px){.work.svelte-mx1r8v.svelte-mx1r8v{gap:28px;grid-template-columns:minmax(0,1fr) 380px}}.left.svelte-mx1r8v.svelte-mx1r8v,.right.svelte-mx1r8v.svelte-mx1r8v{display:grid;min-width:0;gap:16px}.stage-wrap.svelte-mx1r8v.svelte-mx1r8v,.code.svelte-mx1r8v.svelte-mx1r8v,.presets.svelte-mx1r8v.svelte-mx1r8v,.mine.svelte-mx1r8v.svelte-mx1r8v{min-width:0}.left.svelte-mx1r8v.svelte-mx1r8v{display:contents}@media (min-width: 992px){.left.svelte-mx1r8v.svelte-mx1r8v{position:sticky;top:12px;display:grid}}.stage-wrap.svelte-mx1r8v.svelte-mx1r8v{position:sticky;z-index:5;top:var(--rn-host-top, 0);order:1;padding:8px 0;margin:-8px 0;background:var(--dl-coal)}@media (min-width: 992px){.stage-wrap.svelte-mx1r8v.svelte-mx1r8v{position:static;padding:0;margin:0;background:none}}.right.svelte-mx1r8v.svelte-mx1r8v{order:2}.presets.svelte-mx1r8v.svelte-mx1r8v{order:4}.mine.svelte-mx1r8v.svelte-mx1r8v{order:5}.stage.svelte-mx1r8v.svelte-mx1r8v{position:relative;display:grid;overflow:hidden;height:clamp(130px,24vh,200px);border:1px solid var(--dl-line-2);border-radius:3px;background-position:center;background-size:cover;place-items:center}@media (min-width: 992px){.stage.svelte-mx1r8v.svelte-mx1r8v{height:auto;aspect-ratio:16/9}}.scale.svelte-mx1r8v.svelte-mx1r8v{position:absolute;right:8px;bottom:6px;padding:2px 6px;background:rgba(0,0,0,.55);color:var(--dl-egg);font-family:var(--dl-f-label);font-size:12px;font-weight:600;letter-spacing:.04em}.stage-bar.svelte-mx1r8v.svelte-mx1r8v{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:8px;gap:8px 12px}.scenes.svelte-mx1r8v.svelte-mx1r8v{display:flex;min-width:0;max-width:100%;flex:1 1 240px;padding:2px;gap:6px;overflow-x:auto;scrollbar-width:none}.scenes.svelte-mx1r8v.svelte-mx1r8v::-webkit-scrollbar{display:none}.scene.svelte-mx1r8v.svelte-mx1r8v{width:52px;height:32px;flex:none;padding:0;border:1px solid var(--dl-line-2);border-radius:2px;background-position:center;background-size:cover;cursor:pointer}.scene[aria-pressed=true].svelte-mx1r8v.svelte-mx1r8v{border-color:var(--dl-brass-hi);box-shadow:0 0 0 1px var(--dl-brass-hi)}.tools.svelte-mx1r8v.svelte-mx1r8v{display:flex;align-items:center;gap:8px}.zoom.svelte-mx1r8v button.svelte-mx1r8v{min-width:40px}.chip.svelte-mx1r8v.svelte-mx1r8v{min-height:40px;padding:0 14px;border:1px solid var(--dl-line-2);border-radius:2px;background:rgba(255,239,215,.03);color:var(--dl-egg);cursor:pointer;font-family:var(--dl-f-label);font-size:14px;font-weight:600;touch-action:manipulation}.chip.svelte-mx1r8v.svelte-mx1r8v:hover:not(:disabled){border-color:var(--dl-brass);color:var(--dl-ink)}.chip[aria-pressed=true].svelte-mx1r8v.svelte-mx1r8v{border-color:var(--dl-brass);background:var(--dl-raise);box-shadow:inset 0 -2px 0 var(--dl-brass);color:var(--dl-ink)}.chip.svelte-mx1r8v.svelte-mx1r8v:disabled{cursor:default;opacity:.4}.hint.svelte-mx1r8v.svelte-mx1r8v,.muted.svelte-mx1r8v.svelte-mx1r8v,.note.svelte-mx1r8v.svelte-mx1r8v{color:var(--dl-muted);font-size:13.5px}.hint.svelte-mx1r8v.svelte-mx1r8v{margin-top:8px}.code.svelte-mx1r8v.svelte-mx1r8v{display:grid;order:3;padding:14px;gap:10px}.code-actions.svelte-mx1r8v.svelte-mx1r8v{display:flex;flex-wrap:wrap;gap:8px}.code-actions.svelte-mx1r8v .dl-btn.svelte-mx1r8v{flex:1 1 auto}.path.svelte-mx1r8v.svelte-mx1r8v{color:var(--dl-egg);font-size:14px}.path.svelte-mx1r8v b.svelte-mx1r8v{color:var(--dl-ink);font-weight:600}.code-text.svelte-mx1r8v.svelte-mx1r8v{width:100%;padding:10px;border:1px solid var(--dl-line);border-radius:2px;background:rgba(0,0,0,.3);color:var(--dl-egg);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.45;overflow-wrap:anywhere;resize:none}.code-text.svelte-mx1r8v.svelte-mx1r8v:focus-visible{box-shadow:var(--dl-focus);outline:none}.import.svelte-mx1r8v.svelte-mx1r8v{display:grid;padding-top:10px;border-top:1px solid var(--dl-line);gap:8px}.import.svelte-mx1r8v label.svelte-mx1r8v{color:var(--dl-egg);font-family:var(--dl-f-label);font-size:13.5px;font-weight:600}.import.svelte-mx1r8v .code-text.svelte-mx1r8v{font-size:16px}@media (min-width: 992px){.import.svelte-mx1r8v .code-text.svelte-mx1r8v{font-size:12px}}.err.svelte-mx1r8v.svelte-mx1r8v{color:var(--dl-loss);font-size:14px}.toast.svelte-mx1r8v.svelte-mx1r8v{min-height:20px;color:var(--dl-win);font-size:14px}.toast.svelte-mx1r8v.svelte-mx1r8v:empty{display:none}h2.svelte-mx1r8v.svelte-mx1r8v{margin-bottom:10px;font-size:20px}.tiles.svelte-mx1r8v.svelte-mx1r8v,.saved.svelte-mx1r8v.svelte-mx1r8v{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.saved.svelte-mx1r8v.svelte-mx1r8v{padding:0;margin:0;list-style:none}.saved.svelte-mx1r8v li.svelte-mx1r8v{position:relative}.tile.svelte-mx1r8v.svelte-mx1r8v{display:grid;width:100%;padding:8px 6px;border:1px solid var(--dl-line);border-radius:3px;background:var(--dl-panel);color:var(--dl-egg);cursor:pointer;gap:6px;justify-items:center;touch-action:manipulation}.tile.svelte-mx1r8v.svelte-mx1r8v:hover{border-color:var(--dl-brass-lo)}.tile[aria-pressed=true].svelte-mx1r8v.svelte-mx1r8v{border-color:var(--dl-brass);box-shadow:inset 0 -2px 0 var(--dl-brass);color:var(--dl-ink)}.thumb.svelte-mx1r8v.svelte-mx1r8v{display:grid;width:100%;height:60px;background:#23261f;place-items:center}.name.svelte-mx1r8v.svelte-mx1r8v{overflow:hidden;max-width:100%;font-family:var(--dl-f-label);font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.del.svelte-mx1r8v.svelte-mx1r8v{position:absolute;top:2px;right:2px;width:28px;height:28px;border:0;background:rgba(0,0,0,.55);color:var(--dl-egg);cursor:pointer;font-size:18px;line-height:1}.del.svelte-mx1r8v.svelte-mx1r8v:hover{color:var(--dl-loss)}.save.svelte-mx1r8v.svelte-mx1r8v{display:flex;flex-wrap:wrap;margin-bottom:10px;gap:8px}.save.svelte-mx1r8v input.svelte-mx1r8v{min-width:0;min-height:44px;flex:1 1 180px;padding:0 12px;border:1px solid var(--dl-line-2);border-radius:2px;background:rgba(0,0,0,.25);color:var(--dl-ink);font-size:16px}.bar.svelte-mx1r8v.svelte-mx1r8v{display:flex;flex-wrap:wrap;gap:6px}.bar.svelte-mx1r8v .chip.svelte-mx1r8v{flex:1 1 auto;padding:0 10px}.group.svelte-mx1r8v.svelte-mx1r8v{display:grid;min-width:0;padding:12px 14px 14px;margin:0;gap:10px;grid-template-columns:minmax(0,1fr)}.group.svelte-mx1r8v legend.svelte-mx1r8v{padding:0 6px;margin-left:-6px;color:var(--dl-brass-hi);font-family:var(--dl-f-label);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.row.svelte-mx1r8v.svelte-mx1r8v{display:grid;align-items:center;gap:4px 10px;grid-template-areas:"label num" "range range";grid-template-columns:minmax(0,1fr) auto}.row.svelte-mx1r8v label.svelte-mx1r8v{color:var(--dl-ink);font-size:15px;grid-area:label}.row.svelte-mx1r8v input[type=range].svelte-mx1r8v{width:100%;height:32px;margin:0;accent-color:var(--dl-brass);cursor:pointer;grid-area:range;touch-action:pan-y}.num.svelte-mx1r8v.svelte-mx1r8v{display:inline-flex;border:1px solid var(--dl-line-2);border-radius:2px;grid-area:num}.num.svelte-mx1r8v button.svelte-mx1r8v{width:40px;height:40px;flex:none;border:0;background:rgba(255,239,215,.04);color:var(--dl-ink);cursor:pointer;font-size:20px;line-height:1;touch-action:manipulation}.num.svelte-mx1r8v button.svelte-mx1r8v:disabled{cursor:default;opacity:.35}.num.svelte-mx1r8v button.svelte-mx1r8v:hover:not(:disabled){background:rgba(198,162,105,.18)}.num.svelte-mx1r8v input.svelte-mx1r8v{width:52px;min-width:0;height:40px;flex:none;padding:0;border:0;border-right:1px solid var(--dl-line);border-left:1px solid var(--dl-line);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;background:rgba(0,0,0,.25);color:var(--dl-ink);font-family:var(--dl-f-label);font-size:16px;font-variant-numeric:tabular-nums;font-weight:600;text-align:center}.num.svelte-mx1r8v input.svelte-mx1r8v::-webkit-outer-spin-button,.num.svelte-mx1r8v input.svelte-mx1r8v::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.color.svelte-mx1r8v.svelte-mx1r8v{display:grid;min-width:0;gap:8px;grid-template-columns:minmax(0,1fr)}.color.svelte-mx1r8v+.color.svelte-mx1r8v{padding-top:10px;border-top:1px solid var(--dl-line)}.color-head.svelte-mx1r8v.svelte-mx1r8v{display:flex;align-items:center;gap:8px}.color-head.svelte-mx1r8v .lbl.svelte-mx1r8v{flex:1;color:var(--dl-ink);font-size:15px}.color-head.svelte-mx1r8v input[type=color].svelte-mx1r8v{width:44px;min-width:0;height:40px;flex:none;padding:2px;border:1px solid var(--dl-line-2);border-radius:2px;background:none;cursor:pointer}.hex.svelte-mx1r8v.svelte-mx1r8v{width:96px;min-width:0;height:40px;flex:none;padding:0 8px;border:1px solid var(--dl-line-2);border-radius:2px;background:rgba(0,0,0,.25);color:var(--dl-ink);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:16px;text-transform:uppercase}.swatches.svelte-mx1r8v.svelte-mx1r8v{display:grid;gap:6px;grid-template-columns:repeat(8,minmax(0,1fr))}.sw.svelte-mx1r8v.svelte-mx1r8v{height:36px;padding:0;border:1px solid var(--dl-line-2);border-radius:2px;cursor:pointer}.sw[aria-pressed=true].svelte-mx1r8v.svelte-mx1r8v{box-shadow:0 0 0 2px var(--dl-coal),0 0 0 4px var(--dl-brass-hi)}.switch.svelte-mx1r8v.svelte-mx1r8v{display:flex;flex-direction:row;align-items:flex-start;padding:14px;cursor:pointer;gap:12px}.switch.svelte-mx1r8v input.svelte-mx1r8v{width:22px;height:22px;flex:none;margin:2px 0 0;accent-color:var(--dl-brass)}.switch.svelte-mx1r8v b.svelte-mx1r8v{display:block;color:var(--dl-ink);font-size:15px;font-weight:600}.switch.svelte-mx1r8v small.svelte-mx1r8v{display:block;margin-top:2px;color:var(--dl-muted);font-size:13.5px}.png.svelte-mx1r8v.svelte-mx1r8v{width:100%}.how.svelte-mx1r8v.svelte-mx1r8v,.faq.svelte-mx1r8v.svelte-mx1r8v{margin-top:56px}.steps.svelte-mx1r8v.svelte-mx1r8v{display:grid;padding:0;margin:0 0 12px;gap:10px;list-style:none}@media (min-width: 768px){.steps.svelte-mx1r8v.svelte-mx1r8v{grid-template-columns:repeat(3,minmax(0,1fr))}}.steps.svelte-mx1r8v li.svelte-mx1r8v{display:flex;align-items:flex-start;padding:14px;border:1px solid var(--dl-line);border-radius:3px;background:var(--dl-panel);color:var(--dl-egg);font-size:15px;gap:12px}.n.svelte-mx1r8v.svelte-mx1r8v{display:grid;width:28px;height:28px;flex:none;background:var(--dl-brass);color:var(--dl-coal);font-family:var(--dl-f-label);font-weight:700;place-items:center}.more.svelte-mx1r8v.svelte-mx1r8v{display:flex;flex-wrap:wrap;margin-top:40px;gap:8px}button.svelte-mx1r8v.svelte-mx1r8v:focus-visible,input.svelte-mx1r8v.svelte-mx1r8v:focus-visible{box-shadow:var(--dl-focus);outline:none}
