*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--font-sans),Schibsted Grotesk,sans-serif;font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.\!container{width:100%!important;margin-right:auto!important;margin-left:auto!important;padding-right:2rem!important;padding-left:2rem!important}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}@media(min-width:1400px){.\!container{max-width:1400px!important}.container{max-width:1400px}}@layer components{@keyframes tileRemove{}.color-tool{animation:appAppear .3s ease-out}@keyframes appAppear{}}.color-tool{animation:appAppear .3s ease-out;margin-left:auto;margin-right:auto;min-height:100vh;width:100%;padding:0;display:flex;flex-direction:column;height:100vh;overflow:hidden}.color-tool-layout{display:flex;flex-direction:row;width:100%;height:100%;justify-content:center;align-items:center}.inspector-open .color-tool-layout{padding:0 6rem}.huey-grid{width:100%;height:calc(100vh - 4rem)}.huey-grid .huey-grid__container{border-radius:2rem;display:grid;background:var(--background-2);gap:0;grid-auto-flow:row;width:auto;height:min(100%,calc(100vh - 4rem));max-width:100%;max-height:100%;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);contain:layout style}.color-cell-skeleton{background-color:#fff;width:100%;height:100%;position:relative}@keyframes pulse{50%{opacity:.5}}.color-cell-skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;contain:layout style paint}.dark .color-cell-skeleton{background-color:#000}.color-cell{position:relative;display:flex;cursor:pointer;flex-direction:column;justify-content:space-between;padding:1rem;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.color-cell:hover{--tw-scale-x: 1.025;--tw-scale-y: 1.025;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.color-cell{width:100%;height:100%;max-width:100%;max-height:100%;color:#fff;text-align:center;contain:layout style paint;will-change:transform}.color-cell.corner-tl,.color-cell-skeleton.corner-tl{border-top-left-radius:2rem}.color-cell.corner-tr,.color-cell-skeleton.corner-tr{border-top-right-radius:2rem}.color-cell.corner-bl,.color-cell-skeleton.corner-bl{border-bottom-left-radius:2rem}.color-cell.corner-br,.color-cell-skeleton.corner-br{border-bottom-right-radius:2rem}.color-cell:hover{z-index:9999990}.color-cell:focus{outline:none;box-shadow:inset 0 0 0 4px var(--focus-color);z-index:9999991}.color-cell:focus:not(:focus-visible){box-shadow:none}.color-cell.menu-open{z-index:9999990;transform:scale(1.025)}.color-cell.dragging{box-shadow:0 10px 20px #00000040;z-index:9999999;pointer-events:none;transform-origin:center center}[data-rbd-draggable-context-id]{position:relative!important}[data-rbd-draggable-id]{position:relative!important;top:auto!important;left:auto!important}[data-rbd-drag-handle-draggable-id]{cursor:grab}[data-rbd-placeholder-context-id]{opacity:.4!important;border:.125rem dashed rgba(255,255,255,.5)!important;border-radius:.25rem!important;background-color:#c8c8c833!important}#portal{position:fixed;top:0;left:0;z-index:9999;pointer-events:none}.color-cell-ghost{position:relative;width:100%;height:100%}.dragging-element{width:32rem;height:32rem;border-radius:2rem;cursor:grabbing;display:flex;flex-direction:column;justify-content:space-between;padding:.5rem;font-size:.625rem;box-shadow:0 .625rem 1.25rem #00000040;transform:translate(-50%,-50%) scale(.5);transform-origin:center;transition:transform .1s ease}.dragging-element .pin-indicator{width:.75rem;height:.75rem}.drag-over{outline:2px solid rgba(255,255,255,.8);z-index:10}.color-cell-placeholder{border:.125rem dashed rgba(255,255,255,.5);background-color:#c8c8c833;opacity:.6;border-radius:.25rem;width:100%;height:100%}.color-cell-clone{border:.125rem dashed rgba(255,255,255,.5);background-color:#c8c8c833;opacity:.6;border-radius:.25rem}.aspect-ratio{position:absolute;top:3rem;left:3rem;font-size:.875rem;line-height:1.25rem;opacity:.75}.color-info{position:absolute;display:flex;flex-direction:column;text-align:left;bottom:2rem;left:2rem}.color-name{line-height:2rem;font-weight:500;font-size:1rem;font-weight:var(--fw-bold);line-height:1.2;margin:0}.color-hex{font-size:1rem;font-weight:var(--fw-regular);margin:0;opacity:.5}.color-cell:hover .color-info{opacity:1}.contrast-ratio{position:absolute;top:2rem;left:2rem;font-size:.75rem;display:flex;align-items:center;gap:.25rem;z-index:2;opacity:.5}.compliance-level{font-size:.75rem}.huey-menu{min-width:12rem;max-width:20rem;animation:fadeIn .2s ease-in-out;background-color:color-mix(in srgb,var(--background-2),transparent 35%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 0;overflow:hidden;border-radius:1rem;z-index:9999999;margin-bottom:-1px;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);pointer-events:auto}.huey-menu.huey-menu--grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.huey-menu .huey-menu__item{display:block;font-size:.875rem;cursor:pointer;width:100%;background:transparent;color:var(--foreground-1);padding:.75rem 1rem;display:flex;align-items:center;color:color-mix(in srgb,var(--foreground-1),transparent 35%);transition:all .2s ease}.huey-menu .huey-menu__item:hover{outline:none;color:var(--foreground-1)}.huey-menu .huey-menu__item:hover .huey-mini-palette{transform:scale(1.1);transition:all .2s ease}.huey-menu .huey-menu__item:focus{outline:none;box-shadow:inset 0 0 0 2px var(--focus-color)}.huey-menu .huey-menu__item:focus:not(:focus-visible){box-shadow:none}.huey-menu .huey-menu__item--danger{color:color-mix(in srgb,var(--foreground-1),red 50%)}.huey-menu .huey-menu__item--danger:hover{background:color-mix(in srgb,red,transparent 90%)}.huey-menu .huey-menu__item--grid{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.huey-menu .huey-menu__item--grid span:last-child{opacity:.5}.huey-menu .huey-menu__item--active{opacity:.5;cursor:default;pointer-events:none}.huey-menu .huey-menu__item--active:hover{background:transparent}.huey-menu .huey-menu__separator{height:1px;background-color:color-mix(in srgb,var(--foreground-1),transparent 85%);margin:.25rem 0}.huey-menu .huey-menu__about{color:var(--foreground-2);padding:.75rem 1rem;font-size:.875rem;text-wrap:pretty}.huey-menu .huey-menu__about a{color:var(--foreground-1);text-decoration:none;font-weight:var(--fw-bold)}.huey-menu .huey-menu__about a:hover{opacity:.65}.huey-menu .huey-menu__about a:focus{outline:none;box-shadow:0 0 0 .125rem var(--focus-color);border-radius:.125rem}.huey-menu .huey-menu__about a:focus:not(:focus-visible){box-shadow:none}.huey-menu .huey-menu__action{padding:.5rem .75rem}.huey-menu .huey-menu__action .huey-button{width:100%}.huey-menu .huey-menu__form{padding:.5rem}.huey-menu .huey-menu__form .form-input-wrap{margin:0}.huey-menu .huey-menu__form .form-input-wrap input{width:100%;min-width:12rem}.huey-menu .theme-toggle-container{display:flex;justify-content:space-between;align-items:center;cursor:default;width:100%}.huey-menu .theme-toggle-group{display:flex;width:100%;border-radius:2rem;background-color:var(--background-1);--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.huey-menu .huey-toggle-group__item{padding:0rem .5rem;height:2rem;line-height:2rem;border-radius:2rem;transition:all .2s ease;width:100%;color:color-mix(in srgb,var(--foreground-1),transparent 35%)}.huey-menu .huey-toggle-group__item:hover{color:var(--foreground-1)}.huey-menu .huey-toggle-group__item[data-state=on]{background-color:var(--background-2);color:var(--foreground-1)}.huey-menu .huey-toggle-group__item:focus{outline:none;box-shadow:0 0 0 3px var(--focus-color)}.huey-menu .huey-toggle-group__item:focus:not(:focus-visible){box-shadow:none}@keyframes fadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.huey-logo{display:flex;justify-content:center;align-items:center;background-color:var(--background-2);border-radius:2rem;width:4rem;height:4rem;margin:0 auto;padding:1rem}.huey-logo__image{width:100%;height:100%;object-fit:contain}.huey-logo__text{display:flex;align-items:center;padding:0}.huey-logo__text img{width:100%;height:auto}.palette-color-swatch{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;justify-content:center;align-items:center;overflow:hidden}.huey-mini-palette{width:1.5rem;height:1.5rem;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:0;border-radius:.25rem;overflow:hidden}.huey-mini-palette--compact{width:100%;height:100%;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.huey-mini-palette__cell{width:100%;height:100%}.loading-grid{position:relative;background-color:#0000000d}.huey-mini-palette--empty{opacity:.5}.new-palette-button{background-color:#00000008}.new-palette-button:hover:not(:disabled){background-color:#00000014}.dark .new-palette-button{background-color:#ffffff0d}.dark .new-palette-button:hover:not(:disabled){background-color:#ffffff1a}.huey-toolbar{position:fixed;bottom:2rem;right:2rem;z-index:1000;display:flex;flex-direction:column;gap:1rem;padding:0!important;width:4rem}.huey-toolbar--topright{position:fixed;top:2rem;right:2rem;bottom:initial;z-index:1000}.huey-toolbar__container{display:flex;flex-direction:column;background-color:var(--background-2);border-radius:2rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.huey-toolbar__container .huey-separator{background-color:var(--background-1)}.huey-toolbar__container .huey-toolbar__button{width:4rem;height:4rem;font-size:1rem;padding:0;display:flex;justify-content:center;align-items:center;color:color-mix(in srgb,var(--foreground-1),var(--background-1) 35%);transition:all .2s ease}.huey-toolbar__container .huey-toolbar__button:hover{color:var(--foreground-1)}.huey-toolbar__container .huey-toolbar__button:disabled{color:color-mix(in srgb,var(--foreground-1),var(--background-1) 75%)}.huey-toolbar__container .huey-toolbar__button:focus{outline:none;box-shadow:0 0 0 3px var(--focus-color)}.huey-toolbar__container .huey-toolbar__button:focus:not(:focus-visible){box-shadow:none}.loading-spinner{border:.125rem solid rgba(0,0,0,.1);border-top:.125rem solid var(--background-1);border-radius:50%;width:1rem;height:1rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.palette-button.fallback-notice{background-color:#ffa50033;color:#ff8c00}.fallback-text,.no-palettes-text{font-size:.75rem;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.05em;display:inline-block;padding:.25rem .5rem;border-radius:.25rem}.fallback-text{background-color:#ff8c0033;color:#ff8c00}.no-palettes-text{background-color:#9993;color:#999}.dark body{background-color:#1f2937}.dark .toolbar{background-color:#000;color:#fff}.dark .toolbar-divider{background-color:var(--background-1)}.dark .palette-logo{filter:none}.dark .palette-logo-container{background-color:transparent}.dark .color-grid-container{background-color:#000}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-effect{position:relative;overflow:hidden}.shimmer-effect:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0000,#0000001a,#0000);background-size:200% 100%;animation:shimmer 1.5s infinite;animation-delay:var(--shimmer-delay, 0s)}.dark .shimmer-effect:after{background:linear-gradient(90deg,#0000,#1f293733,#0000);background-size:200% 100%}.color-cell.loading .color-info{visibility:hidden}.color-actions{position:absolute;top:1.5rem;right:1.5em;z-index:5;display:flex}.color-actions button{border:none;border-radius:3rem;width:3em;height:3rem;cursor:pointer;transition:all .2s ease;opacity:0;padding:0;z-index:10;text-align:center}.color-actions button svg{margin:0 auto}.color-actions button:hover{opacity:1!important}.color-cell.active .color-actions .inspect-indicator,.color-cell.menu-open .color-actions .inspect-indicator{opacity:.65}.color-cell:hover .color-actions button,.color-cell.menu-open .color-actions button{opacity:.65;transition:opacity .2s ease}.color-cell:hover .color-actions .color-cell__pin-badge{opacity:1!important}.color-cell__pin-badge{width:1.5rem;height:1.5rem;border-radius:50%;margin:.75rem;pointer-events:none;opacity:.65}.color-cell--readonly{cursor:default}.color-cell--readonly:hover{transform:none}.color-cell--readonly .color-actions button{cursor:pointer}.huey-inspector{width:32rem;height:calc(100vh - 4rem);z-index:10;position:relative;padding-left:2rem}.huey-inspector__container{background-color:#fff;border-radius:1.5rem;padding:.125rem;height:100%;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);overflow:hidden}.huey-inspector__scroll{padding:2rem;overflow-y:auto;overflow-x:hidden;height:100%}.huey-inspector__scroll::-webkit-scrollbar{width:.5rem}.huey-inspector__scroll::-webkit-scrollbar-track{background:transparent}.huey-inspector__scroll::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--background-1),transparent 35%);border-radius:1rem;cursor:pointer;-webkit-transition:all 1s ease;transition:all 1s ease}.huey-inspector__scroll::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--background-1),transparent 25%);-webkit-transition:all 1s ease;transition:all 1s ease}.huey-inspector__group{padding-bottom:2rem;border-bottom:2px solid #f0f0f0;margin-bottom:2rem}.huey-inspector__title{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:2px solid #f0f0f0;padding-bottom:2rem;margin-bottom:2rem}.huey-inspector__title-content{flex:1}.huey-inspector__controls{display:flex;align-items:center;gap:1rem}.huey-inspector__color-swatch{width:2.5rem;height:2.5rem;border-radius:.5rem;flex-shrink:0;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.huey-inspector__palette-preview{border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.huey-inspector__title h2{color:#000;font-size:1rem;font-weight:var(--fw-bold)}.huey-inspector__title p{opacity:.5;font-weight:var(--fw-regular);line-height:1}.huey-inspector__history-item{transition:background-color .2s ease;color:var(--foreground-1);display:flex;align-items:center;justify-content:space-between}.huey-inspector__history-item:hover{background-color:#0000000d}.dark .huey-inspector__history-item:hover{background-color:#ffffff1a}.huey-inspector__history-swatch{width:2rem;height:2rem;border-radius:.25rem;flex-shrink:0}.dark .huey-inspector__history-swatch{border-color:#ffffff1a}.huey-inspector__load-more{color:var(--foreground-1);width:100%}.huey-inspector__no-history,.huey-inspector__loading{padding:1rem 0;text-align:center}.huey-inspector__history-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1;font-size:.875rem;line-height:1.25rem}.huey-inspector__history-hex{color:var(--foreground-1);opacity:.5;font-size:.875rem;line-height:1.25rem}.huey-inspector__history-date{white-space:nowrap;flex-shrink:0;font-size:.875rem;line-height:1.25rem}.huey-inspector__load-more{background:none;border:none;cursor:pointer;width:100%;text-align:center;border-radius:.375rem;transition:background-color .2s ease}.huey-inspector__load-more:hover{background-color:#0000000d}.huey-inspector__load-more:disabled{opacity:.5;cursor:not-allowed}.dark .huey-inspector__load-more:hover{background-color:#ffffff1a}.dark .huey-inspector__history-name{color:#ffffffe6}.huey-button{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);border-radius:2rem;height:3rem;padding:0 1rem;transition:all .2s ease;background-color:var(--background-1);color:var(--foreground-1);border:none;cursor:pointer;white-space:nowrap;outline:none}.huey-button:hover{background-color:var(--background-2)}.huey-button:focus{outline:none;box-shadow:0 0 0 3px var(--focus-color)}.huey-button:focus:not(:focus-visible){box-shadow:none}.huey-button--icon{width:3rem;height:3rem;padding:0;border-radius:50%}.huey-button--ghost{background-color:transparent}.huey-button--ghost:hover{background-color:#0000000d}.dark .huey-button--ghost:hover{background-color:#ffffff1a}.huey-button--large{height:4rem;padding:0 1.5rem;font-size:1.125rem}.huey-button--large.huey-button--icon{width:4rem;height:4rem}.huey-button:disabled{opacity:.5;cursor:not-allowed}.huey-inspector__close-button{background-color:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--foreground-1);opacity:.7;transition:opacity .2s ease;width:2rem;height:2rem;padding:0;border-radius:.25rem}.huey-inspector__close-button:hover{opacity:1;background-color:#0000000d}.dark .huey-inspector__close-button:hover{background-color:#ffffff1a}.huey-inspector__copy-notification{border-radius:.25rem;background-color:#000000b3;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}@media(max-width:1728px){.color-inspector{position:fixed;right:6rem;z-index:45;width:24rem}}.dark .huey-inspector{background-color:transparent}.dark .huey-inspector__container{background-color:#000}.dark .huey-inspector h2,.dark .huey-inspector h3,.dark .huey-inspector p{color:#fff}.dark .huey-inspector__close-button{background-color:#000;color:#fff}.dark .huey-inspector__group,.dark .huey-inspector__title{border-color:#1f2937}.color-tile.selected{z-index:10}@media(max-width:768px){.color-inspector{width:100%}}.color-cell.active{z-index:10}.color-cell.active .inspect-indicator{opacity:1}.color-cell.keyboard-focused{outline:none;box-shadow:inset 0 0 0 4px var(--focus-color);z-index:9999991;transform:scale(1.025)}.color-cell.keyboard-focused .color-info{opacity:1}.color-cell.keyboard-focused .color-actions button{opacity:.65}.color-cell.keyboard-focused .color-cell__pin-badge{opacity:1!important}.huey-grid__container:focus{outline:none}.huey-grid__container:focus-visible{outline:2px solid var(--focus-color, rgba(59, 130, 246, .8));outline-offset:2px}.huey-grid__container.has-tile-focus:focus,.huey-grid__container.has-tile-focus:focus-visible{outline:none}.huey-toast__viewport{position:fixed;bottom:0;left:0;display:flex;flex-direction:column;padding:1rem;gap:.5rem;width:25rem;max-width:100vw;margin:0;list-style:none;z-index:9999999;outline:none}.huey-toast{background-color:color-mix(in srgb,var(--background-2),transparent 35%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.5rem;box-shadow:0 2px 10px #0000001a;padding:.75rem 1rem;display:flex;align-items:center;border:1px solid var(--border-color);animation:slideInFromLeft .15s cubic-bezier(.16,1,.3,1)}.huey-toast__title{display:flex;align-items:center;font-size:.875rem;color:var(--foreground-1)}@keyframes slideInFromLeft{0%{transform:translate(calc(-100% - 1.5rem))}to{transform:translate(0)}}@layer components{@keyframes tileRemove{}.huey-color-tool{animation:appAppear .3s ease-out}@keyframes appAppear{}}.huey-color-tool{animation:appAppear .3s ease-out;display:flex;min-height:100vh;flex-direction:column}.huey-color-tool__layout{display:flex;flex-grow:1;padding:2rem 8rem 2rem 2rem}.huey-grid__container{display:grid;height:100%;width:100%}.huey-grid__container--1x1{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr)}.huey-grid__container--2x1{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,1fr)}.huey-grid__container--2x2{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.huey-grid__container--3x2{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.huey-grid__container--3x3{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.huey-grid__container--4x2{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.huey-grid__container--4x3{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr)}.huey-grid__container--4x4{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.huey-grid__container--5x4{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr)}.huey-grid__container--5x5{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr)}.color-cell--span-2-horizontal{grid-column:span 2}.color-cell--span-2-vertical{grid-row:span 2}.color-cell--span-2-horizontal .color-info,.color-cell--span-2-vertical .color-info{font-size:1.1em}.color-cell--span-2-horizontal .color-name,.color-cell--span-2-vertical .color-name{font-weight:var(--fw-bold)}.color-cell--filler{position:relative}.huey-inspector--filler .huey-inspector__button-group{display:flex;gap:.5rem}.huey-inspector--filler .huey-inspector__toggle{flex:1;padding:.5rem 1rem;border:1px solid color-mix(in srgb,var(--foreground-1),transparent 80%);background:var(--background-1);border-radius:.25rem;cursor:pointer;font-size:.875rem;transition:all .15s ease;color:var(--foreground-1)}.huey-inspector--filler .huey-inspector__toggle:hover{background:color-mix(in srgb,var(--background-1),var(--foreground-1) 10%)}.huey-inspector--filler .huey-inspector__toggle.active{background:var(--foreground-1);color:var(--background-1);border-color:var(--foreground-1)}.huey-inspector--filler .huey-inspector__color-stops{display:flex;align-items:center;gap:.75rem}.huey-inspector--filler .huey-inspector__color-stop{flex:1;display:flex;flex-direction:column;gap:.25rem}.huey-inspector--filler .huey-inspector__color-stop label{font-size:.75rem;color:color-mix(in srgb,var(--foreground-1),transparent 40%)}.huey-inspector--filler .huey-inspector__color-input{display:flex;align-items:center;gap:.5rem;padding:.25rem;background:var(--background-1);border-radius:.25rem}.huey-inspector--filler .huey-inspector__color-input input[type=color]{width:2rem;height:2rem;border:none;border-radius:.25rem;cursor:pointer;padding:0}.huey-inspector--filler .huey-inspector__color-input span{font-family:monospace;font-size:.75rem;text-transform:uppercase;color:var(--foreground-1)}.huey-inspector--filler .huey-inspector__swap-btn{padding:.5rem;background:var(--background-1);border:1px solid color-mix(in srgb,var(--foreground-1),transparent 80%);border-radius:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;color:var(--foreground-1)}.huey-inspector--filler .huey-inspector__swap-btn:hover{background:color-mix(in srgb,var(--background-1),var(--foreground-1) 10%)}.huey-inspector--filler .huey-inspector__gradient-preview{height:4rem;border-radius:.5rem;border:1px solid color-mix(in srgb,var(--foreground-1),transparent 80%)}.huey-inspector__direction-control{display:flex;flex-direction:column;gap:.75rem}.huey-inspector__angle-input-group{display:flex;align-items:center;gap:.5rem}.huey-inspector__degree-input{width:4rem;padding:.5rem;border:1px solid color-mix(in srgb,var(--foreground-1),transparent 80%);border-radius:.25rem;background:var(--background-1);color:var(--foreground-1);font-size:.875rem;text-align:center}.huey-inspector__degree-input:focus{outline:none;box-shadow:0 0 0 3px var(--focus-color);border-color:var(--foreground-1)}.huey-inspector__degree-label{font-size:.875rem;color:color-mix(in srgb,var(--foreground-1),transparent 40%)}.huey-inspector__angle-dial{width:2rem;height:2rem;border-radius:50%;border:2px solid color-mix(in srgb,var(--foreground-1),transparent 60%);position:relative;margin-left:.5rem}.huey-inspector__angle-indicator{position:absolute;top:50%;left:50%;width:.75rem;height:2px;background:var(--foreground-1);transform-origin:left center;margin-top:-1px}.huey-inspector__angle-presets{display:flex;gap:.25rem;flex-wrap:wrap}.huey-inspector__angle-preset{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--foreground-1),transparent 80%);border-radius:.25rem;background:transparent;color:var(--foreground-1);cursor:pointer;font-size:1rem;transition:all .15s ease}.huey-inspector__angle-preset:hover{background:color-mix(in srgb,var(--background-1),var(--foreground-1) 10%)}.huey-inspector__angle-preset.active{background:var(--foreground-1);color:var(--background-1)}.huey-inspector__palette-selector{display:flex;gap:.375rem;flex-wrap:wrap}.huey-inspector__palette-swatch{width:2rem;height:2rem;border-radius:.25rem;border:2px solid transparent;cursor:pointer;transition:all .15s ease}.huey-inspector__palette-swatch:hover{transform:scale(1.1)}.huey-inspector__palette-swatch.active{border-color:var(--foreground-1);box-shadow:0 0 0 2px var(--background-1)}.huey-inspector__color-hex{font-size:.75rem;color:color-mix(in srgb,var(--foreground-1),transparent 40%);margin-top:.25rem;font-family:monospace}.huey-inspector__section--swap{display:flex;justify-content:center;padding:.25rem 0}.huey-inspector--filler .huey-inspector__swap-btn{display:flex;align-items:center;gap:.5rem}.color-cell--drop-target{background:color-mix(in srgb,var(--foreground-1),transparent 80%)}.color-cell--removing{animation:tileRemove .2s ease-out forwards}@keyframes tileRemove{to{opacity:0;transform:scale(.95)}}.huey-grid{transition:all .3s ease-out}.min-h-screen{animation:appAppear .3s ease-out}@keyframes appAppear{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-2{left:.5rem}.top-12{top:3rem}.z-50{z-index:50}.m-4{margin:1rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.ml-1{margin-left:.25rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-96{max-height:24rem}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-9{width:2.25rem}.w-\[1px\]{width:1px}.w-full{width:100%}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.appearance-none{appearance:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-b-2{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-t-2{border-top-width:2px}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-indigo-500{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity))}.border-input{border-color:var(--input)}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.border-transparent{border-color:transparent}.bg-background{background-color:var(--background)}.bg-black\/70{background-color:#000000b3}.bg-destructive{background-color:var(--destructive)}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity))}.bg-muted{background-color:var(--muted)}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity))}.bg-secondary{background-color:var(--secondary)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-white\/80{background-color:#fffc}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-black{--tw-gradient-from: #000 var(--tw-gradient-from-position);--tw-gradient-from-position: ;--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-from-position);--tw-gradient-to-position: ;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/80{--tw-gradient-from: rgb(0 0 0 / .8) var(--tw-gradient-from-position);--tw-gradient-from-position: ;--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-from-position);--tw-gradient-to-position: ;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-500{--tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);--tw-gradient-to-position: }.to-green-500{--tw-gradient-to: #22c55e var(--tw-gradient-to-position);--tw-gradient-to-position: }.to-red-500{--tw-gradient-to: #ef4444 var(--tw-gradient-to-position);--tw-gradient-to-position: }.to-white{--tw-gradient-to: #fff var(--tw-gradient-to-position);--tw-gradient-to-position: }.fill-current{fill:currentColor}.p-0{padding:0}.p-1{padding:.25rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.tracking-widest{letter-spacing:.1em}.text-destructive-foreground{color:var(--destructive-foreground)}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity))}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline-offset-4{text-underline-offset:4px}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-offset-background{--tw-ring-offset-color: var(--background)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.running{animation-play-state:running}:root{--background-1: #eff2f6;--background-2: #ffffff;--foreground-1: #1f2937;--foreground-2: #000000;--focus-color: var(--foreground-1);--fluid-min-width: 320;--fluid-max-width: 1440;--fluid-screen: 100vw;--fluid-bp: calc( (var(--fluid-screen) - var(--fluid-min-width) / 16 * 1rem) / (var(--fluid-max-width) - var(--fluid-min-width)) );--fs-300: clamp(.75rem, calc(.7rem + .25vw) , .875rem);--fs-400: clamp(.875rem, calc(.8rem + .375vw) , 1rem);--fs-500: clamp(1rem, calc(.9rem + .5vw) , 1.25rem);--fs-600: clamp(1.25rem, calc(1.1rem + .75vw) , 1.5rem);--fs-700: clamp(1.5rem, calc(1.3rem + 1vw) , 2rem);--fs-800: clamp(1.75rem, calc(1.5rem + 1.25vw) , 2.5rem);--fs-900: clamp(2rem, calc(1.75rem + 1.5vw) , 3rem);--lh-tight: 1.1;--lh-normal: 1.5;--lh-loose: 1.7;--fw-regular: 400;--fw-bold: 700;--ls-tight: -.01em;--ls-normal: 0}.dark:root{--background-1: #1f2937;--background-2: #000000;--foreground-1: #eff2f6;--foreground-2: #ffffff}html{font-size:clamp(.875rem,.839rem + .179vw,1rem)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#eff2f6;padding:0}.form-input-wrap{position:relative}.form-input-wrap input{border-radius:2.25rem;border:none;background:#f0f0f0;font-size:1rem;padding:1rem 2rem;font-family:Inter,sans-serif;font-weight:var(--fw-regular);height:2.5rem;line-height:2.5rem;padding:0 1rem}.form-input-wrap input:focus{outline:none;box-shadow:0 0 0 3px var(--focus-color)}.form-input-wrap button{position:absolute;right:.5rem}.dark .form-input-wrap input{background:#1f2937;color:#fff}.dark .form-input-wrap button{color:#fff}.form-input-range-wrap{border-radius:2.25rem;border:none;background:#f0f0f0;font-family:Inter,sans-serif;height:2.5rem;line-height:2.5rem;padding:0 0 0 1rem}.form-input-range-wrap input[type=number]{border:none;background:transparent;font-size:1rem;text-align:center}.form-input-range-wrap input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.form-input-range-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:grab;background:#000!important;width:1rem;height:1rem;border-radius:1rem}.dark .form-input-range-wrap{background:#1f2937;color:#fff}.dark .form-input-range-wrap input[type=range]::-webkit-slider-thumb{background:#fff!important}.huey-inspector .form-input-range-wrap label,.huey-inspector .form-input-range-wrap input[type=number]{opacity:.65}.upgrade-prompt--modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.upgrade-prompt__modal-content{background:var(--background-2);border-radius:.75rem;padding:2rem;max-width:26.25rem;width:100%;position:relative;box-shadow:0 1.25rem 2.5rem #0000004d;animation:scaleIn .2s ease-out}.upgrade-prompt__close{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;border:none;background:transparent;font-size:1.5rem;color:var(--foreground-2);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s}.upgrade-prompt__close:hover{background:var(--background-3)}.upgrade-prompt__header{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.upgrade-prompt__icon--large{font-size:2.5rem;margin-bottom:.75rem}.upgrade-prompt__title{font-size:1.5rem;font-weight:var(--fw-bold);color:var(--foreground-1);margin:0}.upgrade-prompt__description{color:var(--foreground-2);text-align:center;margin-bottom:1rem}.upgrade-prompt__features{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;gap:.5rem}.upgrade-prompt__features li{color:var(--foreground-2);font-size:.9rem;padding-left:.5rem}.upgrade-prompt__actions{display:flex;flex-direction:column;gap:.75rem}.upgrade-prompt__button{padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:var(--fw-bold);cursor:pointer;transition:all .15s;border:none}.upgrade-prompt__button--primary{background:var(--accent-color, #6366f1);color:#fff}.upgrade-prompt__button--primary:hover{background:var(--accent-color-hover, #4f46e5);transform:translateY(-1px)}.upgrade-prompt__button--secondary{background:transparent;color:var(--foreground-2);border:1px solid var(--border-color)}.upgrade-prompt__button--secondary:hover{background:var(--background-3)}.upgrade-prompt__note{font-size:.8rem;color:var(--foreground-3);text-align:center;margin-top:1rem;margin-bottom:0}.upgrade-prompt--inline{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid rgba(99,102,241,.2);border-radius:.5rem;padding:.75rem 1rem;margin:.5rem 0}.upgrade-prompt--inline .upgrade-prompt__content{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.upgrade-prompt--inline .upgrade-prompt__icon{font-size:1rem}.upgrade-prompt--inline .upgrade-prompt__text{color:var(--foreground-2);font-size:.875rem;flex:1}.upgrade-prompt--inline .upgrade-prompt__button{padding:.375rem .75rem;font-size:.8rem}.upgrade-prompt--tooltip{position:relative;display:inline-block}.upgrade-prompt__tooltip-content{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--background-1);border:1px solid var(--border-color);border-radius:.5rem;padding:.75rem;box-shadow:0 .25rem .75rem #00000026;white-space:nowrap;z-index:100;margin-bottom:.5rem}.upgrade-prompt__tooltip-content p{margin:0 0 .5rem;font-size:.8rem;color:var(--foreground-2)}.upgrade-prompt__tooltip-actions{display:flex;gap:.5rem}.upgrade-prompt__tooltip-actions button{padding:.25rem .5rem;font-size:.75rem;border-radius:.25rem;cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes dialogScaleIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.huey-dialog-overlay{position:fixed;inset:0;background:#000000a6;z-index:2147483640}.huey-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--background-2);border-radius:2rem;padding:1.5rem;max-width:25rem;width:calc(100% - 2rem);box-shadow:var(--shadow-large);z-index:2147483645}.huey-dialog[data-state=open]{animation:dialogScaleIn .15s ease-out}.huey-dialog-overlay[data-state=open]{animation:fadeIn .15s ease-out}.huey-dialog__header h3{margin:0 0 1rem;font-size:1.125rem;font-weight:var(--fw-bold);color:var(--foreground-1)}.huey-dialog__content p{margin:0 0 1.5rem;font-size:.875rem;color:color-mix(in srgb,var(--foreground-1),transparent 30%);line-height:1.5}.huey-dialog__actions{display:flex;gap:.75rem;justify-content:flex-end}.huey-dialog__close{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--foreground-1);cursor:pointer;border-radius:50%;opacity:.6;transition:all .15s ease}.huey-dialog__close:hover{opacity:1;background:color-mix(in srgb,var(--foreground-1),transparent 90%)}.huey-dialog__close:focus{outline:none;box-shadow:0 0 0 3px var(--focus-color)}.huey-dialog__close:focus:not(:focus-visible){box-shadow:none}.huey-dialog__title{margin:0;font-size:1.125rem;font-weight:var(--fw-bold);color:var(--foreground-1)}.huey-dialog__description{margin:0 0 1rem;font-size:.875rem;color:color-mix(in srgb,var(--foreground-1),transparent 30%);line-height:1.5}.huey-dialog__form{display:flex;flex-direction:column;gap:1rem}.huey-dialog__form .form-input-wrap{width:100%}.huey-dialog__form .form-input-wrap input{width:100%;height:3rem;line-height:1.25;padding:0 1.25rem;font-size:.9375rem;box-sizing:border-box}.huey-dialog__form .huey-button{height:3rem;padding:0 1.5rem;font-size:.9375rem;box-sizing:border-box}.huey-dialog__error{margin:0;font-size:.8125rem;color:#dc2626}.huey-dialog__success{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0;text-align:center}.huey-dialog__success-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--foreground-1),transparent 90%);border-radius:50%;color:var(--foreground-1)}.huey-dialog__success-icon svg{width:1.5rem;height:1.5rem}.huey-dialog__success p{margin:0;font-size:.875rem;color:color-mix(in srgb,var(--foreground-1),transparent 30%)}.--icon-xs{width:.875rem;height:.875rem}.--icon-sm{width:1rem;height:1rem}.--icon-md{width:1.25rem;height:1.25rem}.--icon-lg{width:1.5rem;height:1.5rem}.--icon-xl{width:2rem;height:2rem}.--icon-toolbar{width:1.5rem;height:1.5rem}.--icon-menu,.--icon-close{width:1rem;height:1rem}.huey-button{padding:.5rem 1rem;font-size:.875rem;font-weight:var(--fw-bold);border-radius:2rem;border:none;cursor:pointer;transition:all .15s ease}.huey-button--primary{background:var(--foreground-1);color:var(--background-1)}.huey-button--primary:hover{background:color-mix(in srgb,var(--foreground-1),transparent 10%)}.huey-button--primary:disabled{opacity:.5;cursor:not-allowed}.huey-button--secondary{background:color-mix(in srgb,var(--foreground-1),transparent 90%);color:var(--foreground-1)}.huey-button--secondary:hover{background:color-mix(in srgb,var(--foreground-1),transparent 80%)}.huey-button--danger{background:color-mix(in srgb,red,transparent 20%);color:#fff}.huey-button--danger:hover{background:color-mix(in srgb,red,transparent 10%)}@media(max-width:1024px){.huey-color-tool{height:100vh;overflow:hidden}.huey-color-tool__layout{padding:1rem 1rem 6rem}.huey-grid{height:calc(100vh - 7rem);transition:none}.huey-toolbar,.huey-toolbar--topright{top:auto;bottom:1rem;right:1rem;flex-direction:row;align-items:center;width:auto;height:auto}.huey-toolbar--topright{right:auto;left:1rem}.huey-toolbar__container{flex-direction:row}.huey-toolbar__container .huey-toolbar__button{width:4rem;height:4rem;flex-shrink:0}.huey-toolbar__container .huey-separator{width:1px!important;height:4rem!important;align-self:center}.huey-logo__text{height:1.5rem;display:flex;align-items:center;align-self:center;position:relative;top:3px}.huey-logo__text img{width:auto;height:100%}}@media(max-width:480px){.huey-color-tool{height:auto;min-height:100vh;overflow:visible}.huey-color-tool__layout{padding:0 0 5.5rem;min-height:100vh;overflow-y:auto}.huey-grid{height:auto;min-height:auto}.huey-grid .huey-grid__container{grid-template-columns:repeat(2,1fr)!important;grid-template-rows:none!important;grid-auto-rows:1fr;grid-auto-flow:row dense!important;min-height:calc(100vh - 5.5rem);height:auto!important;max-height:none!important;border-radius:0!important;padding-bottom:0}.huey-grid__container .color-cell{min-height:8rem;aspect-ratio:auto;border-radius:0!important}.huey-grid__container .color-cell.span-full-mobile{grid-column:span 2;aspect-ratio:2 / 1}.huey-grid__container .color-cell-skeleton{display:none}.color-info{bottom:1rem;left:1rem}.color-actions{top:.5rem;right:.5rem}.huey-grid__container .color-cell--span-2-horizontal{aspect-ratio:2 / 1}.huey-toolbar,.huey-toolbar--topright{position:fixed;z-index:1100}.huey-inspector{position:fixed;inset:0;width:100%;height:100vh;z-index:1200;padding:0}.huey-inspector__container{border-radius:0;height:100%}.huey-inspector__scroll{padding:1.5rem 1.5rem 6rem}.huey-logo__text,.history-toolbar{display:none}.huey-toolbar__container .huey-toolbar__button,.huey-logo{width:3.5rem;height:3.5rem}.huey-toolbar__container .huey-separator{height:3.5rem!important}.huey-grid__container.is-pulling{transform:translateY(calc(var(--pull-distance, 0) * .3));transition:none}.huey-grid__container.is-refreshing{opacity:.7;transition:opacity .2s ease}.color-cell--span-2-horizontal{grid-column:span 2}.color-cell--span-2-vertical{grid-row:span 1!important}}.huey-tooltip{background-color:var(--background-2);color:var(--foreground-1);padding:.625rem .875rem;border-radius:.5rem;font-size:.875rem;font-weight:500;line-height:1.4;box-shadow:0 4px 16px #0000004d;z-index:1100;animation:tooltipFadeIn .2s ease-out;max-width:200px}.huey-tooltip__arrow{fill:var(--background-2)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.huey-tooltip[data-side=left]{animation:tooltipFadeInFromRight .2s ease-out}@keyframes tooltipFadeInFromRight{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.hover\:scale-\[1\.025\]:hover{--tw-scale-x: 1.025;--tw-scale-y: 1.025;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-indigo-700:hover{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity))}.hover\:bg-red-200:hover{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity))}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-indigo-500:hover{--tw-text-opacity: 1;color:rgb(99 102 241 / var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.focus\:border-indigo-500:focus{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity))}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-indigo-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity))}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity))}.focus\:ring-ring:focus{--tw-ring-color: var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: var(--ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=on\]\:bg-accent[data-state=on],.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=on\]\:text-accent-foreground[data-state=on]{color:var(--accent-foreground)}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}:is(.dark .dark\:border-red-800){--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity))}:is(.dark .dark\:bg-red-800){--tw-bg-opacity: 1;background-color:rgb(153 27 27 / var(--tw-bg-opacity))}:is(.dark .dark\:bg-red-900\/20){background-color:#7f1d1d33}:is(.dark .dark\:text-red-100){--tw-text-opacity: 1;color:rgb(254 226 226 / var(--tw-text-opacity))}:is(.dark .dark\:text-red-300){--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity))}:is(.dark .dark\:text-red-400){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity))}:is(.dark .dark\:hover\:bg-red-700:hover){--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity))}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.error-boundary{--error-light-bg: var(--color-red-50);--error-light-border: var(--color-red-300);--error-light-text: var(--color-red-800);--error-light-text-secondary: var(--color-red-700);--error-light-button-bg: var(--color-red-100);--error-light-button-hover: var(--color-red-200);--error-light-icon: var(--color-red-500);--error-dark-bg: rgba(var(--color-red-900-rgb), .2);--error-dark-border: var(--color-red-800);--error-dark-text: var(--color-red-300);--error-dark-text-secondary: var(--color-red-400);--error-dark-button-bg: var(--color-red-800);--error-dark-button-hover: var(--color-red-700);--error-dark-icon: var(--color-red-500)}@keyframes errorFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-boundary{animation:errorFadeIn .3s ease-out}@media(max-width:640px){.error-boundary{margin:.5rem;padding:.75rem}}