.stage.svelte-118a2tn{z-index:0;position:fixed;inset:0;overflow:hidden}.stage--clean.svelte-118a2tn{cursor:none}.stage__fill{position:absolute;inset:-8%}.panel.svelte-118a2tn{z-index:10;width:21rem;max-height:calc(100dvh - 2rem);color:var(--color-text);border:1px solid color-mix(in srgb, var(--color-text) 12%, transparent);-webkit-backdrop-filter:blur(12px);background:#ffffffde;border-radius:1.1rem;flex-direction:column;gap:1.15rem;padding:1.35rem 1.4rem;font-size:.875rem;display:flex;position:fixed;top:1rem;left:1rem;overflow-y:auto;box-shadow:0 12px 34px -12px #0006}.panel__header.svelte-118a2tn{justify-content:space-between;align-items:center;display:flex}.panel__header.svelte-118a2tn h1:where(.svelte-118a2tn){font-family:var(--font-display,inherit);margin:0;font-size:1.35rem;font-weight:400;line-height:1}.panel__header-actions.svelte-118a2tn{gap:.35rem;display:flex}.group.svelte-118a2tn{flex-direction:column;gap:.7rem;display:flex}.group--sep.svelte-118a2tn{border-top:1px solid color-mix(in srgb, var(--color-text) 10%, transparent);padding-top:.95rem}.label.svelte-118a2tn{text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb, var(--color-text) 55%, transparent);margin:0;font-size:.7rem;font-weight:700}.presets.svelte-118a2tn{flex-wrap:wrap;gap:.4rem;display:flex}.preset.svelte-118a2tn{border:1px solid color-mix(in srgb, var(--color-text) 12%, transparent);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .6rem .25rem .3rem;font-size:.75rem;font-weight:600;transition:border-color .15s,background-color .15s;display:inline-flex}.preset.svelte-118a2tn:hover{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 7%, transparent)}.preset__swatch.svelte-118a2tn{border:1px solid color-mix(in srgb, var(--color-text) 12%, transparent);border-radius:999px;display:inline-flex;overflow:hidden}.preset__swatch.svelte-118a2tn span:where(.svelte-118a2tn){block-size:.85rem;inline-size:.85rem}.row.svelte-118a2tn{gap:.85rem;display:flex}.color-field.svelte-118a2tn{flex:1;align-items:center;gap:.5rem;font-weight:600;display:flex}.color-input.svelte-118a2tn{border:1px solid color-mix(in srgb, var(--color-text) 15%, transparent);cursor:pointer;background:0 0;border-radius:.4rem;block-size:1.7rem;inline-size:2.1rem;padding:0}.field.svelte-118a2tn{flex-direction:column;gap:.3rem;display:flex}.field-head.svelte-118a2tn{justify-content:space-between;font-weight:600;display:flex}.field-head.svelte-118a2tn output:where(.svelte-118a2tn){font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--color-text) 55%, transparent);font-weight:400}.field.svelte-118a2tn input[type=range]:where(.svelte-118a2tn){width:100%;accent-color:var(--color-primary)}.field.svelte-118a2tn input[type=range]:where(.svelte-118a2tn):disabled{opacity:.4}.toggle.svelte-118a2tn{cursor:pointer;align-items:center;gap:.5rem;font-weight:600;display:flex}.toggle.svelte-118a2tn input[type=checkbox]:where(.svelte-118a2tn){block-size:1rem;inline-size:1rem;accent-color:var(--color-primary)}.toggle__key.svelte-118a2tn{margin-left:auto}.actions.svelte-118a2tn{flex-wrap:wrap;gap:.45rem;display:flex}.btn.svelte-118a2tn{border:1px solid color-mix(in srgb, var(--color-text) 12%, transparent);cursor:pointer;border-radius:.55rem;padding:.4rem .75rem;font-size:.78rem;font-weight:600;transition:border-color .15s,background-color .15s}.btn.svelte-118a2tn:hover{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 7%, transparent)}.icon-btn.svelte-118a2tn{cursor:pointer;background:0 0;border:none;border-radius:.5rem;place-items:center;block-size:1.8rem;inline-size:1.8rem;font-size:1rem;line-height:1;transition:background-color .15s;display:grid}.icon-btn.svelte-118a2tn:hover{background:color-mix(in srgb, var(--color-text) 9%, transparent)}.keys.svelte-118a2tn{color:color-mix(in srgb, var(--color-text) 50%, transparent);margin:0;font-size:.7rem;line-height:1.6}kbd.svelte-118a2tn{border:1px solid color-mix(in srgb, var(--color-text) 22%, transparent);font-family:var(--font-code,monospace);border-bottom-width:2px;border-radius:.28rem;padding:.05rem .32rem;font-size:.9em}.hint.svelte-118a2tn{z-index:10;color:#ffffffeb;letter-spacing:.02em;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000006b;border-radius:999px;margin:0;padding:.4rem 1rem;font-size:.72rem;font-weight:500;animation:3s forwards svelte-118a2tn-hint-fade;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)}.hint.svelte-118a2tn kbd:where(.svelte-118a2tn){color:#fff;border-color:#fff6}@keyframes svelte-118a2tn-hint-fade{0%,40%{opacity:1}to{opacity:0}}