.studio.svelte-uvsyyr{grid-template-columns:minmax(0,640px) minmax(240px,1fr);align-items:start;gap:32px;margin-top:28px;display:grid}.preview.svelte-uvsyyr{min-width:0}.frame.svelte-uvsyyr{box-shadow:2px 2px 5px #0000001c}.caveat.svelte-uvsyyr,.error.svelte-uvsyyr{color:#555;max-width:640px;margin:12px 0 0;font-size:.85rem;line-height:1.5}.error.svelte-uvsyyr{color:#333;background:#fdd;border-radius:3px;padding:8px 10px}.controls.svelte-uvsyyr{background:#fff;border:1px solid #d9d9d9;border-radius:10px;flex-direction:column;gap:20px;padding:20px;font-family:Inter,Helvetica,Arial,system-ui,-apple-system,sans-serif;display:flex;position:sticky;top:20px;box-shadow:2px 2px 5px #0000001c}.group.svelte-uvsyyr{flex-direction:column;gap:8px;min-width:0;display:flex}.group.svelte-uvsyyr+.group:where(.svelte-uvsyyr){border-top:1px solid #eee;padding-top:20px}.label.svelte-uvsyyr,.label.svelte-uvsyyr label:where(.svelte-uvsyyr){text-transform:uppercase;letter-spacing:.05em;color:#696969;margin:0;padding:0;font-size:.75rem;font-weight:700}.controls.svelte-uvsyyr button:where(.svelte-uvsyyr){font:inherit;white-space:nowrap;color:#000;cursor:pointer;background:#fff;border:1px solid #000;border-radius:0;padding:10px 8px;font-size:.9rem;font-weight:700}.controls.svelte-uvsyyr button.primary:where(.svelte-uvsyyr){color:#fff;text-transform:uppercase;background:#f72d5a;border-color:#f72d5a;padding:15px 22px;font-size:.95rem}.controls.svelte-uvsyyr button:where(.svelte-uvsyyr):hover:not(:disabled){filter:brightness(1.1)}.controls.svelte-uvsyyr button:where(.svelte-uvsyyr):disabled{opacity:.4;cursor:default}button.svelte-uvsyyr:focus-visible,textarea.svelte-uvsyyr:focus-visible{outline-offset:-1px;outline:2px solid #f72d5a}textarea.svelte-uvsyyr{box-sizing:border-box;color:#333;resize:vertical;background:#f7f7f7;border:1px solid #d9d9d9;border-radius:6px;width:100%;padding:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;line-height:1.4}.themes.svelte-uvsyyr{grid-template-columns:1fr 1fr;gap:8px;display:grid}label.theme.svelte-uvsyyr{text-align:center;color:#000;cursor:pointer;border:1px solid #d9d9d9;border-radius:6px;flex-direction:column;align-items:stretch;gap:6px;padding:6px 6px 8px;font-size:.85rem;display:flex;position:relative}.theme.svelte-uvsyyr input:where(.svelte-uvsyyr){opacity:0;pointer-events:none;position:absolute}.theme.svelte-uvsyyr:has(input:where(.svelte-uvsyyr):checked){border-color:#000;box-shadow:inset 0 0 0 1px #000}.theme.svelte-uvsyyr:has(input:where(.svelte-uvsyyr):focus-visible){outline-offset:1px;outline:2px solid #f72d5a}.swatch.svelte-uvsyyr{border-radius:3px;place-items:center;height:44px;display:grid}.swatch.light.svelte-uvsyyr{background:#fff;box-shadow:inset 0 0 0 1px #eee}.swatch.dark.svelte-uvsyyr{background:#121212}.swatch.svelte-uvsyyr span:where(.svelte-uvsyyr){background:#f72d5a;width:16px;height:16px}.hint.svelte-uvsyyr{color:#696969;margin:0;font-size:.8rem;line-height:1.45}.related.svelte-uvsyyr,.history.svelte-uvsyyr{max-width:1080px;margin-top:40px}.related.svelte-uvsyyr p:where(.svelte-uvsyyr){max-width:70ch;font-size:.95rem;line-height:1.5}.related.svelte-uvsyyr h2:where(.svelte-uvsyyr){margin:0 0 12px;font-size:1.2rem;font-weight:800}.related.svelte-uvsyyr ul:where(.svelte-uvsyyr){flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.related.svelte-uvsyyr ul:where(.svelte-uvsyyr) a:where(.svelte-uvsyyr){color:#000;background:#fff;border:1px solid #000;padding:6px 12px;font-size:.9rem;font-weight:700;text-decoration:none;display:block}.related.svelte-uvsyyr a:where(.svelte-uvsyyr):hover,.related.svelte-uvsyyr p:where(.svelte-uvsyyr) a:where(.svelte-uvsyyr){color:#f72d5a}.history.svelte-uvsyyr{background:#fff;padding:24px}@media (width<=899px){.studio.svelte-uvsyyr{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:20px}.controls.svelte-uvsyyr{max-width:640px;position:static}}@media (width<=600px){.history.svelte-uvsyyr{margin-left:-16px;margin-right:-16px;padding:16px}}