.row.svelte-wd3evl{display:flex;flex-direction:column;gap:6px}.row.svelte-wd3evl>span:where(.svelte-wd3evl){display:flex;justify-content:space-between;color:#c5c5cc;font-size:12px}.row.svelte-wd3evl>span:where(.svelte-wd3evl) em:where(.svelte-wd3evl){font-style:normal;color:#8a8a92;font-variant-numeric:tabular-nums}input[type=range].svelte-wd3evl{width:100%;accent-color:#7a8cff}.row.svelte-ozzrad{display:flex;flex-direction:column;gap:6px}.row.svelte-ozzrad>span:where(.svelte-ozzrad){color:#c5c5cc;font-size:12px}.color-row.svelte-ozzrad{display:flex;gap:8px;align-items:center}input[type=color].svelte-ozzrad{width:38px;height:32px;padding:0;border:1px solid #2a2a31;border-radius:6px;background:transparent;cursor:pointer}input.hex.svelte-ozzrad{flex:1;background:#0f0f12;border:1px solid #2a2a31;color:#e8e8ea;border-radius:6px;padding:7px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}input.muted.svelte-ozzrad{opacity:.4;cursor:not-allowed}.t-btn.svelte-ozzrad{width:32px;height:32px;padding:0;border:1px solid #2a2a31;border-radius:6px;background:#0f0f12;cursor:pointer;display:grid;place-items:center}.t-btn.svelte-ozzrad:hover{background:#17171a}.t-btn.active.svelte-ozzrad{border-color:#7a8cff;box-shadow:0 0 0 1px #7a8cff inset}.checker.svelte-ozzrad{width:18px;height:18px;border-radius:3px;background-image:linear-gradient(45deg,#2a2a31 25%,transparent 25%),linear-gradient(-45deg,#2a2a31 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2a2a31 75%),linear-gradient(-45deg,transparent 75%,#2a2a31 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;background-color:#e8e8ea}.row.svelte-sdrbam{display:flex;flex-direction:column;gap:6px}.row.svelte-sdrbam>span:where(.svelte-sdrbam){color:#c5c5cc;font-size:12px}select.svelte-sdrbam{background:#0f0f12;border:1px solid #2a2a31;color:#e8e8ea;border-radius:6px;padding:7px 10px;font-size:12px}.controls.svelte-1q7hxr{display:flex;flex-direction:column;gap:18px;background:#17171a;border:1px solid #24242a;border-radius:12px;padding:18px;position:sticky;top:20px}.group.svelte-1q7hxr{display:flex;flex-direction:column;gap:10px}.group-title.svelte-1q7hxr{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7a7a82;margin-bottom:2px}.row-actions.svelte-1q7hxr{display:flex;gap:8px}button.svelte-1q7hxr{flex:1;background:#1f1f26;border:1px solid #2a2a31;color:#e8e8ea;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:12px}button.svelte-1q7hxr:hover{background:#27272f}button.primary.svelte-1q7hxr{background:#7a8cff;color:#0e0e10;border-color:#7a8cff;font-weight:600}button.primary.svelte-1q7hxr:hover{background:#8e9dff}.preview.svelte-1vcv3m5{display:flex;flex-direction:column;gap:10px}.canvas-frame.svelte-1vcv3m5{border-radius:12px;padding:20px;overflow:auto;border:1px solid #24242a;min-height:300px;display:flex;justify-content:center;align-items:center;transition:background .2s ease}.canvas-frame.checker.svelte-1vcv3m5{background-color:#1a1a1f;background-image:linear-gradient(45deg,#2a2a31 25%,transparent 25%),linear-gradient(-45deg,#2a2a31 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2a2a31 75%),linear-gradient(-45deg,transparent 75%,#2a2a31 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}canvas.svelte-1vcv3m5{display:block;max-width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;box-shadow:0 20px 60px #00000059}.meta.svelte-1vcv3m5{display:flex;gap:16px;color:#7a7a82;font-size:12px;font-variant-numeric:tabular-nums;padding:0 6px}.backdrop.svelte-131sexu{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:100;padding:24px}.modal.svelte-131sexu{background:#17171a;border:1px solid #2a2a31;border-radius:12px;width:min(820px,100%);max-height:80vh;display:flex;flex-direction:column;box-shadow:0 40px 100px #00000080}.modal-header.svelte-131sexu{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #24242a}.title.svelte-131sexu{display:flex;flex-direction:column;gap:2px}.filename.svelte-131sexu{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:#e8e8ea}.hint.svelte-131sexu{font-size:11px;color:#7a7a82}.close.svelte-131sexu{background:transparent;border:none;color:#9a9aa2;font-size:22px;line-height:1;cursor:pointer;padding:4px 10px;border-radius:6px}.close.svelte-131sexu:hover{background:#1f1f26;color:#e8e8ea}.tabs.svelte-131sexu{display:flex;gap:2px;padding:8px 14px 0;border-bottom:1px solid #24242a}.tab.svelte-131sexu{background:transparent;border:none;color:#9a9aa2;padding:8px 12px;border-radius:6px 6px 0 0;cursor:pointer;font-size:12px;border-bottom:2px solid transparent;margin-bottom:-1px}.tab.svelte-131sexu:hover{color:#e8e8ea;background:#1f1f26}.tab.active.svelte-131sexu{color:#e8e8ea;border-bottom-color:#7a8cff}.code.svelte-131sexu{margin:0;padding:16px 18px;overflow:auto;background:#0f0f12;color:#d7d7dc;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.55;flex:1;white-space:pre;tab-size:2}.modal-footer.svelte-131sexu{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid #24242a}.modal-footer.svelte-131sexu button:where(.svelte-131sexu){background:#1f1f26;border:1px solid #2a2a31;color:#e8e8ea;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:12px}.modal-footer.svelte-131sexu button:where(.svelte-131sexu):hover{background:#27272f}.modal-footer.svelte-131sexu button.primary:where(.svelte-131sexu){background:#7a8cff;color:#0e0e10;border-color:#7a8cff;font-weight:600}.modal-footer.svelte-131sexu button.primary:where(.svelte-131sexu):hover{background:#8e9dff}html,body{margin:0;padding:0;background:#0e0e10;color:#e8e8ea;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.45}main.svelte-1uha8ag{max-width:1400px;margin:0 auto;padding:40px 28px 80px}header.svelte-1uha8ag h1:where(.svelte-1uha8ag){margin:0 0 6px;font-size:26px;letter-spacing:-.01em;font-weight:600}header.svelte-1uha8ag .sub:where(.svelte-1uha8ag){margin:0 0 28px;color:#9a9aa2}.layout.svelte-1uha8ag{display:grid;grid-template-columns:320px 1fr;gap:28px;align-items:start}@media(max-width:900px){.layout.svelte-1uha8ag{grid-template-columns:1fr}}footer.svelte-1uha8ag{margin-top:40px;color:#7a7a82;font-size:13px;max-width:640px}footer.svelte-1uha8ag code:where(.svelte-1uha8ag){background:#17171a;border:1px solid #24242a;border-radius:4px;padding:1px 5px;font-size:12px}footer.svelte-1uha8ag .credit:where(.svelte-1uha8ag){margin-top:14px}footer.svelte-1uha8ag .credit:where(.svelte-1uha8ag) a:where(.svelte-1uha8ag){color:#c5c5cc;text-decoration:none;border-bottom:1px solid #2a2a31}footer.svelte-1uha8ag .credit:where(.svelte-1uha8ag) a:where(.svelte-1uha8ag):hover{color:#e8e8ea;border-bottom-color:#7a8cff}