: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}html,body{background-color:#0c0d12;margin:0;padding:0;overflow:hidden}::selection{color:#161616;background-color:#fff}: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-normal) 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:border-color var(--dur-normal) var(--ease-smooth-out), background-color var(--dur-normal) var(--ease-smooth-out), box-shadow var(--dur-normal) var(--ease-smooth-out);background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;padding:0 12px;display:flex;position:relative}.search-box.svelte-1auwazr:focus-within{background:#ffffff12;border-color:#ffffff40;box-shadow:0 0 12px #ffffff0d}.search-icon.svelte-1auwazr{color:#71717a;flex-shrink:0;margin-right:8px}.search-input.svelte-1auwazr{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit;font-size:12px}.search-input.svelte-1auwazr::placeholder{color:#52525b}.clear-btn.svelte-1auwazr{color:#71717a;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:#fff;background:#ffffff1a}.clear-btn.svelte-1auwazr:active{transform:scale(.9)}.spinner.svelte-1auwazr{border:2px solid #ffffff1a;border-top-color:#fff;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{color:#a1a1aa;pointer-events:none;background:#ffffff14;border:1px solid #ffffff0d;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-family:inherit;font-size:11px;font-weight:600;display:flex}.suggestions-dropdown.svelte-1auwazr{z-index:100;width:100%;max-height:220px;animation:svelte-1auwazr-dropdownReveal var(--dur-emphasis) var(--ease-spring) both;background:#1c1c1f;border:1px solid #ffffff14;border-radius:12px;position:absolute;top:44px;left:0;overflow-y:auto;box-shadow:0 16px 40px #000c}@keyframes svelte-1auwazr-dropdownReveal{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.suggestions-dropdown.empty-state.svelte-1auwazr{text-align:center;padding:16px}.empty-text.svelte-1auwazr{color:#71717a;font-size:12px}.suggestion-item.svelte-1auwazr{text-align:left;cursor:pointer;width:100%;transition:background-color var(--dur-micro) var(--ease-smooth-out), transform var(--dur-micro) var(--ease-spring);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:column;padding:10px 14px;display:flex}@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{background:#27272a;transform:translate(4px)}.place-title.svelte-1auwazr{color:#fff;font-size:12px;font-weight:600}.place-desc.svelte-1auwazr{color:#71717a;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;overflow:hidden}.segment-control.svelte-1n4ohpu{z-index:1;background:#ffffff0a;border:1px solid #ffffff08;border-radius:12px;padding:4px;display:flex;position:relative}.segment-indicator.svelte-1n4ohpu{z-index:-1;width:calc(50% - 4px);transition:transform var(--dur-normal) var(--ease-smooth-out);background:#ffffff1a;border-radius:8px;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 2px 8px #0003}.segment-indicator.solid.svelte-1n4ohpu{transform:translate(0)}.segment-indicator.dot-matrix.svelte-1n4ohpu{transform:translate(100%)}.segment-btn.svelte-1n4ohpu{color:#71717a;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:#a1a1aa}.segment-btn.active.svelte-1n4ohpu{color:#fff}.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:#d4d4d8;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;color:#71717a;flex-shrink:0;width:32px;font-size:11px}.slider-container.svelte-yhjxqj{align-items:center;width:100%;height:18px;display:flex;position:relative}.slider-track.svelte-yhjxqj{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);background:#191919;border:1px solid #ffffff0d;border-radius:6px;position:absolute;top:0;left:0;overflow:hidden}.slider-fill.svelte-yhjxqj{height:100%;width:var(--percent);pointer-events:none;transition:width var(--dur-micro) var(--ease-smooth-out);background:#3f3f46;border-radius:6px;justify-content:flex-end;align-items:center;display:flex;position:absolute;top:0;left:0}.slider-thumb-indicator.svelte-yhjxqj{background:#a1a1aa;border-radius:1px;flex-shrink:0;width:2px;height:10px;margin-right:4px}.slider-limit-start.svelte-yhjxqj,.slider-limit-end.svelte-yhjxqj{opacity:0;pointer-events:none;background:#ffffff2e;width:1px;height:10px;transition:opacity .15s ease-in-out;position:absolute;top:4px}.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: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:#1f1f1f}.slider-container.svelte-yhjxqj:has(.slider-native-input:where(.svelte-yhjxqj):active) .slider-track:where(.svelte-yhjxqj){filter:brightness(1.2)}.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:#1f1f1f;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:#d4d4d8;font-size:12px;font-weight:500}.prop-control.svelte-181phd1{flex:1;align-items:center;height:28px;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:8px;align-items:center;gap:8px;padding:3px 8px 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:20px;height:20px;transition:transform var(--dur-micro) var(--ease-spring), border-color var(--dur-micro) var(--ease-smooth-out);border:1px solid #ffffff26;border-radius:6px;flex-shrink:0;padding:0}.custom-color-wrapper.svelte-181phd1:hover{border-color:#fff6;transform:scale(1.1)}.hex-text-input.svelte-181phd1{color:#f4f4f5;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:#fca5a5}.color-picker-panel.svelte-1g2dmmv{-webkit-user-select:none;user-select:none;background:#242424;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:10px;width:200px;padding:10px;display:flex;box-shadow:0 10px 25px #00000080}.sv-canvas.svelte-1g2dmmv{cursor:crosshair;touch-action:none;background:0 0;border:.7px solid #ffffff26;border-radius:8px;outline:none;height:120px;position:relative;overflow:hidden}.sv-canvas.svelte-1g2dmmv:focus-visible{border-color:#ffffff73;outline:none}.sv-base.svelte-1g2dmmv{position:absolute;inset:0}.sv-gradient-white.svelte-1g2dmmv{background:linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}.sv-gradient-black.svelte-1g2dmmv{background:linear-gradient(#0000,#000);position:absolute;inset:0}.sv-pointer.svelte-1g2dmmv{pointer-events:none;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 2px #000c,inset 0 0 2px #000c}.middle-controls.svelte-1g2dmmv{align-items:center;gap:8px;height:24px;display:flex}.action-btn.svelte-1g2dmmv{color:#a1a1aa;cursor:pointer;width:24px;height:24px;transition:background-color var(--dur-micro) var(--ease-smooth-out), border-color var(--dur-micro) var(--ease-smooth-out), color var(--dur-micro) var(--ease-smooth-out), transform var(--dur-micro) var(--ease-spring);background:#ffffff08;border:.7px solid #ffffff1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.action-btn.svelte-1g2dmmv:hover{color:#fff;background:#ffffff1a;border-color:#ffffff40;transform:scale(1.05)}.preview-circle.svelte-1g2dmmv{border:.7px solid #ffffff26;border-radius:50%;flex-shrink:0;width:20px;height:20px;box-shadow:inset 0 1px #ffffff1a}.hue-slider-track.svelte-1g2dmmv{cursor:pointer;touch-action:none;height:10px;transition:border-color var(--dur-micro) var(--ease-smooth-out);background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border:.7px solid #ffffff1a;border-radius:99px;outline:none;flex:1;position:relative}.hue-slider-track.svelte-1g2dmmv:focus-visible{border-color:#ffffff59;outline:none}.hue-pointer.svelte-1g2dmmv{pointer-events:none;background:currentColor;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #00000080}.values-grid.svelte-1g2dmmv{gap:6px;display:flex}.hex-col.svelte-1g2dmmv{flex-direction:column;flex:1.6;align-items:center;gap:3px;display:flex}.rgb-col.svelte-1g2dmmv{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.hex-val-input.svelte-1g2dmmv,.rgb-val-input.svelte-1g2dmmv{color:#fff;text-align:center;width:100%;transition:border-color var(--dur-micro) var(--ease-smooth-out), background-color var(--dur-micro) var(--ease-smooth-out);background:#ffffff05;border:.7px solid #ffffff14;border-radius:6px;outline:none;padding:4px 0;font-family:inherit;font-size:11px}.hex-val-input.svelte-1g2dmmv:hover,.rgb-val-input.svelte-1g2dmmv:hover{background:#ffffff0a;border-color:#ffffff26}.hex-val-input.svelte-1g2dmmv:focus,.rgb-val-input.svelte-1g2dmmv:focus{background:#ffffff0d;border-color:#ffffff4d}.value-label.svelte-1g2dmmv{color:#71717a;letter-spacing:.05em;font-size:9px;font-weight:600}.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:#ffffff14;flex:1;height:1px}.shared-picker-popover.svelte-cxdpyd{z-index:1000;transition:transform var(--dur-normal) var(--ease-spring);transform-origin:100% 100%;position:absolute;top:0;right:0}.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{color:#000;cursor:pointer;transition:transform var(--dur-micro) var(--ease-spring), opacity var(--dur-micro) var(--ease-smooth-out);background:#fff;border:none;border-radius:12px;flex:1;place-items:center;padding:12px;font-size:13px;font-weight:600;display:grid}.primary-btn.svelte-zi236h:hover{opacity:.95}.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;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{color:#a1a1aa;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:0 0;border:1px solid #ffffff1a;border-radius:12px;flex:1;padding:10px;font-size:12px;font-weight:500}.secondary-btn.svelte-zi236h:hover{color:#fff;background:#ffffff0d;border-color:#ffffff40}.secondary-btn.svelte-zi236h:active{transform:scale(.96)}.floating-panel.svelte-181dlmc{-webkit-backdrop-filter:blur(24px);z-index:10;box-sizing:border-box;cursor:default;width:360px;animation:svelte-181dlmc-panelEntrance var(--dur-emphasis) var(--ease-smooth-out) forwards;background:#242424a6;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;padding:20px;display:flex;position:absolute;top:24px;bottom:24px;left:24px;box-shadow:0 24px 48px #0009,inset 0 1px #ffffff1a}@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:#71717a;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:#fff;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:#fff;margin:0;font-size:16px;font-weight:600}.version-tag.svelte-181dlmc{color:#a1a1aa;background:#ffffff1a;border-radius:99px;padding:2px 6px;font-size:10px;font-weight:600}.subtitle.svelte-181dlmc{color:#71717a;text-wrap:balance;margin:4px 0 0;font-size:12px;font-weight:400}.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}body{color:#ededed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;background-color:#161616;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.app-container.svelte-1n46o8q{cursor:grab;background-color:#161616;width:100vw;height:100vh;position:relative}.app-container.dragging.svelte-1n46o8q{cursor:grabbing}.credit-text.svelte-1n46o8q{color:#52525b;letter-spacing:.05em;z-index:2;font-size:11px;font-weight:400;position:absolute;bottom:24px;right:24px}.credit-link.svelte-1n46o8q{color:#71717a;transition:color var(--dur-micro) var(--ease-smooth-out);font-weight:500;text-decoration:none;display:inline-block;position:relative}.credit-tooltip.svelte-1n46o8q{-webkit-backdrop-filter:blur(12px);color:#fff;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:#141414bf;border:.7px solid #ffffff26;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 4px 12px #00000080}.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:#fff}.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)}.svg-wrapper.svelte-1n46o8q{z-index:1;outline:none;width:100%;height:100%;position:absolute;top:0;left:0}