/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:var(--font-geist-mono);--color-black:#000;--spacing:.25rem;--container-sm:24rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-semibold:600;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-geist-mono);--font-pixel-square:var(--font-geist-pixel-square);--font-pixel-circle:var(--font-geist-pixel-circle)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab, var(--ring) 50%, transparent)}}*{box-sizing:border-box;font-family:var(--font-pixel-square)}html,body{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;margin:0}body{background-color:var(--background);color:var(--foreground)}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-auto{margin-top:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-3{height:calc(var(--spacing) * 3)}.h-12{height:calc(var(--spacing) * 12)}.h-auto{height:auto}.h-dvh{height:100dvh}.w-20{width:calc(var(--spacing) * 20)}.w-\[132px\]{width:132px}.w-dvw{width:100dvw}.max-w-310{max-width:calc(var(--spacing) * 310)}.max-w-325{max-width:calc(var(--spacing) * 325)}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.bg-background{background-color:var(--background)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-muted{background-color:var(--muted)}.p-4{padding:calc(var(--spacing) * 4)}.px-1{padding-inline:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.pl-1{padding-left:calc(var(--spacing) * 1)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.paused{animation-play-state:paused}@media (hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *){display:block}@media (hover:hover){.hover\:bg-muted\/80:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/80:hover{background-color:color-mix(in oklab, var(--muted) 80%, transparent)}}}.active\:cursor-grabbing:active{cursor:grabbing}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom]{inset-inline:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom]{bottom:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom]{margin-top:calc(var(--spacing) * 24)}.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[88vh\][data-vaul-drawer-direction=bottom]{max-height:88vh}.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom]{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left]{inset-block:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=left\]\:start-0[data-vaul-drawer-direction=left]{inset-inline-start:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left]{width:75%}.data-\[vaul-drawer-direction\=left\]\:border-e[data-vaul-drawer-direction=left]{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right]{inset-block:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=right\]\:end-0[data-vaul-drawer-direction=right]{inset-inline-end:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right]{width:75%}.data-\[vaul-drawer-direction\=right\]\:border-s[data-vaul-drawer-direction=right]{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top]{inset-inline:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top]{top:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top]{margin-bottom:calc(var(--spacing) * 24)}.data-\[vaul-drawer-direction\=top\]\:max-h-\[88vh\][data-vaul-drawer-direction=top]{max-height:88vh}.data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top]{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}@media (width>=40rem){.data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],.data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right]{max-width:var(--container-sm)}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--radius:.625rem;--background:#050506;--foreground:#f6f6f8;--muted:#151518;--muted-foreground:#8f8f97;--border:#27272c;--input:#27272c;--ring:#7b7b83;--bg:#000;--surface:#070707;--surface-elevated:#0b0b0c;--surface-strong:#111113;--line:#232326;--line-strong:#3a3a3f;--ink:#f6f6f8;--ink-muted:#b2b2b8;--ink-soft:#8b8b93}main{height:100dvh;overflow:hidden}button,input,kbd{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.lucide-page{gap:.9rem;max-width:1240px;margin:0 auto;padding:1rem;display:grid}.brand{gap:.1rem;display:grid}.brand strong{font-family:var(--font-pixel-square), sans-serif;letter-spacing:.04em;margin:0;font-size:1rem}.brand small{color:var(--ink-soft);letter-spacing:.02em;margin:0;font-size:.75rem}.catalog-shell{flex:auto;grid-template-rows:auto minmax(0,1fr);gap:.8rem;min-height:0;display:grid;overflow:hidden}.catalog-toolbar{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050506e0;gap:.35rem;padding:.35rem 0 .45rem;display:grid;position:sticky;top:.35rem}.catalog-toolbar p{margin:0}.filter-row{align-items:center;gap:.5rem;display:flex}.filter-pill{border:1px solid var(--line);background:var(--surface);color:var(--ink-muted);border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .55rem;display:inline-flex}.filter-pill span{font-family:var(--font-pixel-circle), sans-serif;letter-spacing:.02em;font-size:.72rem}.filter-pill small{border:1px solid var(--line);color:var(--ink-soft);background:#0f0f11;border-radius:999px;padding:.1rem .36rem;font-size:.66rem}.filter-pill.active{border-color:var(--line-strong);color:var(--ink);background:#0d0d10}.search-field{border:1px solid var(--line);background:var(--surface);border-radius:11px;flex:1;align-items:center;gap:.5rem;padding:.38rem .55rem .38rem .8rem;display:flex}.search-field input{width:100%;color:var(--ink);background:0 0;border:0;outline:none;padding:.5rem 0;font-size:.92rem}.search-field input::placeholder{color:#73737c}.search-field:focus-within{border-color:var(--line-strong)}.search-field kbd{font-family:var(--font-mono), monospace;color:var(--ink-soft);border:1px solid var(--line);background:#0f0f12;border-radius:6px;padding:.3rem .42rem;font-size:.72rem;line-height:1}.icon-grid-section{contain:layout paint;min-height:0;display:grid}.icon-grid-viewport,.selected-panel,.usage-code,.customize-editor,.customize-editor .cm-scroller,.usage-tabs{scrollbar-width:thin;scrollbar-color:#4c4c54 transparent}.icon-grid-viewport::-webkit-scrollbar{background:0 0;width:14px;height:14px}.selected-panel::-webkit-scrollbar{background:0 0;width:14px;height:14px}.usage-code::-webkit-scrollbar{background:0 0;width:14px;height:14px}.customize-editor::-webkit-scrollbar{background:0 0;width:14px;height:14px}.customize-editor .cm-scroller::-webkit-scrollbar{background:0 0;width:14px;height:14px}.usage-tabs::-webkit-scrollbar{background:0 0;width:14px;height:14px}.icon-grid-viewport::-webkit-scrollbar-track{background:0 0}.selected-panel::-webkit-scrollbar-track{background:0 0}.usage-code::-webkit-scrollbar-track{background:0 0}.customize-editor::-webkit-scrollbar-track{background:0 0}.customize-editor .cm-scroller::-webkit-scrollbar-track{background:0 0}.usage-tabs::-webkit-scrollbar-track{background:0 0}.icon-grid-viewport::-webkit-scrollbar-thumb{background:repeating-linear-gradient(#5a5a63 0 3px,#494952 3px 6px);border:2px solid #0b0c10;border-radius:0;min-height:26px}.selected-panel::-webkit-scrollbar-thumb{background:repeating-linear-gradient(#5a5a63 0 3px,#494952 3px 6px);border:2px solid #0b0c10;border-radius:0;min-height:26px}.usage-code::-webkit-scrollbar-thumb{background:repeating-linear-gradient(#5a5a63 0 3px,#494952 3px 6px);border:2px solid #0b0c10;border-radius:0;min-height:26px}.customize-editor::-webkit-scrollbar-thumb{background:repeating-linear-gradient(#5a5a63 0 3px,#494952 3px 6px);border:2px solid #0b0c10;border-radius:0;min-height:26px}.customize-editor .cm-scroller::-webkit-scrollbar-thumb{background:repeating-linear-gradient(#5a5a63 0 3px,#494952 3px 6px);border:2px solid #0b0c10;border-radius:0;min-height:26px}.usage-tabs::-webkit-scrollbar-thumb{background:repeating-linear-gradient(#5a5a63 0 3px,#494952 3px 6px);border:2px solid #0b0c10;border-radius:0;min-height:26px}.icon-grid-viewport::-webkit-scrollbar-thumb:hover{background:repeating-linear-gradient(#6b6b74 0 3px,#575760 3px 6px)}.selected-panel::-webkit-scrollbar-thumb:hover{background:repeating-linear-gradient(#6b6b74 0 3px,#575760 3px 6px)}.usage-code::-webkit-scrollbar-thumb:hover{background:repeating-linear-gradient(#6b6b74 0 3px,#575760 3px 6px)}.customize-editor::-webkit-scrollbar-thumb:hover{background:repeating-linear-gradient(#6b6b74 0 3px,#575760 3px 6px)}.customize-editor .cm-scroller::-webkit-scrollbar-thumb:hover{background:repeating-linear-gradient(#6b6b74 0 3px,#575760 3px 6px)}.usage-tabs::-webkit-scrollbar-thumb:hover{background:repeating-linear-gradient(#6b6b74 0 3px,#575760 3px 6px)}.icon-grid-viewport::-webkit-scrollbar-thumb:active{background:repeating-linear-gradient(#767680 0 3px,#62626d 3px 6px)}.selected-panel::-webkit-scrollbar-thumb:active{background:repeating-linear-gradient(#767680 0 3px,#62626d 3px 6px)}.usage-code::-webkit-scrollbar-thumb:active{background:repeating-linear-gradient(#767680 0 3px,#62626d 3px 6px)}.customize-editor::-webkit-scrollbar-thumb:active{background:repeating-linear-gradient(#767680 0 3px,#62626d 3px 6px)}.customize-editor .cm-scroller::-webkit-scrollbar-thumb:active{background:repeating-linear-gradient(#767680 0 3px,#62626d 3px 6px)}.usage-tabs::-webkit-scrollbar-thumb:active{background:repeating-linear-gradient(#767680 0 3px,#62626d 3px 6px)}.icon-grid-viewport::-webkit-scrollbar-corner{background:0 0}.selected-panel::-webkit-scrollbar-corner{background:0 0}.usage-code::-webkit-scrollbar-corner{background:0 0}.customize-editor::-webkit-scrollbar-corner{background:0 0}.customize-editor .cm-scroller::-webkit-scrollbar-corner{background:0 0}.usage-tabs::-webkit-scrollbar-corner{background:0 0}.icon-grid-viewport{--tile-min-width:136;--tile-row-height:135;--grid-gap:8;overscroll-behavior:contain;background:var(--surface);border:0;border-radius:10px;height:100%;min-height:0;position:relative;overflow:hidden auto}.icon-grid-viewport.paused{pointer-events:none}.icon-grid-canvas{width:100%;position:relative}.icon-grid-row-wrapper{box-sizing:border-box;padding:0 0 calc(var(--grid-gap) * 1px);inset-inline:0;position:absolute;top:0}.icon-grid-row{grid-template-columns:repeat(var(--grid-columns), minmax(0, 1fr));column-gap:calc(var(--grid-gap) * 1px);display:grid}.icon-tile{border:1px solid var(--line);background:var(--surface);height:calc(var(--tile-row-height) * 1px);cursor:pointer;border-radius:10px;align-content:center;justify-items:center;gap:.5rem;padding:.6rem .45rem;transition:border-color .15s;display:grid}.icon-tile:hover{border-color:var(--line-strong)}.icon-tile.active{background:#0e0e11;border-color:#d8d8dc}.icon-tile.active .tile-canvas{background-color:#10141b;border-color:#2f3542}.tile-canvas{background-color:#0a0a0d;background-image:linear-gradient(90deg,#ffffff0f 1px,#0000 1px),linear-gradient(#ffffff0f 1px,#0000 1px);background-size:6px 6px;border:1px solid #19191d;border-radius:8px;place-items:center;width:64px;height:64px;padding:2px;display:grid}.tile-canvas svg{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.tile-label{max-width:100%;font-family:var(--font-pixel-circle), sans-serif;text-align:center;color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;line-height:1.2;overflow:hidden}.selected-drawer{border-top:1px solid var(--line);background:var(--surface-elevated);color:var(--ink);max-height:88vh;overflow:hidden;box-shadow:0 -16px 40px #0000008c}.selected-panel{overscroll-behavior:contain;grid-template-rows:auto minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;width:min(1240px,100vw - 1rem);max-height:calc(88vh - .75rem);margin:0 auto;padding:1rem;display:grid;overflow:auto}.selected-preview{border:1px solid var(--line);background:#0a0a0d;border-radius:10px;place-items:center;padding:.8rem;display:grid}.preview-canvas{width:calc(24px * var(--pixel-scale));height:calc(24px * var(--pixel-scale));background-color:#09090c;background-image:linear-gradient(90deg,#ffffff14 1px,#0000 1px),linear-gradient(#ffffff14 1px,#0000 1px);background-size:4.16667% 4.16667%,4.16667% 4.16667%;place-items:center;display:grid}.preview-canvas svg{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.selected-content{align-content:start;gap:.85rem;display:grid}.close-button{border:1px solid var(--line);width:26px;height:26px;color:var(--ink-muted);cursor:pointer;background:#111114;border-radius:7px;place-items:center;display:grid}.close-button:hover{color:var(--ink);border-color:var(--line-strong)}.selected-tags{color:var(--ink-soft);margin:0;font-size:.78rem}.drawer-top-row{grid-column:1/-1;align-items:center;gap:.65rem;display:flex}.drawer-icon-name{min-width:0;font-family:var(--font-pixel-square), sans-serif;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.15rem;overflow:hidden}.drawer-close-button{margin-left:auto}.drawer-tabs{border:1px solid var(--line);background:#0b0c10;border-radius:9px;align-items:center;display:flex;overflow:hidden}.drawer-tabs button{border:none;border-right:1px solid var(--line);min-width:108px;color:var(--ink-soft);cursor:pointer;background:0 0;flex:none;padding:.54rem .72rem;font-size:.78rem}.drawer-tabs button:last-child{border-right:none}.drawer-tabs button.active{color:var(--ink);background:#13151c}.drawer-tabs button:hover{color:var(--ink)}.usage-card{border:1px solid var(--line);background:#09090c;border-radius:10px;overflow:hidden}.usage-tabs{border-bottom:1px solid var(--line);background:#0b0c10;align-items:center;display:flex}.usage-tabs button{border:none;border-right:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:0 0;padding:.58rem .78rem;font-size:.78rem}.usage-tabs button:last-child{border-right:none}.usage-tabs button.active{color:var(--ink);background:#13151c}.usage-tabs button:hover{color:var(--ink)}.usage-package{border-bottom:1px solid var(--line);color:#8f9ab2;font-size:.68rem;font-family:var(--font-geist-mono), monospace;margin:0;padding:.44rem .74rem}.usage-code-wrap{position:relative}.usage-code{max-height:min(42vh,280px);font-family:var(--font-geist-mono), monospace;color:#dce3f1;margin:0;padding:.9rem 1rem 1rem;font-size:.78rem;line-height:1.52;overflow:auto}.usage-code code{white-space:pre}.usage-lang{color:#7b8599;text-transform:lowercase;letter-spacing:.08em;font-size:.62rem;position:absolute;top:.5rem;right:.65rem}.customize-editor-pane,.customize-output-pane{border:1px solid var(--line);background:#09090c;border-radius:10px;gap:.45rem;min-height:0;padding:.7rem;display:grid}.customize-editor-pane{grid-template-rows:auto minmax(0,1fr)}.customize-output-pane{grid-template-rows:minmax(0,1fr) auto}.edit-output-pane{grid-template-rows:auto minmax(0,1fr) auto}.selected-panel.customize-active{grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:min(820px,88vh - 3rem);min-height:0}.selected-panel.customize-active .customize-editor-pane,.selected-panel.customize-active .customize-output-pane{height:100%}.customize-toolbar{align-items:center;gap:.45rem;display:flex}.customize-status{color:#9fb2d9;font-size:.68rem;font-family:var(--font-geist-mono), monospace;background:#111722;border:1px solid #2b3242;border-radius:8px;margin:0;padding:.38rem .56rem;line-height:1.2}.customize-status.partial{color:#bcc9e9;background:#171d2b;border-color:#44506b}.customize-status.invalid{color:#e1b4bb;background:#231517;border-color:#634248}.customize-toolbar-actions{align-items:center;gap:.4rem;margin-left:auto;display:flex}.customize-tool-button{border:1px solid var(--line);color:var(--ink-muted);cursor:pointer;background:#111114;border-radius:8px;align-items:center;gap:.36rem;padding:.38rem .54rem;font-size:.7rem;line-height:1;display:inline-flex}.customize-tool-button:hover{color:var(--ink);border-color:var(--line-strong)}.customize-tool-button.active{color:#d7e4ff;background:#1a2435;border-color:#51698f}.customize-tool-button:disabled{opacity:.45;cursor:not-allowed}.inspect-icon{place-items:center;width:.9rem;height:.9rem;display:inline-grid}.inspect-icon svg{fill:currentColor;width:100%;height:100%}.customize-hint{color:#8f9ab2;font-size:.7rem;font-family:var(--font-geist-mono), monospace;margin:0}.framework-build-hint{padding:.15rem .1rem 0}.framework-build-hint code{font-family:var(--font-geist-mono), monospace;color:#b8c8ea;font-size:.68rem}.overlay-file-input{display:none}.edit-output-head{align-items:flex-start;gap:.55rem;display:flex;position:relative}.edit-output-tabs{border:1px solid var(--line);border-radius:8px;flex:auto;min-width:0}.edit-output-actions{align-items:flex-start;gap:.4rem;margin-left:auto;display:flex}.edit-overlay-menu{position:relative}.edit-overlay-trigger{justify-content:center;min-width:84px}.edit-overlay-popover{z-index:24;border:1px solid var(--line);background:#0b0c10;border-radius:9px;gap:.5rem;width:min(320px,100vw - 3rem);padding:.58rem;display:grid;position:absolute;top:calc(100% + .45rem);right:0;box-shadow:0 12px 30px #00000073}.edit-overlay-actions{flex-wrap:wrap;gap:.4rem;display:flex}.edit-overlay-paste-label{color:#8f9ab2;font-size:.68rem;font-family:var(--font-geist-mono), monospace}.edit-overlay-popover textarea{resize:vertical;border:1px solid var(--line);color:#dce3f1;width:100%;min-height:6.1rem;font-size:.72rem;line-height:1.45;font-family:var(--font-geist-mono), monospace;background:#09090c;border-radius:8px;padding:.5rem .6rem}.edit-overlay-popover textarea:focus{outline-offset:0;outline:1px solid #5f6678}.edit-overlay-paste-actions{flex-wrap:wrap;gap:.4rem;display:flex}.edit-overlay-opacity{color:#8f9ab2;font-size:.68rem;font-family:var(--font-geist-mono), monospace;gap:.28rem;display:grid}.edit-overlay-opacity input[type=range]{accent-color:#9ab0d9;width:100%}.edit-overlay-error{padding:0 .1rem}.customize-editor{overscroll-behavior:contain;border:1px solid var(--line);color:#dce3f1;background:#0b0c10;border-radius:9px;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.customize-editor:focus-within{border-color:#5f6678}.customize-output{border:1px solid var(--line);background:#0a0a0d;border-radius:9px;place-items:center;height:100%;min-height:0;padding:.6rem;display:grid}.customize-output-canvas{aspect-ratio:1;color:#f3f5f8;background-color:#09090c;background-image:linear-gradient(90deg,#ffffff14 1px,#0000 1px),linear-gradient(#ffffff14 1px,#0000 1px);background-size:4.16667% 4.16667%,4.16667% 4.16667%;border:1px solid #19191d;border-radius:8px;place-items:center;width:min(100%,384px);display:grid;position:relative;overflow:hidden}.customize-output-canvas svg{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.edit-overlay-layer{opacity:var(--overlay-opacity,.35);pointer-events:none;z-index:2;place-items:center;display:grid;position:absolute;inset:0}.edit-overlay-layer svg{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.diff-canvas{padding:0}.diff-canvas svg{width:100%;height:100%}.diff-placeholder{color:#8f9ab2;font-size:.72rem;font-family:var(--font-geist-mono), monospace;text-align:center;margin:0;padding:0 1.1rem}.edit-footer-status{min-height:1rem}.customize-output-canvas.inspect-enabled,.customize-output-canvas.inspect-enabled [data-px-node-id]{cursor:crosshair}.customize-output-canvas [data-px-node-id]{transition:opacity .12s linear,filter .12s linear}.customize-output-canvas.map-active [data-px-node-id].px-inspect-dim{opacity:.2}.customize-output-canvas [data-px-node-id].px-inspect-active{opacity:1;filter:brightness(1.22)drop-shadow(0 0 1px #a5bfffe6)drop-shadow(0 0 3px #a5bfff8c)}.customize-error{color:#dca8a8;margin:0;font-size:.72rem}.action-row{flex-wrap:wrap;gap:.5rem;display:flex}.action-row button{border:1px solid var(--line);color:var(--ink-muted);cursor:pointer;background:#111114;border-radius:8px;padding:.48rem .74rem}.action-row button:hover{color:var(--ink);border-color:var(--line-strong)}.copy-status{color:#d0d0d5;margin:0;font-size:.75rem}.empty-state{border:1px dashed var(--line);background:var(--surface);color:var(--ink-soft);border-radius:10px;margin:0;padding:1rem}.loading-state{background:var(--surface);color:var(--ink-soft);border-radius:10px;justify-content:center;align-items:center;gap:.5rem;margin:0;padding:1rem;display:flex}.loading-swatch{background:#a6b0cc;border:1px solid #5f6678;width:10px;height:10px;animation:.9s steps(2,end) infinite icon-loading-pulse}@keyframes icon-loading-pulse{0%,to{opacity:.4}50%{opacity:1}}@media (width<=920px){.search-wrap{flex-wrap:wrap}.selected-panel{grid-template-columns:1fr;width:min(1240px,100vw - .6rem);padding:.8rem}.preview-canvas{width:min(70vw,240px);height:min(70vw,240px)}.customize-editor-pane{width:100%}.selected-panel.customize-active{grid-template-columns:1fr;height:auto;min-height:0}.customize-editor,.customize-output{min-height:240px}}@media (width<=640px){.icon-grid-viewport{--tile-min-width:120;--tile-row-height:127}.usage-tabs{scrollbar-width:thin;overflow-x:auto}.usage-tabs button{flex:none}.edit-output-head{flex-wrap:wrap}.edit-output-actions{margin-left:0}.edit-overlay-popover{width:min(320px,100vw - 2.4rem);left:0;right:auto}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value: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));filter:blur(var(--tw-enter-blur,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));filter:blur(var(--tw-exit-blur,0))}}@font-face{font-family:Geist Pixel Square;src:url(./GeistPixel-Square.DDNqLjrS.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel Grid;src:url(./GeistPixel-Grid.BVSXNS7-.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel Circle;src:url(./GeistPixel-Circle.cdxC6Bjy.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel Triangle;src:url(./GeistPixel-Triangle.DKi5MwTg.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel Line;src:url(./GeistPixel-Line.t4LIzXte.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--font-geist-pixel-square:"Geist Pixel Square", "Geist Mono", ui-monospace, SFMono-Regular, "Roboto Mono", Menlo, Monaco, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;--font-geist-pixel-grid:"Geist Pixel Grid", "Geist Mono", ui-monospace, SFMono-Regular, "Roboto Mono", Menlo, Monaco, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;--font-geist-pixel-circle:"Geist Pixel Circle", "Geist Mono", ui-monospace, SFMono-Regular, "Roboto Mono", Menlo, Monaco, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;--font-geist-pixel-triangle:"Geist Pixel Triangle", "Geist Mono", ui-monospace, SFMono-Regular, "Roboto Mono", Menlo, Monaco, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;--font-geist-pixel-line:"Geist Pixel Line", "Geist Mono", ui-monospace, SFMono-Regular, "Roboto Mono", Menlo, Monaco, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace}@font-face{font-family:Geist Mono;src:url(./GeistMono-Variable.CgF0sbjX.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--font-geist-mono:"Geist Mono", ui-monospace, SFMono-Regular, "Roboto Mono", Menlo, Monaco, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace}