:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ease-smooth-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-heavy-spring:cubic-bezier(.34, 3.85, .64, 1);--dur-micro:.15s;--dur-normal:.25s;--dur-emphasis:.4s;--dur-globe:.8s;--blur-small:4px;--stagger-step:80ms;--text-2xs:10px;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-lg:16px;--font-mono:ui-monospace, SFMono-Regular, monospace;--color-white:#fff;--color-canvas:#161616;--color-base:#0c0d12;--color-muted:#71717a;--color-subtle:#a1a1aa;--color-label:#d4d4d8;--color-error:#fca5a5;--color-track:#141414;--color-track-hover:#1f1f1f;--color-fill:#52525b;--color-fill-dark:#3f3f46;--color-fill-hover:#60606a;--color-fill-hover-dark:#4a4a52}@supports (color:oklch(0 0 0)){:root{--color-white:oklch(100% 0 0);--color-canvas:oklch(17.4% 0 0);--color-base:oklch(11.3% .014 264);--color-muted:oklch(52.1% .016 264);--color-subtle:oklch(68.1% .013 264);--color-label:oklch(85.6% .008 264);--color-error:oklch(79.7% .103 22);--color-track:oklch(15.4% 0 0);--color-track-hover:oklch(20.5% 0 0);--color-fill:oklch(39.3% .015 264);--color-fill-dark:oklch(31.6% .013 264);--color-fill-hover:oklch(45.2% .015 264);--color-fill-hover-dark:oklch(35.7% .014 264)}html,body{background-color:var(--color-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;overflow:hidden}::selection{background-color:var(--color-white);color:var(--color-canvas)}:focus-visible{outline-offset:2px;outline:2px solid #ffffff80}@media (prefers-reduced-motion:reduce){:root{--dur-micro:0s;--dur-normal:0s;--dur-emphasis:0s;--dur-globe:0s;--blur-small:0px;--stagger-step:0s}}.globe-svg.svelte-8ml9dt{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.globe-path.svelte-8ml9dt{transition:opacity var(--dur-micro) var(--ease-smooth-out)}.solid-path.svelte-8ml9dt{opacity:0;pointer-events:none}.solid-path.active.svelte-8ml9dt{opacity:1;pointer-events:auto}.dots-path.svelte-8ml9dt{opacity:0;pointer-events:none}.dots-path.active.svelte-8ml9dt{opacity:1;pointer-events:auto}.search-section.svelte-1auwazr{animation:panelEntrance var(--dur-emphasis) var(--ease-smooth-out) both;animation-delay:var(--stagger-step);flex-direction:column;display:flex;position:relative}.search-box.svelte-1auwazr{height:38px;transition:background-color var(--dur-normal) var(--ease-smooth-out), border-color var(--dur-normal) var(--ease-smooth-out);background:#0003;border:1px solid #ffffff0d;border-radius:12px;align-items:center;padding:0 12px;display:flex;position:relative}.search-box.svelte-1auwazr:focus-within{background:#00000040;border-color:#ffffff26}.search-icon.svelte-1auwazr{color:var(--color-muted);flex-shrink:0;margin-right:8px}.search-input.svelte-1auwazr{color:var(--color-white);background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit;font-size:12px}.search-input.svelte-1auwazr::placeholder{color:var(--color-fill)}.clear-btn.svelte-1auwazr{color:var(--color-muted);cursor:pointer;transition:color var(--dur-micro) var(--ease-smooth-out), background-color var(--dur-micro) var(--ease-smooth-out), transform var(--dur-micro) var(--ease-spring);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.clear-btn.svelte-1auwazr:hover{color:var(--color-white);background:#ffffff1a}.clear-btn.svelte-1auwazr:active{transform:scale(.9)}.spinner.svelte-1auwazr{border:2px solid #ffffff1a;border-top:2px solid var(--color-white);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite svelte-1auwazr-spin}@keyframes svelte-1auwazr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shortcut-hint.svelte-1auwazr{width:20px;height:20px;color:var(--color-muted);pointer-events:none;background:#ffffff0d;border:1px solid #ffffff0a;border-radius:4px;justify-content:center;align-items:center;font-family:inherit;font-size:11px;font-weight:500;display:flex}.suggestions-dropdown.svelte-1auwazr{-webkit-backdrop-filter:blur(16px);z-index:100;scrollbar-width:none;background:#161617f2;border:1px solid #ffffff14;border-radius:12px;width:100%;max-height:220px;position:absolute;top:44px;left:0;overflow-y:auto;box-shadow:0 12px 24px #0006}.suggestions-dropdown.svelte-1auwazr::-webkit-scrollbar{display:none}.suggestions-dropdown.empty-state.svelte-1auwazr{text-align:center;padding:16px}.empty-text.svelte-1auwazr{color:var(--color-muted);font-size:12px}.suggestion-item.svelte-1auwazr{text-align:left;cursor:pointer;width:100%;transition:background-color var(--dur-micro) var(--ease-smooth-out);animation:svelte-1auwazr-itemReveal var(--dur-normal) var(--ease-smooth-out) both;animation-delay:calc(var(--i) * 30ms);background:0 0;border:none;border-bottom:1px solid #ffffff0a;flex-direction:row;align-items:center;gap:12px;padding:10px 14px;display:flex}.place-info.svelte-1auwazr{flex-direction:column;flex:1;min-width:0;display:flex}.flag-icon.svelte-1auwazr{object-fit:contain;border-radius:3px;flex-shrink:0;width:18px;height:18px}@keyframes svelte-1auwazr-itemReveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.suggestion-item.svelte-1auwazr:last-child{border-bottom:none}.suggestion-item.svelte-1auwazr:hover,.suggestion-item.highlighted.svelte-1auwazr{background:var(--color-track-hover)}.place-title.svelte-1auwazr{color:var(--color-white);font-size:12px;font-weight:600}.place-desc.svelte-1auwazr{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;line-height:1.4;overflow:hidden}.segment-control.svelte-1n4ohpu{z-index:1;background:#00000040;border:1px solid #ffffff0d;border-radius:12px;padding:3px;display:flex;position:relative}.segment-indicator.svelte-1n4ohpu{z-index:-1;transition:left var(--dur-normal) var(--ease-smooth-out), right var(--dur-normal) var(--ease-smooth-out);background:#ffffff14;border:1px solid #ffffff0d;border-radius:8px;position:absolute;top:3px;bottom:3px;box-shadow:0 2px 4px #0003}.segment-indicator.solid.svelte-1n4ohpu{left:3px;right:50%}.segment-indicator.dot-matrix.svelte-1n4ohpu{left:50%;right:3px}.segment-btn.svelte-1n4ohpu{color:var(--color-muted);cursor:pointer;transition:color var(--dur-micro) var(--ease-smooth-out);z-index:2;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 0;font-size:12px;font-weight:500}.segment-btn.svelte-1n4ohpu:hover:not(.active){color:var(--color-subtle)}.segment-btn.active.svelte-1n4ohpu{color:var(--color-white);text-shadow:0 1px 2px #00000080}.property-row.svelte-yhjxqj{align-items:center;gap:12px;display:flex}.prop-label.svelte-yhjxqj{flex-shrink:0;width:120px}.prop-name.svelte-yhjxqj{color:var(--color-label);font-size:12px;font-weight:500}.prop-control.svelte-yhjxqj{flex:1;align-items:center;display:flex}.prop-value.svelte-yhjxqj{text-align:right;font-variant-numeric:tabular-nums;width:32px;color:var(--color-muted);flex-shrink:0;font-size:11px}.slider-container.svelte-yhjxqj{align-items:center;width:100%;height:22px;display:flex;position:relative}.slider-track.svelte-yhjxqj{background:var(--color-track);pointer-events:none;width:100%;height:100%;transition:filter var(--dur-micro) var(--ease-smooth-out), background-color var(--dur-micro) var(--ease-smooth-out), transform var(--dur-micro) var(--ease-spring);border:1px solid #ffffff0d;border-radius:7px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:inset 0 1px 3px #0006}.slider-fill.svelte-yhjxqj{height:100%;width:var(--percent);pointer-events:none;transition:background var(--dur-micro) var(--ease-smooth-out);background:linear-gradient(#ffffff38 0%,#ffffff1f 100%);border-radius:7px;justify-content:flex-end;align-items:center;display:flex;position:absolute;top:0;left:0;box-shadow:inset 0 1px #ffffff14}.slider-thumb-indicator.svelte-yhjxqj{background:#ffffffbf;border-radius:1px;flex-shrink:0;width:2px;height:12px;margin-right:5px}.slider-limit-start.svelte-yhjxqj,.slider-limit-end.svelte-yhjxqj{opacity:0;pointer-events:none;width:1px;height:12px;transition:opacity var(--dur-micro) var(--ease-smooth-out);background:#ffffff2e;position:absolute;top:5px}.slider-limit-start.svelte-yhjxqj{left:6px}.slider-limit-end.svelte-yhjxqj{right:6px}.slider-native-input.svelte-yhjxqj{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.slider-container.svelte-yhjxqj:has(.slider-native-input:where(.svelte-yhjxqj):hover) .slider-fill:where(.svelte-yhjxqj){background:linear-gradient(#ffffff52 0%,#ffffff2e 100%)}.slider-container.svelte-yhjxqj:hover .slider-limit-start:where(.svelte-yhjxqj),.slider-container.svelte-yhjxqj:hover .slider-limit-end:where(.svelte-yhjxqj),.slider-container.svelte-yhjxqj:active .slider-limit-start:where(.svelte-yhjxqj),.slider-container.svelte-yhjxqj:active .slider-limit-end:where(.svelte-yhjxqj),.slider-container.svelte-yhjxqj:focus-within .slider-limit-start:where(.svelte-yhjxqj),.slider-container.svelte-yhjxqj:focus-within .slider-limit-end:where(.svelte-yhjxqj){opacity:1}.slider-container.svelte-yhjxqj:has(.slider-native-input:where(.svelte-yhjxqj):hover) .slider-track:where(.svelte-yhjxqj){background:var(--color-track-hover)}.slider-container.svelte-yhjxqj:has(.slider-native-input:where(.svelte-yhjxqj):active) .slider-track:where(.svelte-yhjxqj){filter:brightness(1.2);transform:scaleY(.9)scaleX(.99)}.slider-native-input.svelte-yhjxqj:focus-visible{outline:none}.slider-container.svelte-yhjxqj:has(.slider-native-input:where(.svelte-yhjxqj):focus-visible) .slider-track:where(.svelte-yhjxqj){outline-offset:2px;background:var(--color-track-hover);outline:2px solid #ffffff80}.property-row.svelte-181phd1{align-items:center;gap:12px;display:flex;position:relative}.prop-label.svelte-181phd1{flex-shrink:0;width:120px}.prop-name.svelte-181phd1{color:var(--color-label);font-size:12px;font-weight:500}.prop-control.svelte-181phd1{flex:1;align-items:center;height:32px;display:flex;position:relative}.color-switcher-container.svelte-181phd1{box-sizing:border-box;width:100%;transition:border-color var(--dur-micro) var(--ease-smooth-out), box-shadow var(--dur-micro) var(--ease-smooth-out), background-color var(--dur-micro) var(--ease-smooth-out);background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;padding:3px 10px 3px 4px;display:flex}.color-switcher-container.svelte-181phd1:focus-within,.color-switcher-container.active.svelte-181phd1{background:#ffffff0f;border-color:#ffffff40;box-shadow:0 0 0 2px #ffffff0d}.color-switcher-container.invalid.svelte-181phd1{background:#ef444405;border-color:#ef444466}.custom-color-wrapper.svelte-181phd1{cursor:pointer;width:24px;height:24px;transition:transform var(--dur-micro) var(--ease-spring), border-color var(--dur-micro) var(--ease-smooth-out);border:1px solid #ffffff26;border-radius:12px;flex-shrink:0;padding:0;position:relative;box-shadow:inset 0 1px 2px #0003,0 1px 2px #0003}.custom-color-wrapper.svelte-181phd1:after{content:"";border-radius:50%;position:absolute;inset:-8px}.custom-color-wrapper.svelte-181phd1:hover{border-color:#fff6;transform:scale(1.05)}.custom-color-wrapper.svelte-181phd1:active{transform:scale(.92)}.hex-text-input.svelte-181phd1{color:var(--color-label);letter-spacing:.05em;background:0 0;border:none;outline:none;flex:1;width:100%;padding:0;font-family:inherit;font-size:11px;font-weight:500}.color-switcher-container.invalid.svelte-181phd1 .hex-text-input:where(.svelte-181phd1){color:var(--color-error)}.properties-table.svelte-cxdpyd{flex-direction:column;display:flex;position:relative}.properties-table.svelte-cxdpyd>*{margin-bottom:16px}.properties-table.svelte-cxdpyd>:last-child{margin-bottom:0}.matrix-controls-wrapper.svelte-cxdpyd{flex-direction:column;display:flex}.matrix-controls-wrapper.svelte-cxdpyd>*{margin-bottom:16px}.matrix-controls-wrapper.svelte-cxdpyd>:last-child{margin-bottom:0}.section-header.svelte-cxdpyd{align-items:center;gap:12px;margin-top:16px;margin-bottom:8px;display:flex}.properties-table.svelte-cxdpyd>.section-header:where(.svelte-cxdpyd):first-child{margin-top:0}.section-header.svelte-cxdpyd span:where(.svelte-cxdpyd){color:#fff6;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:10px;font-weight:700}.section-header.svelte-cxdpyd .line:where(.svelte-cxdpyd){background:#0006;border-bottom:1px solid #ffffff0f;flex:1;height:1px}.action-footer.svelte-zi236h{border-top:1px solid #ffffff0f;flex-direction:row;gap:8px;margin-top:auto;padding-top:20px;display:flex}.primary-btn.svelte-zi236h{box-sizing:border-box;background:var(--color-white);height:36px;color:var(--color-canvas);font-size:var(--text-sm);letter-spacing:-.01em;cursor:pointer;transition:transform var(--dur-micro) var(--ease-spring), background-color var(--dur-micro) var(--ease-smooth-out);border:none;border-radius:10px;flex:1;place-items:center;font-weight:600;display:grid;box-shadow:0 4px 12px #0003}.primary-btn.svelte-zi236h:hover{background:#f4f4f5}.primary-btn.svelte-zi236h:active{transform:scale(.96)}.primary-btn.svelte-zi236h>span:where(.svelte-zi236h){transition:opacity var(--dur-normal) var(--ease-smooth-out), transform var(--dur-normal) var(--ease-smooth-out), filter var(--dur-normal) var(--ease-smooth-out);grid-area:1/1;justify-content:center;align-items:center;gap:8px;line-height:1.2;display:flex}.btn-normal.svelte-zi236h{opacity:1;filter:blur();transform:scale(1)translateY(0)}.primary-btn.copied.svelte-zi236h .btn-normal:where(.svelte-zi236h){opacity:0;filter:blur(var(--blur-small));pointer-events:none;transform:scale(.9)translateY(-4px)}.btn-copied.svelte-zi236h{opacity:0;filter:blur(var(--blur-small));pointer-events:none;transform:scale(.9)translateY(4px)}.primary-btn.copied.svelte-zi236h .btn-copied:where(.svelte-zi236h){opacity:1;filter:blur();pointer-events:auto;transform:scale(1)translateY(0)}.secondary-btn.svelte-zi236h{box-sizing:border-box;height:36px;color:var(--color-subtle);font-size:var(--text-sm);letter-spacing:-.01em;cursor:pointer;transition:transform var(--dur-micro) var(--ease-spring), background-color var(--dur-micro) var(--ease-smooth-out), color var(--dur-micro) var(--ease-smooth-out), border-color var(--dur-micro) var(--ease-smooth-out);background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;flex:1;justify-content:center;align-items:center;font-weight:500;display:flex;box-shadow:0 4px 12px #00000026}.secondary-btn.svelte-zi236h:hover{color:var(--color-white);background:#ffffff14;border-color:#ffffff26}.secondary-btn.svelte-zi236h:active{transform:scale(.96)}.floating-panel.svelte-181dlmc{-webkit-backdrop-filter:blur(20px);z-index:10;box-sizing:border-box;cursor:default;width:44px;height:44px;animation:svelte-181dlmc-panelEntrance var(--dur-emphasis) var(--ease-smooth-out) forwards;transition:width var(--dur-normal) var(--ease-smooth-out), height var(--dur-normal) var(--ease-smooth-out), border-radius var(--dur-normal) var(--ease-smooth-out);background:#161617d9;border:none;border-radius:22px;position:absolute;top:24px;left:24px;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,inset 0 1px #ffffff1a,0 20px 40px #00000080}.floating-panel[data-open=true].svelte-181dlmc{width:360px;height:calc(100vh - 48px);transition:width var(--dur-emphasis) var(--ease-smooth-out), height var(--dur-emphasis) var(--ease-smooth-out), border-radius var(--dur-emphasis) var(--ease-smooth-out);border-radius:20px}.menu-content.svelte-181dlmc{box-sizing:border-box;opacity:0;width:360px;height:calc(100vh - 48px);filter:blur(var(--blur-small));pointer-events:none;transition:opacity var(--dur-normal) var(--ease-smooth-out), transform var(--dur-emphasis) var(--ease-smooth-out), filter var(--dur-normal) var(--ease-smooth-out);flex-direction:column;padding:20px;display:flex;position:absolute;inset:0;transform:translate(20px)scale(.95)}.floating-panel[data-open=true].svelte-181dlmc .menu-content:where(.svelte-181dlmc){opacity:1;filter:blur();pointer-events:auto;transform:translate(0)scale(1)}.actions.svelte-181dlmc{align-items:center;gap:8px;display:flex}.collapse-btn.svelte-181dlmc{color:var(--color-muted);cursor:pointer;transition:color var(--dur-micro) var(--ease-smooth-out), background-color var(--dur-micro) var(--ease-smooth-out), transform var(--dur-micro) var(--ease-spring);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.collapse-btn.svelte-181dlmc:hover{color:var(--color-white);background:#ffffff1a}.collapse-btn.svelte-181dlmc:active{transform:scale(.9)}.toggle-btn.svelte-181dlmc{width:44px;height:44px;color:var(--color-white);cursor:pointer;z-index:10;transition:opacity var(--dur-normal) var(--ease-smooth-out), transform var(--dur-emphasis) var(--ease-smooth-out), filter var(--dur-normal) var(--ease-smooth-out);background:0 0;border:none;place-items:center;display:grid;position:absolute;inset:0 auto auto 0}.floating-panel[data-open=true].svelte-181dlmc .toggle-btn:where(.svelte-181dlmc){opacity:0;filter:blur(var(--blur-small));pointer-events:none;transform:translate(-20px)scale(.9)}@keyframes svelte-181dlmc-panelEntrance{0%{opacity:0;filter:blur(var(--blur-small));transform:translateY(16px)}to{opacity:1;filter:blur();transform:translateY(0)}}.panel-header.svelte-181dlmc{animation:svelte-181dlmc-panelEntrance var(--dur-emphasis) var(--ease-smooth-out) both;margin-bottom:24px}.title-block.svelte-181dlmc{justify-content:space-between;align-items:center;display:flex}.reset-btn.svelte-181dlmc{color:var(--color-muted);cursor:pointer;transition:color var(--dur-micro) var(--ease-smooth-out), background-color var(--dur-micro) var(--ease-smooth-out), transform var(--dur-micro) var(--ease-spring);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.reset-btn.svelte-181dlmc:hover{color:var(--color-white);background:#ffffff1a}.reset-btn.svelte-181dlmc:active{transform:scale(.9)}.reset-btn.svelte-181dlmc svg:where(.svelte-181dlmc){transition:transform var(--dur-emphasis) var(--ease-smooth-out)}.reset-btn.svelte-181dlmc svg.spin:where(.svelte-181dlmc){transform:rotate(-360deg)}.title-block.svelte-181dlmc h1:where(.svelte-181dlmc){letter-spacing:-.02em;color:var(--color-white);text-wrap:balance;margin:0;font-size:16px;font-weight:600;line-height:1.1}.version-tag.svelte-181dlmc{color:var(--color-subtle);background:#ffffff1a;border-radius:99px;padding:2px 6px;font-size:10px;font-weight:600}.logo-img.svelte-181dlmc{object-fit:contain;width:22px;height:22px}.controls-scroll.svelte-181dlmc{scrollbar-width:none;animation:svelte-181dlmc-panelEntrance var(--dur-emphasis) var(--ease-smooth-out) both;animation-delay:calc(var(--stagger-step) * 2);flex-direction:column;flex:1;gap:24px;display:flex;overflow-y:auto}.controls-scroll.svelte-181dlmc::-webkit-scrollbar{display:none}.color-picker-panel.svelte-1g2dmmv{-webkit-backdrop-filter:blur(20px);-webkit-user-select:none;user-select:none;background:#161617d9;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:8px;width:200px;padding:8px;display:flex;box-shadow:0 20px 40px #00000080}.sv-canvas.svelte-1g2dmmv{cursor:crosshair;touch-action:none;background:0 0;border:.7px solid #ffffff26;border-radius:8px;outline:none;height:140px;position:relative;overflow:hidden;transform:translateZ(0)}.sv-canvas.svelte-1g2dmmv:focus-visible{border-color:#ffffff73;outline:none}.sv-base.svelte-1g2dmmv,.sv-gradient-white.svelte-1g2dmmv,.sv-gradient-black.svelte-1g2dmmv{border-radius:inherit;position:absolute;inset:0}.sv-gradient-white.svelte-1g2dmmv{background:linear-gradient(90deg,#fff,#0000)}.sv-gradient-black.svelte-1g2dmmv{background:linear-gradient(#0000,#000)}.sv-pointer.svelte-1g2dmmv{border:1px solid var(--color-white);pointer-events:none;border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 2px #000c}.preview-circle.svelte-1g2dmmv{width:20px;height:20px;transition:background-color var(--dur-normal) var(--ease-smooth-out);border:.7px solid #ffffff26;border-radius:50%;flex-shrink:0;box-shadow:inset 0 1px #ffffff1a}.hue-slider-track.svelte-1g2dmmv{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border:.7px solid #ffffff1a;border-radius:8px;outline:none;width:100%;height:16px;position:relative}.hue-pointer.svelte-1g2dmmv{border:1px solid var(--color-white);pointer-events:none;background:currentColor;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #00000080}.sv-pointer.svelte-1g2dmmv,.hue-pointer.svelte-1g2dmmv{transition:transform var(--dur-micro) var(--ease-spring), left var(--dur-normal) var(--ease-smooth-out), top var(--dur-normal) var(--ease-smooth-out)}.sv-canvas.dragging.svelte-1g2dmmv,.hue-slider-track.dragging.svelte-1g2dmmv{cursor:none}.sv-canvas.dragging.svelte-1g2dmmv .sv-pointer:where(.svelte-1g2dmmv){transition:transform var(--dur-micro) var(--ease-spring), left 0s, top 0s;transform:translate(-50%,-50%)scale(2)}.hue-slider-track.dragging.svelte-1g2dmmv .hue-pointer:where(.svelte-1g2dmmv){transition:transform var(--dur-micro) var(--ease-spring), left 0s;transform:translate(-50%,-50%)scale(2)}.hex-row.svelte-1g2dmmv{background:#0003;border-radius:8px;align-items:center;gap:8px;padding:6px;display:flex}.hex-input-group.svelte-1g2dmmv{flex:1;align-items:center;display:flex}.hex-hash.svelte-1g2dmmv{color:var(--color-muted);margin-bottom:1px;margin-right:2px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}.clean-hex-input.svelte-1g2dmmv{color:var(--color-white);background:0 0;border:none;outline:none;flex:1;margin:0;padding:0;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px}.app-container.svelte-1n46o8q{background-color:var(--color-canvas);cursor:grab;width:100vw;height:100vh;position:relative}.app-container.dragging.svelte-1n46o8q{cursor:grabbing}.credit-text.svelte-1n46o8q{color:#ffffff40;z-index:2;text-wrap:pretty;font-size:11px;font-weight:400;position:absolute;bottom:24px;right:24px}.credit-link.svelte-1n46o8q{color:var(--color-subtle);transition:color var(--dur-micro) var(--ease-smooth-out), transform var(--dur-micro) var(--ease-spring);font-weight:500;text-decoration:none;display:inline-block;position:relative}.credit-link.svelte-1n46o8q:after{content:"";transform-origin:100%;width:100%;height:1px;transition:transform var(--dur-normal) var(--ease-smooth-out);background-color:currentColor;position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.credit-link.svelte-1n46o8q:hover:after{transform-origin:0;transform:scaleX(1)}.credit-tooltip.svelte-1n46o8q{-webkit-backdrop-filter:blur(12px);color:var(--color-white);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dur-micro) var(--ease-smooth-out), transform var(--dur-micro) var(--ease-smooth-out);z-index:10;transform-origin:100% 100%;background:linear-gradient(#323232cc 0%,#191919cc 100%);border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-family:inherit;font-size:10px;font-weight:500;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(4px)scale(.95);box-shadow:0 8px 24px #0006,inset 0 1px #ffffff26,inset 0 0 0 1px #ffffff05}.credit-link.svelte-1n46o8q:hover .credit-tooltip:where(.svelte-1n46o8q){opacity:1;pointer-events:auto;transition-duration:var(--dur-normal);transition-timing-function:var(--ease-spring);transition-delay:.12s;transform:translateY(0)scale(1)}.credit-link.svelte-1n46o8q:hover{color:var(--color-white)}.credit-link.svelte-1n46o8q:active{transform:scale(.96)}.svg-wrapper.svelte-1n46o8q{z-index:1;outline:none;width:100%;height:100%;position:absolute;top:0;left:0}.global-picker-popover.svelte-1n46o8q{z-index:100;filter:drop-shadow(0 20px 40px #00000080);transition:top var(--dur-normal) var(--ease-spring), left var(--dur-normal) var(--ease-spring);position:absolute}}