[data-scroll-area-viewport]{scrollbar-width:none!important;-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch!important}[data-scroll-area-viewport]::-webkit-scrollbar{display:none!important}:where([data-scroll-area-viewport]){display:flex;flex-direction:column;align-items:stretch}:where([data-scroll-area-content]){flex-grow:1}.ui-scroll-area{position:relative;width:100%;height:100%;min-height:0;overflow:hidden}.ui-scroll-viewport,.ui-scroll-viewport[data-scroll-area-viewport]{width:100%;height:100%;min-height:0}.ui-scrollbar{position:absolute;top:0;bottom:0;right:0;display:flex;padding:2px;touch-action:none;-webkit-user-select:none;user-select:none;z-index:1}.ui-scrollbar[data-orientation=vertical]{width:10px}.ui-scroll-thumb{position:relative;flex:1;border-radius:999px;background:#ffffff29;transition:background-color .15s ease}.ui-scroll-thumb:hover{background:#ffffff3d}.color-picker.svelte-ob6cvt{width:240px;display:flex;flex-direction:column;gap:8px;color:#fff;font-family:inherit}.color-picker .tabs{padding:2px;background:#ffffff0d;border-radius:6px}.tokens-wrap.svelte-ob6cvt{height:320px}.tokens-scroll{height:320px!important}.tokens.svelte-ob6cvt{display:flex;flex-direction:column;gap:8px;padding-right:8px}.ramp.svelte-ob6cvt{display:flex;flex-direction:column;gap:4px}.ramp-label.svelte-ob6cvt{font-size:10px;line-height:12px;color:#ffffff85;text-transform:capitalize;letter-spacing:.1px}.row.svelte-ob6cvt{display:grid;grid-template-columns:repeat(11,1fr);gap:2px}.base-row.svelte-ob6cvt{grid-template-columns:repeat(11,1fr)}.swatch.svelte-ob6cvt{aspect-ratio:1;border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:0;cursor:pointer;background-clip:padding-box}.swatch.svelte-ob6cvt:hover{border-color:#fff6}.swatch.selected.svelte-ob6cvt{border-color:#fff;box-shadow:0 0 0 1px #fff}.swatch.transparent.svelte-ob6cvt{background:linear-gradient(45deg,transparent 45%,#ef4444 46%,#ef4444 54%,transparent 55%),conic-gradient(#2a2a2a 25%,#1a1a1a 0,#1a1a1a 50%,#2a2a2a 0,#2a2a2a 75%,#1a1a1a 0);background-size:100% 100%,8px 8px}.custom.svelte-ob6cvt{display:flex;flex-direction:column;gap:8px}.sv.svelte-ob6cvt{position:relative;width:100%;height:140px;border-radius:6px;overflow:hidden;cursor:crosshair;touch-action:none}.sv-sat.svelte-ob6cvt{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#fff,transparent)}.sv-val.svelte-ob6cvt{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000,transparent)}.sv-thumb.svelte-ob6cvt{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0006;transform:translate(-50%,-50%);pointer-events:none}.sliders.svelte-ob6cvt{display:flex;align-items:center;gap:8px}.preview.svelte-ob6cvt{width:28px;height:28px;border-radius:6px;overflow:hidden;background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.2) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.2) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;background-color:#333;border:1px solid rgba(255,255,255,.12);flex-shrink:0}.preview-fill.svelte-ob6cvt{width:100%;height:100%}.slider-col.svelte-ob6cvt{display:flex;flex:1;flex-direction:column;gap:6px}.hue.svelte-ob6cvt{position:relative;height:10px;margin:0 6px;border-radius:999px;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);cursor:pointer;touch-action:none}.hue-thumb.svelte-ob6cvt{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.6);transform:translate(-50%,-50%);pointer-events:none}.alpha.svelte-ob6cvt{position:relative;height:10px;margin:0 6px;border-radius:999px;overflow:hidden;background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%);background-size:6px 6px;background-color:#333;cursor:pointer;touch-action:none}.alpha-grad.svelte-ob6cvt{position:absolute;top:0;right:0;bottom:0;left:0}.alpha-thumb.svelte-ob6cvt{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.6);transform:translate(-50%,-50%);pointer-events:none}.hex-row.svelte-ob6cvt{display:flex;align-items:center;gap:4px}.hex-field,.alpha-field{height:28px}.hex-hash.svelte-ob6cvt,.alpha-unit.svelte-ob6cvt{color:#ffffff85;font-size:12px}