:root{--krux-cx-amber:#fbbf24;--krux-cx-amber-bright:#fcd34d;--krux-cx-amber-soft:#f59e0b;--krux-cx-cyan:#67e8f9;--krux-cx-cyan-soft:#06b6d4;--krux-cx-sage:#86efac;--krux-cx-coral:#f87171;--krux-cx-glass-0:#ffffff02;--krux-cx-glass-1:#ffffff06;--krux-cx-glass-2:#ffffff0b;--krux-cx-glass-3:#ffffff14;--krux-cx-ring-default:linear-gradient(135deg, #fff3, #ffffff0a 35%, #ffffff0a 65%, #fbbf2447);--krux-cx-ring-hover:linear-gradient(135deg, #67e8f96b, #ffffff14 35%, #ffffff0f 65%, #fbbf246b);--krux-cx-ring-focus:linear-gradient(135deg, #67e8f9a6, #ffffff1a 35%, #ffffff14 65%, #fbbf24a6);--krux-cx-ease:cubic-bezier(.16, 1, .3, 1);--krux-cx-duration:.22s;--krux-cx-duration-fast:.14s;--krux-cx-radius-sm:6px;--krux-cx-radius-md:8px;--krux-cx-radius-lg:12px;--krux-cx-blur-light:blur(20px) saturate(140%);--krux-cx-blur-medium:blur(28px) saturate(160%);--krux-cx-blur-heavy:blur(40px) saturate(180%);--krux-rail-bg:#111114eb;--krux-rail-bg-hover:#111114f5;--krux-tool-active-bg:color-mix(in srgb, var(--krux-cx-amber) 14%, transparent);--krux-tool-active-hairline:color-mix(in srgb, var(--krux-cx-amber) 64%, transparent);--krux-rail-idle-opacity:.58;--krux-rail-hover-opacity:1;--krux-panel-translucent:#111114e0;--krux-shell-z-rail:10;--krux-shell-z-panel:20;--krux-shell-z-overlay:30;--krux-shell-z-modal:40}.krux-surface{background:linear-gradient(180deg, var(--krux-cx-glass-1), var(--krux-cx-glass-0));-webkit-backdrop-filter:var(--krux-cx-blur-medium);border-radius:var(--krux-cx-radius-md);transition:background var(--krux-cx-duration) var(--krux-cx-ease);position:relative}.krux-surface:before{content:"";border-radius:inherit;background:var(--krux-cx-ring-default);-webkit-mask-composite:xor;pointer-events:none;transition:background var(--krux-cx-duration) var(--krux-cx-ease);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.krux-surface-hover{cursor:pointer}.krux-surface-hover:hover{background:linear-gradient(180deg, var(--krux-cx-glass-2), var(--krux-cx-glass-1))}.krux-surface-hover:hover:before{background:var(--krux-cx-ring-hover)}.krux-surface-raised{background:linear-gradient(180deg, var(--krux-cx-glass-3), var(--krux-cx-glass-2));-webkit-backdrop-filter:var(--krux-cx-blur-heavy);border-radius:var(--krux-cx-radius-md);position:relative;box-shadow:0 24px 64px #00000080}.krux-surface-raised:before{content:"";border-radius:inherit;background:var(--krux-cx-ring-default);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.krux-numeric-hero{font-family:var(--krux-font-mono);letter-spacing:-.02em;background:linear-gradient(135deg, var(--krux-cx-amber), var(--krux-cx-cyan));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}
.krux-input{appearance:none;border-radius:var(--krux-cx-radius-sm,6px);font-family:var(--krux-font-mono,ui-monospace, monospace);letter-spacing:0;color:var(--krux-fg,#e4e4e7);transition:background var(--krux-cx-duration-fast,.14s) var(--krux-cx-ease,ease-out), box-shadow var(--krux-cx-duration-fast,.14s) var(--krux-cx-ease,ease-out);background:#ffffff05;border:0;outline:none;margin:0;padding:11px 14px;font-size:13px;font-weight:500;box-shadow:inset 0 0 0 1px #ffffff1a}.krux-input::placeholder{color:var(--krux-fg-dim,#71717a)}.krux-input:hover:not(:focus){box-shadow:inset 0 0 0 1px #ffffff2e}.krux-input:focus{background:#ffffff0a;box-shadow:inset 0 0 0 1px #67e8f980,0 0 0 4px #67e8f914}.krux-input-invalid{box-shadow:inset 0 0 0 1px #f8717180}.krux-input-invalid:focus{box-shadow:inset 0 0 0 1px #f87171b3,0 0 0 4px #f871711a}.krux-input-full{width:100%}.krux-input:disabled{opacity:.4;cursor:not-allowed}
.krux-btn{appearance:none;color:inherit;border-radius:var(--krux-cx-radius-sm,6px);font-family:var(--krux-font-mono,ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--krux-cx-duration-fast,.14s) var(--krux-cx-ease,ease-out), border-color var(--krux-cx-duration-fast,.14s) var(--krux-cx-ease,ease-out), color var(--krux-cx-duration-fast,.14s) var(--krux-cx-ease,ease-out), transform var(--krux-cx-duration-fast,.14s) var(--krux-cx-ease,ease-out), box-shadow var(--krux-cx-duration-fast,.14s) var(--krux-cx-ease,ease-out);background:0 0;border:1px solid #0000;flex-direction:row;justify-content:center;align-items:center;gap:8px;margin:0;padding:10px 18px;font-size:12px;font-weight:700;display:inline-flex}.krux-btn:active:not(.krux-btn-disabled){transform:translateY(0)}.krux-btn:focus-visible{box-shadow:inset 0 0 0 1px var(--krux-cx-cyan,#67e8f9), 0 0 0 3px #67e8f92e;outline:none}.krux-btn-disabled,.krux-btn[disabled]{opacity:.35;cursor:not-allowed}.krux-btn-disabled:active,.krux-btn[disabled]:active{transform:none}.krux-btn-full{width:100%}.krux-btn-primary{background:linear-gradient(135deg, var(--krux-cx-amber,#fbbf24), var(--krux-cx-amber-soft,#f59e0b));color:#000;box-shadow:inset 0 1px #ffffff40,0 0 0 1px #fbbf2466}.krux-btn-primary:hover:not(.krux-btn-disabled):not([disabled]){background:linear-gradient(135deg, var(--krux-cx-amber-bright,#fcd34d), var(--krux-cx-amber,#fbbf24));transform:translateY(-1px);box-shadow:inset 0 1px #ffffff4d,0 0 0 1px #fbbf2499,0 0 24px #fbbf2440}.krux-btn-secondary{-webkit-backdrop-filter:var(--krux-cx-blur-light,blur(20px));color:var(--krux-fg,#e4e4e7);background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff1f}.krux-btn-secondary:hover:not(.krux-btn-disabled):not([disabled]){color:var(--krux-cx-cyan,#67e8f9);background:#ffffff14;box-shadow:inset 0 0 0 1px #67e8f973}.krux-btn-ghost{color:var(--krux-fg-mid,#a1a1aa);background:0 0;padding:8px 12px}.krux-btn-ghost:hover:not(.krux-btn-disabled):not([disabled]){color:var(--krux-cx-cyan,#67e8f9);background:#67e8f90d}
.krux-shell{width:100%;height:100vh;min-height:0;color:var(--krux-fg,#e4e4e7);font-family:var(--krux-font-sans,system-ui);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-size:13px;line-height:1.55;display:flex;position:relative;overflow:hidden}.krux-shell__atmosphere{z-index:0;pointer-events:none;background:var(--krux-mg-glass-canvas);position:absolute;inset:0}.krux-shell__topbar{z-index:30;flex-shrink:0;position:relative}.krux-shell__body{z-index:10;flex:auto;min-width:0;min-height:0;display:flex;position:relative}.krux-shell__sidebar{z-index:20;flex-shrink:0}.krux-shell__centre{flex:auto;min-width:0;min-height:0;position:relative;overflow:hidden}.krux-shell__right-sidebar{z-index:20;flex-shrink:0;width:288px}.krux-shell__bottom-bar{z-index:30;flex-shrink:0;position:relative}
.krux-toolbar{border-bottom:1px solid #ffffff0a;align-items:center;gap:12px;width:100%;height:48px;padding:0 14px;display:flex}[data-theme=light] .krux-toolbar{border-bottom-color:#0000000f}.krux-toolbar__brand{flex-shrink:0;align-items:center;padding-right:6px;display:flex}.krux-toolbar__primary{align-items:center;gap:10px;min-width:0;display:flex}.krux-toolbar__tools{flex-shrink:0;align-items:center;gap:4px;display:flex}.krux-toolbar__trailing{flex-shrink:0;align-items:center;gap:10px;display:flex}.krux-toolbar__sep{background:linear-gradient(#0000 0%,#ffffff1a 50%,#0000 100%);flex-shrink:0;width:1px;height:18px}[data-theme=light] .krux-toolbar__sep{background:linear-gradient(#0000 0%,#3c321e29 50%,#0000 100%)}.krux-toolbar__spacer{flex:auto}
.krux-sidebar{border-right:1px solid #ffffff0a;flex-direction:column;align-items:center;gap:6px;width:44px;height:100%;padding:10px 0;display:flex}[data-theme=light] .krux-sidebar{border-right-color:#0000000f}.krux-sidebar__group{flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.krux-sidebar__group--bottom{margin-top:auto;padding-bottom:2px}.krux-sidebar__sep{background:linear-gradient(90deg,#0000 0%,#ffffff38 50%,#0000 100%);width:24px;height:1px;margin:6px 0 8px}[data-theme=light] .krux-sidebar__sep{background:linear-gradient(90deg,#0000 0%,#3c321e47 50%,#0000 100%)}.krux-sidebar__spacer{flex:auto}
.krux-status-bar{width:100%;height:28px;font-family:var(--krux-font-mono,ui-monospace, monospace);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--krux-fg-mid,#a1a1aa) 70%, transparent);border-top:1px solid #ffffff0a;align-items:center;gap:16px;padding:0 14px;font-size:10.5px;font-weight:400;display:flex}[data-theme=light] .krux-status-bar{border-top-color:#0000000f}.krux-status-bar__cluster{align-items:center;gap:8px;min-width:0;display:flex}.krux-status-bar__cluster--center{justify-content:center}.krux-status-bar__chip{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.krux-status-bar__dot{color:color-mix(in srgb, var(--krux-fg-dim,#71717a) 60%, transparent);-webkit-user-select:none;user-select:none;font-weight:300}.krux-status-bar__spacer{flex:auto}.krux-status-bar__conn{align-items:center;gap:6px;display:inline-flex}.krux-status-bar__conn-dot{background:var(--krux-cx-sage,#86efac);width:5px;height:5px;box-shadow:0 0 0 2px color-mix(in srgb, var(--krux-cx-sage,#86efac) 16%, transparent);border-radius:50%}
.krux-rail-button{width:32px;height:32px;color:color-mix(in srgb, var(--krux-fg,#e4e4e7) 60%, transparent);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .14s var(--krux-mg-ease-out), background .14s var(--krux-mg-ease-out), box-shadow .14s var(--krux-mg-ease-out), transform .14s var(--krux-mg-ease-out);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}.krux-rail-button:hover{color:var(--krux-fg,#e4e4e7);background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 -1px #0003}[data-theme=light] .krux-rail-button:hover{background:#3c321e0d;box-shadow:inset 0 0 0 1px #3c321e14,inset 0 -1px #fff9}.krux-rail-button:focus-visible{outline:2px solid color-mix(in srgb, var(--krux-fg-bright,#fafaf9) 80%, transparent);outline-offset:2px}.krux-rail-button:active{transition-duration:60ms;transform:translateY(1px)scale(.97)}.krux-rail-button[data-active]{color:var(--krux-fg-bright,#fafaf9);background:linear-gradient(#ffffff1a 0%,#ffffff0a 100%);box-shadow:inset 0 1px #ffffff29,inset 0 -1px #00000040,inset 0 0 0 1px #ffffff1a,0 1px 2px #0000004d}[data-theme=light] .krux-rail-button[data-active]{color:#0a0a0a;background:linear-gradient(#3c321e1a 0%,#3c321e0a 100%);box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #3c321e2e,inset 0 0 0 1px #3c321e1f}.krux-rail-button[data-disabled]{opacity:.28;cursor:not-allowed;pointer-events:none}.krux-rail-button[data-loading]{color:var(--krux-fg-bright,#fafaf9);animation:krux-rail-button__loading-glow 1.5s var(--krux-mg-ease-out,ease-in-out) infinite}.krux-rail-button[data-loading] svg{animation:krux-rail-button__loading-pulse 1.5s var(--krux-mg-ease-out,ease-in-out) infinite}@keyframes krux-rail-button__loading-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.94)}}@keyframes krux-rail-button__loading-glow{0%,to{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--krux-cx-amber,#fbbf24) 22%, transparent), 0 0 6px color-mix(in srgb, var(--krux-cx-amber,#fbbf24) 18%, transparent)}50%{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--krux-cx-amber,#fbbf24) 42%, transparent), 0 0 12px color-mix(in srgb, var(--krux-cx-amber,#fbbf24) 38%, transparent)}}@media (prefers-reduced-motion:reduce){.krux-rail-button[data-loading],.krux-rail-button[data-loading] svg{opacity:.7;animation:none}}.krux-rail-button__badge{background:var(--krux-cx-amber,#fbbf24);border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:5px;box-shadow:0 0 0 1px #0006}.krux-rail-button__tooltip{z-index:60;pointer-events:none;white-space:nowrap;animation:krux-rail-button__tooltip-in .16s var(--krux-mg-ease-out);align-items:center;gap:8px;padding:6px 10px;display:inline-flex}@keyframes krux-rail-button__tooltip-in{0%{opacity:0;transform:var(--initial,translateX(-50%)) translateY(-2px)}to{opacity:1;transform:var(--initial,translateX(-50%)) translateY(0)}}.krux-rail-button__tooltip[data-placement=right]{--initial:translateY(-50%)}.krux-rail-button__tooltip-label{font-family:var(--krux-font-sans,system-ui);letter-spacing:0;color:var(--krux-fg,#e4e4e7);font-size:11px;font-weight:500}.krux-rail-button__tooltip-shortcut{font-family:var(--krux-font-mono,monospace);letter-spacing:.04em;color:color-mix(in srgb, var(--krux-fg-dim,#71717a) 80%, transparent);background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;padding:1px 5px;font-size:10px}[data-theme=light] .krux-rail-button__tooltip-shortcut{background:#3c321e0f;border-color:#3c321e1a}
.krux-tool-popover{z-index:var(--krux-shell-z-overlay);background:var(--krux-mg-glass-bg);-webkit-backdrop-filter:blur(var(--krux-mg-glass-blur)) saturate(var(--krux-mg-glass-saturate)) brightness(var(--krux-mg-glass-brightness));border:var(--krux-mg-glass-border);border-radius:var(--krux-mg-radius-lg);box-shadow:var(--krux-mg-glass-inset-rim), var(--krux-mg-glass-inset-low), var(--krux-mg-glass-shadow);isolation:isolate;min-height:0;animation:krux-tool-popover-enter .2s var(--krux-mg-ease-out);transform-origin:var(--krux-popover-arrow-x,50%) top;outline:none;flex-direction:column;display:flex;overflow:hidden}.krux-tool-popover:before{content:"";background:var(--krux-mg-glass-specular);pointer-events:none;border-radius:inherit;z-index:0;position:absolute;inset:0}.krux-tool-popover>*{z-index:1;position:relative}.krux-tool-popover[data-side=top]{transform-origin:var(--krux-popover-arrow-x,50%) bottom}@keyframes krux-tool-popover-enter{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.krux-tool-popover[data-side=top]{animation-name:krux-tool-popover-enter-top}@keyframes krux-tool-popover-enter-top{0%{opacity:0;transform:translateY(calc(4px - 100%))scale(.97)}to{opacity:1;transform:translateY(-100%)scale(1)}}.krux-tool-popover__arrow{left:var(--krux-popover-arrow-x,50%);pointer-events:none;width:12px;height:6px;position:absolute;transform:translate(-50%)}.krux-tool-popover[data-side=bottom] .krux-tool-popover__arrow{background:linear-gradient(to top right, transparent 50%, color-mix(in srgb, var(--krux-cx-glass-2) 100%, transparent) 50%), linear-gradient(to top left, transparent 50%, color-mix(in srgb, var(--krux-cx-glass-2) 100%, transparent) 50%);background:color-mix(in srgb, var(--krux-cx-glass-2) 100%, transparent);clip-path:polygon(50% 0,100% 100%,0 100%);-webkit-backdrop-filter:var(--krux-cx-blur-heavy);top:-6px}.krux-tool-popover[data-side=top] .krux-tool-popover__arrow{background:color-mix(in srgb, var(--krux-cx-glass-2) 100%, transparent);clip-path:polygon(50% 100%,100% 0,0 0);-webkit-backdrop-filter:var(--krux-cx-blur-heavy);bottom:-6px}.krux-tool-popover__body{flex-direction:column;flex:auto;gap:12px;min-height:0;padding:14px 14px 12px;display:flex;overflow:hidden auto}.krux-tool-popover__section-title{font-family:var(--krux-cx-font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--krux-fg-dim,#71717a);margin:0;font-size:10px;font-weight:600}.krux-tool-popover__row{justify-content:space-between;align-items:center;gap:12px;min-height:28px;display:flex}.krux-tool-popover__row-label{color:var(--krux-fg,#e4e4e7);flex:auto;font-size:12px}.krux-tool-popover__row-hint{color:var(--krux-fg-dim,#71717a);margin-top:-4px;font-size:11px;line-height:1.4}
.krux-tool-panel{z-index:var(--krux-shell-z-panel);background:var(--krux-mg-glass-bg);min-width:0;min-height:0;-webkit-backdrop-filter:blur(var(--krux-mg-glass-blur)) saturate(var(--krux-mg-glass-saturate)) brightness(var(--krux-mg-glass-brightness));border:var(--krux-mg-glass-border);border-radius:var(--krux-mg-radius-lg);box-shadow:var(--krux-mg-glass-inset-rim), var(--krux-mg-glass-inset-low), 0 12px 48px #0000008f, 0 24px 60px -16px #0000008c;-webkit-user-select:none;user-select:none;isolation:isolate;flex-direction:column;display:flex;position:fixed;overflow:hidden}.krux-tool-panel:before{content:"";background:var(--krux-mg-glass-specular);pointer-events:none;border-radius:inherit;z-index:0;position:absolute;inset:0}.krux-tool-panel>*{z-index:1;position:relative}.krux-tool-panel[data-docked]{box-shadow:none;border-radius:0;position:relative}.krux-tool-panel[data-dragging]{cursor:grabbing;-webkit-user-select:none;user-select:none}.krux-tool-panel__title{cursor:grab;background:color-mix(in srgb, var(--krux-cx-glass-2) 100%, transparent);border-bottom:1px solid color-mix(in srgb, var(--krux-cx-amber) 20%, transparent);height:28px;font-family:var(--krux-cx-font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--krux-fg-mid,#a1a1aa);flex-shrink:0;align-items:center;gap:6px;padding:0 4px 0 12px;font-size:10px;font-weight:600;display:flex}.krux-tool-panel[data-docked] .krux-tool-panel__title{cursor:default}.krux-tool-panel__title-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.krux-tool-panel__title-spacer{flex:auto}.krux-tool-panel__close{width:22px;height:22px;color:var(--krux-fg-dim,#71717a);cursor:pointer;transition:background .14s var(--krux-cx-ease), color .14s var(--krux-cx-ease);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:16px;display:inline-flex}.krux-tool-panel__close:hover{background:color-mix(in srgb, var(--krux-cx-coral) 18%, transparent);color:var(--krux-fg,#e4e4e7)}.krux-tool-panel__close:focus-visible{outline:2px solid var(--krux-cx-amber);outline-offset:1px}.krux-tool-panel__body{-webkit-user-select:text;user-select:text;flex:auto;min-width:0;min-height:0;position:relative;overflow:auto}.krux-tool-panel__resize{touch-action:none;position:absolute}.krux-tool-panel__resize--n{cursor:ns-resize;height:6px;top:-3px;left:8px;right:8px}.krux-tool-panel__resize--s{cursor:ns-resize;height:6px;bottom:-3px;left:8px;right:8px}.krux-tool-panel__resize--e{cursor:ew-resize;width:6px;top:8px;bottom:8px;right:-3px}.krux-tool-panel__resize--w{cursor:ew-resize;width:6px;top:8px;bottom:8px;left:-3px}.krux-tool-panel__resize--ne{cursor:nesw-resize;width:12px;height:12px;top:-3px;right:-3px}.krux-tool-panel__resize--nw{cursor:nwse-resize;width:12px;height:12px;top:-3px;left:-3px}.krux-tool-panel__resize--se{cursor:nwse-resize;width:12px;height:12px;bottom:-3px;right:-3px}.krux-tool-panel__resize--sw{cursor:nesw-resize;width:12px;height:12px;bottom:-3px;left:-3px}
.krux-palette-scrim{z-index:var(--krux-shell-z-overlay);-webkit-backdrop-filter:blur(8px)saturate(120%);animation:krux-palette-scrim-enter .16s var(--krux-cx-ease);background:#0000006b;justify-content:center;align-items:flex-start;padding-top:18vh;display:flex;position:fixed;inset:0}@keyframes krux-palette-scrim-enter{0%{opacity:0}to{opacity:1}}.krux-palette{background:var(--krux-mg-glass-bg);width:600px;max-width:calc(100vw - 32px);min-height:0;max-height:60vh;-webkit-backdrop-filter:blur(var(--krux-mg-glass-blur)) saturate(var(--krux-mg-glass-saturate)) brightness(var(--krux-mg-glass-brightness));border:var(--krux-mg-glass-border);border-radius:var(--krux-mg-radius-xl);box-shadow:var(--krux-mg-glass-inset-rim), var(--krux-mg-glass-inset-low), 0 24px 96px #000000a3, 0 48px 120px -24px #000000b3;isolation:isolate;animation:krux-palette-enter .22s var(--krux-mg-ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.krux-palette:before{content:"";background:var(--krux-mg-glass-specular);pointer-events:none;border-radius:inherit;z-index:0;position:absolute;inset:0}.krux-palette>*{z-index:1;position:relative}@keyframes krux-palette-enter{0%{opacity:0;transform:translateY(-8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.krux-palette__input{width:100%;height:56px;color:var(--krux-fg,#e4e4e7);font-family:var(--krux-font-sans,system-ui);letter-spacing:-.01em;background:0 0;border:none;border-bottom:1px solid #ffffff0f;outline:none;flex-shrink:0;padding:0 22px;font-size:17px;font-weight:400}.krux-palette__input::placeholder{color:var(--krux-fg-dim,#71717a);font-weight:400}.krux-palette__results{flex:auto;min-height:0;padding:6px 0;overflow-y:auto}.krux-palette__heading{font-family:var(--krux-cx-font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--krux-fg-dim,#71717a);padding:10px 18px 6px;font-size:10px;font-weight:600}.krux-palette__item{border-radius:var(--krux-mg-radius-sm);text-align:left;cursor:pointer;width:100%;height:36px;color:var(--krux-fg,#e4e4e7);transition:background .14s var(--krux-mg-ease-out), color .14s var(--krux-mg-ease-out), border-color .14s var(--krux-mg-ease-out), box-shadow .14s var(--krux-mg-ease-out);background:0 0;border:1px solid #0000;align-items:center;gap:10px;margin:1px 6px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.krux-palette__item[data-active],.krux-palette__item:hover{background:color-mix(in srgb, var(--krux-fg,#e4e4e7) 10%, transparent);color:var(--krux-fg-bright,#fafaf9);border-color:#ffffff0f;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0003,0 1px 2px #00000040}.krux-palette__item:focus-visible{outline:2px solid color-mix(in srgb, var(--krux-fg-bright,#fafaf9) 80%, transparent);outline-offset:-2px}.krux-palette__icon{width:18px;height:18px;color:var(--krux-fg-mid,#a1a1aa);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.krux-palette__label{white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.krux-palette__hint{color:var(--krux-fg-dim,#71717a);font-size:11px}.krux-palette__shortcut{font-family:var(--krux-cx-font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--krux-fg-dim,#71717a);border:1px solid color-mix(in srgb, var(--krux-cx-amber) 24%, transparent);border-radius:4px;padding:2px 6px;font-size:11px}.krux-palette__empty{text-align:center;color:var(--krux-fg-dim,#71717a);padding:24px 18px;font-size:13px}