:root{--kit-font-sans: Inter, system-ui, -apple-system, "SF Pro Text", "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", sans-serif;--kit-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--kit-surface: #ffffff;--kit-surface-muted: #fafaf9;--kit-canvas: #f6f5f4;--kit-text: #1a1a1a;--kit-text-muted: #5d5b54;--kit-border: #e5e3df;--kit-primary: #5645d4;--kit-primary-text: #ffffff;--kit-primary-soft: rgba(86, 69, 212, .1);--kit-danger: #e03131;--kit-radius-control: 8px;--kit-radius-card: 12px;--kit-shadow-card: 0 1px 2px rgba(15, 15, 15, .06), 0 4px 16px rgba(15, 15, 15, .06);--kit-meter-bg: #e9e8e4;--kit-meter-ok: #2f9e44;--kit-meter-ok-high: #40c057;--kit-meter-warn: #e8a200;--kit-meter-clip: #e03131;--kui-bar-height: 36px;--kui-ribbon-row: 24px;--kui-tab-underline: 2px;--kui-tab-selected-weight: 600;--kui-hover: color-mix(in srgb, var(--kit-text) 7%, transparent);--kui-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d5b54' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--kui-success: #18794e;--kui-warning: #ad5700;--kui-chart-1: #5645d4;--kui-chart-2: #0d74ce;--kui-chart-3: #18794e;--kui-chart-4: #ad5700;--kui-chart-5: #ce2c31;--kui-chart-6: #8145b5}:root[data-color-scheme=dark]{--kit-meter-bg: #000000;--kit-meter-ok: #579f51;--kit-meter-ok-high: #70dc5d;--kit-meter-warn: #f0f04f;--kit-meter-clip: #e34850;--kui-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9a7a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--kui-success: #3dd68c;--kui-warning: #ffca16;--kui-chart-1: #8b7ff0;--kui-chart-2: #70b8ff;--kui-chart-3: #3dd68c;--kui-chart-4: #ffca16;--kui-chart-5: #ff9592;--kui-chart-6: #d19dff}.kui-scrollbar{position:relative;flex:none;width:14px;min-height:0;background:var(--kit-surface-muted);touch-action:none;-webkit-user-select:none;user-select:none}.kui-scrollbar[aria-orientation=horizontal]{width:auto;height:14px;min-width:0}.kui-scrollbar-thumb{position:absolute;left:3px;width:8px;border-radius:var(--kit-radius-control);background:var(--kit-text-muted);opacity:.45}.kui-scrollbar[aria-orientation=horizontal] .kui-scrollbar-thumb{top:3px;height:8px}.kui-scrollbar:hover .kui-scrollbar-thumb,.kui-scrollbar:focus-visible .kui-scrollbar-thumb{opacity:.8}.kui-scrollbar:focus-visible{outline:1px solid var(--kit-primary);outline-offset:-1px}.kui-scrollbar[aria-disabled=true] .kui-scrollbar-thumb{display:none}button,input,select,textarea{font:inherit;color:inherit}.kui-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 12px;border:1px solid var(--kit-border);border-radius:var(--kit-radius-control);background:var(--kit-surface);cursor:pointer;white-space:nowrap}.kui-button:hover:not(:disabled){background:var(--kit-surface-muted)}a.kui-button{box-sizing:border-box;color:var(--kit-text);text-decoration:none}.kui-button[data-variant=primary]{border-color:var(--kit-primary);background:var(--kit-primary);color:var(--kit-primary-text)}.kui-button[data-variant=primary]:hover:not(:disabled){filter:brightness(.94);background:var(--kit-primary)}.kui-button[data-variant=ghost]{border-color:transparent;background:transparent}.kui-button:disabled,.kui-ribbon-button:disabled,.kui-icon-button:disabled{opacity:.4;cursor:default}.kui-icon-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:var(--kit-radius-control);background:transparent;cursor:pointer}.kui-icon-button:hover:not(:disabled){background:var(--kui-hover)}.kui-icon-button[aria-pressed=true],.kui-icon-button[aria-pressed=true]:hover:not(:disabled){background:var(--kit-primary-soft)}.kui-icon-button[aria-pressed=true]{color:var(--kit-primary)}:focus-visible{outline:2px solid var(--kit-primary);outline-offset:1px}.kui-field{height:28px;min-width:0;padding:0 8px;border:1px solid var(--kit-border);border-radius:var(--kit-radius-control);background:var(--kit-surface);outline:none}.kui-field:focus{border-color:var(--kit-primary)}select.kui-field,select.kui-ribbon-field{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:22px;background-color:var(--kit-surface);background-image:var(--kui-select-chevron);background-repeat:no-repeat;background-position:right 6px center;background-size:12px 12px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}select.kui-field:hover:not(:disabled),select.kui-ribbon-field:hover:not(:disabled){border-color:color-mix(in srgb,var(--kit-text-muted) 45%,var(--kit-border))}select.kui-field:focus-visible,select.kui-ribbon-field:focus-visible{border-color:var(--kit-primary);outline:none;box-shadow:0 0 0 2px var(--kit-primary-soft)}select.kui-field:disabled,select.kui-ribbon-field:disabled{opacity:.5;cursor:default}.kui-number-field{display:inline-flex;align-items:stretch;height:28px;min-width:0;border:1px solid var(--kit-border);border-radius:var(--kit-radius-control);background:var(--kit-surface);overflow:hidden}.kui-number-field:has(.kui-number-field-input:focus){border-color:var(--kit-primary)}.kui-number-field-label{display:inline-flex;align-items:center;padding:0 8px;color:var(--kit-text-muted);background:var(--kit-surface-muted);cursor:ew-resize;white-space:nowrap;touch-action:none}.kui-number-field:has(input:disabled) .kui-number-field-label{color:var(--kit-text-muted);cursor:default}.kui-number-field-input{flex:1;min-width:0;height:100%;padding:0 6px;border:none;border-radius:0;background:transparent;text-align:right}.kui-number-field-input:focus{border-color:transparent}.kui-number-field-input:disabled{color:var(--kit-text-muted)}.kui-number-field-unit{display:inline-flex;align-items:center;padding-right:8px;color:var(--kit-text-muted)}.kui-slider-row{display:flex;flex-direction:column;gap:2px;min-width:0}.kui-slider-row-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.kui-slider-row-label{min-width:0;overflow:hidden;color:var(--kit-text-muted);text-overflow:ellipsis;white-space:nowrap;cursor:ew-resize;touch-action:none}.kui-slider-row .kui-number-field{flex:none;width:76px;height:24px}.kui-slider{position:relative;height:14px;margin:0 7px;cursor:pointer;touch-action:none}.kui-slider:before,.kui-slider-fill{content:"";position:absolute;top:6px;left:0;height:3px;border-radius:2px}.kui-slider:before{right:0;background:var(--kit-border)}.kui-slider-fill{background:var(--kit-primary)}.kui-slider-knob{position:absolute;top:1px;width:12px;height:12px;margin-left:-6px;border:1px solid var(--kit-border);border-radius:50%;background:var(--kit-surface);box-shadow:var(--kit-shadow-card)}.kui-slider:focus-visible{outline:none}.kui-slider:focus-visible .kui-slider-knob{border-color:var(--kit-primary)}.kui-slider-row[data-disabled=true] .kui-slider{cursor:default;opacity:.5}.kui-checkbox,.kui-choice{display:inline-flex;align-items:center;gap:6px;color:var(--kit-text);white-space:nowrap}.kui-checkbox input{margin:0;accent-color:var(--kit-primary)}.kui-checkbox[data-disabled]{color:var(--kit-text-muted)}.kui-choice>span{color:var(--kit-text-muted)}.kui-choice select{width:auto;max-width:180px;height:28px}.kui-segmented{display:inline-flex;gap:2px}.kui-bar-separator{flex:none;width:1px;height:22px;background:var(--kit-border)}.kui-hint{color:var(--kit-text-muted);font-size:12px;white-space:nowrap}.kui-overflow-strip{position:relative;min-width:0}.kui-overflow-strip:before,.kui-overflow-strip:after{content:"";position:absolute;top:0;bottom:0;z-index:1;display:none;width:48px;pointer-events:none}.kui-overflow-strip:before{left:0;background:linear-gradient(to right,var(--kui-strip-fade, var(--kit-surface)),transparent)}.kui-overflow-strip:after{right:0;background:linear-gradient(to left,var(--kui-strip-fade, var(--kit-surface)),transparent)}.kui-overflow-strip:is([data-overflow=start],[data-overflow=both]):before,.kui-overflow-strip:is([data-overflow=end],[data-overflow=both]):after{display:block}.kui-ribbon-scroll{position:absolute;top:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:20px;height:40px;margin-top:-20px;padding:0;border:1px solid var(--kit-border);border-radius:var(--kit-radius-control);background:var(--kit-surface);color:var(--kit-text-muted);cursor:pointer}.kui-ribbon-scroll:hover{color:var(--kit-text);background:var(--kit-surface-muted)}.kui-ribbon-scroll[data-side=start]{left:2px}.kui-ribbon-scroll[data-side=end]{right:2px}.kui-ribbon-group{display:flex;flex-direction:column;flex:none;padding:0 6px;border-right:1px solid var(--kit-border)}.kui-ribbon-group:last-child{border-right:0}.kui-ribbon-group-body{display:flex;align-items:flex-start;gap:2px;flex:1;min-height:0}.kui-ribbon-group-label{height:18px;font-size:11px;line-height:18px;text-align:center;color:var(--kit-text-muted);white-space:nowrap}.kui-ribbon-stack{display:grid;grid-auto-flow:column;grid-template-rows:repeat(3,var(--kui-ribbon-row));justify-items:start;align-items:center;gap:1px 4px}.kui-ribbon-row{display:flex;align-items:center;gap:2px;height:var(--kui-ribbon-row)}.kui-ribbon-button{display:inline-flex;align-items:center;gap:6px;height:var(--kui-ribbon-row);padding:0 6px;border:0;border-radius:var(--kit-radius-control);background:transparent;cursor:pointer;white-space:nowrap}.kui-ribbon-button[data-size=large]{flex-direction:column;justify-content:flex-start;gap:2px;height:64px;min-width:52px;padding:4px 6px;font-size:12px;line-height:14px;text-align:center;white-space:normal}.kui-ribbon-button[data-size=icon]{min-width:28px;padding:0 4px;justify-content:center}.kui-ribbon-button:hover:not(:disabled){background:var(--kui-hover)}.kui-ribbon-button[aria-pressed=true],.kui-ribbon-button[aria-pressed=true]:hover:not(:disabled){background:var(--kit-primary-soft);color:var(--kit-primary)}.kui-ribbon-button svg{flex:none}.kui-popover{position:fixed;z-index:50;box-sizing:border-box;min-width:180px;max-height:70vh;overflow-x:hidden;overflow-y:auto;padding:4px;border:1px solid var(--kit-border);border-radius:var(--kit-radius-card);background:var(--kit-surface);box-shadow:var(--kit-shadow-card)}.kui-popover::-webkit-scrollbar{width:8px}.kui-popover::-webkit-scrollbar-track{background:transparent}.kui-popover::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:4px;background:var(--kit-text-muted);background-clip:padding-box}.kui-menu-item{display:flex;box-sizing:border-box;align-items:center;gap:8px;width:100%;height:28px;padding:0 8px;border:0;border-radius:6px;background:transparent;text-align:left;cursor:pointer;white-space:nowrap}.kui-menu-item:hover:not(:disabled),.kui-menu-item:focus-visible,.kui-menu-item[aria-expanded=true]{background:var(--kit-primary-soft)}.kui-menu-item:disabled{opacity:.4;cursor:default}.kui-menu-item kbd{margin-left:auto;padding-left:16px;font-family:inherit;font-size:11px;color:var(--kit-text-muted)}.kui-menu-separator{height:1px;margin:4px 6px;background:var(--kit-border)}.kui-panel{display:flex;flex-direction:column;flex:none;min-height:0;background:var(--kit-surface-muted)}.kui-panel[data-side=left]{border-right:1px solid var(--kit-border)}.kui-panel[data-side=right]{border-left:1px solid var(--kit-border)}.kui-panel-header{display:flex;align-items:center;height:32px;padding:0 12px;font-size:12px;font-weight:600;color:var(--kit-text-muted)}.kui-panel-body{flex:1;min-height:0;overflow:auto}.kui-status-bar{display:flex;align-items:center;gap:12px;flex:none;height:28px;padding:0 12px;border-top:1px solid var(--kit-border);background:var(--kit-surface-muted);font-size:12px;color:var(--kit-text-muted)}.kui-status-spacer{flex:1}.kui-zoom{display:flex;align-items:center;gap:6px}.kui-zoom input[type=range]{width:110px;accent-color:var(--kit-primary)}.kui-zoom-value{min-width:40px;text-align:right;font-variant-numeric:tabular-nums}.kui-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#0f0f0f33}.kui-dialog{display:flex;flex-direction:column;min-width:320px;max-width:min(560px,90vw);max-height:85vh;padding:20px;border-radius:var(--kit-radius-card);background:var(--kit-surface);box-shadow:var(--kit-shadow-card)}.kui-dialog h2{flex:none;margin:0 0 12px;font-size:15px}.kui-dialog-body{flex:1;min-height:0;overflow-y:auto}.kui-dialog-body details{margin-top:10px}.kui-dialog-body summary{margin-bottom:8px;color:var(--kit-text-muted);cursor:pointer}.kui-dialog-actions{flex:none;display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.kui-dialog-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;pointer-events:none}.kui-dialog-layer>.kui-dialog{border:1px solid var(--kit-border);pointer-events:auto}.kui-preview-toggle{margin-right:auto}.kui-preview-strip{display:flex;flex-direction:column;gap:6px;margin-top:12px;padding:8px 10px;border:1px solid var(--kit-border);border-radius:var(--kit-radius-control);background:var(--kit-surface-muted)}.kui-preview-status{color:var(--kit-text-muted);font-size:12px}.kui-preview-status[data-status=error],.kui-dialog-notice{color:var(--kit-danger)}.kui-dialog-notice{margin-top:10px;font-size:12px}.kui-toasts{position:fixed;top:12px;left:50%;z-index:var(--kui-z-toast, 1000);display:flex;flex-direction:column;gap:8px;transform:translate(-50%)}.kui-toast{display:flex;align-items:flex-start;gap:10px;min-width:240px;max-width:420px;padding:10px 10px 10px 14px;border:1px solid var(--kit-border);border-radius:var(--kit-radius-card);background:var(--kit-surface);box-shadow:var(--kui-shadow-floating, var(--kit-shadow-card));font-size:13px;animation:kui-fade-in .15s ease-out}.kui-toast[data-level=error]{border-color:color-mix(in srgb,var(--kit-danger) 45%,var(--kit-border))}.kui-toast[data-level=error] .kui-toast-title{color:var(--kit-danger)}.kui-toast[data-level=success] .kui-toast-title{color:var(--kui-success)}.kui-toast[data-level=warning] .kui-toast-title{color:var(--kui-warning)}.kui-toast-icon{flex:none;margin-top:1px}.kui-toast-text{flex:1;min-width:0}.kui-toast-title{font-weight:500}.kui-toast-action{flex:none;height:26px;padding:0 10px;border:1px solid var(--kit-border);border-radius:var(--kit-radius-control);background:var(--kit-surface);color:var(--kit-text);font-size:12px;font-weight:500;cursor:pointer}.kui-toast-action:hover{background:var(--kui-hover)}.kui-toast-close{display:inline-flex;flex:none;padding:4px;border:0;border-radius:var(--kit-radius-control);background:transparent;color:var(--kit-text-muted);cursor:pointer}.kui-toast-close:hover{background:var(--kui-hover);color:var(--kit-text)}.kui-toast-description{margin-top:2px;color:var(--kit-text-muted);font-size:12px}.kui-color-grid{display:grid;grid-template-columns:repeat(10,18px);gap:3px;padding:6px}.kui-swatch{width:18px;height:18px;padding:0;border:1px solid var(--kit-border);border-radius:4px;cursor:pointer}.kui-swatch:hover{outline:2px solid var(--kit-primary);outline-offset:1px}.kui-table-picker{padding:6px}.kui-table-picker-label{margin-bottom:6px;font-size:12px;color:var(--kit-text-muted)}.kui-table-picker-grid{display:grid;gap:2px}.kui-table-picker-cell{width:16px;height:16px;padding:0;border:1px solid var(--kit-border);border-radius:2px;background:var(--kit-surface);cursor:pointer}.kui-table-picker-cell[data-on=true]{border-color:var(--kit-primary);background:var(--kit-primary-soft)}.kui-line-group{display:flex;align-items:center;flex:none;gap:2px;padding:0 6px;border-right:1px solid var(--kit-border)}.kui-line-group:last-child{border-right:0}.kui-line-inline{display:flex;align-items:center;gap:2px}.kui-line-inline[hidden]{display:none}.kui-line-contents,.kui-ribbon-item{display:contents}.kui-line-inline :is(button,select,input,label):not([data-primary],[data-primary] *){display:none}.kui-line-more{display:inline-flex;align-items:center;justify-content:center;width:18px;height:28px;padding:0;border:0;border-radius:var(--kit-radius-control);background:transparent;color:var(--kit-text-muted);cursor:pointer}.kui-line-more:hover,.kui-line-more[aria-expanded=true],.kui-line-collapsed[aria-expanded=true]{background:var(--kui-hover);color:var(--kit-text)}.kui-drop-panel{position:fixed;min-width:0;max-width:calc(100vw - 8px);padding:4px 8px 0;overflow-x:auto}.kui-drop-panel:focus{outline:none}.kui-line-popover .kui-ribbon-group{height:90px;border-right:0}.kui-ribbon-group-collapsed{justify-content:center}.kui-ribbon-group-collapsed[aria-expanded=true],.kui-ribbon-group-collapsed .kui-ribbon-button[aria-expanded=true]{background:var(--kui-hover)}.kui-dock{display:flex;flex-direction:column;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;background:var(--kit-surface)}.kui-dock-group{position:relative;display:flex;flex-direction:column;min-height:0;overflow:hidden;border-bottom:1px solid var(--kit-border)}.kui-dock-strip{display:flex;align-items:center;flex:0 0 auto;gap:2px;height:28px;padding:0 4px;background:var(--kit-surface-muted);border-bottom:1px solid var(--kit-border)}.kui-dock-tabs{display:flex;flex:1 1 auto;gap:2px;min-width:0;align-self:stretch;overflow:hidden}.kui-dock-tab{flex:0 0 auto;align-self:stretch;border:0;border-bottom:var(--kui-tab-underline) solid transparent;background:transparent;padding:0 8px;font-size:12px;color:var(--kit-text-muted);cursor:pointer}.kui-dock-tab:hover{color:var(--kit-text)}.kui-dock-tab[aria-selected=true]{border-bottom-color:var(--kit-text);color:var(--kit-text);font-weight:var(--kui-tab-selected-weight)}.kui-dock-body{flex:1 1 auto;min-height:0;overflow:auto}.kui-dock-handle{position:absolute;left:0;right:0;bottom:-3px;height:6px;cursor:row-resize;z-index:1}.kui-dock-handle:hover,.kui-dock-handle:focus-visible{background:var(--kit-primary-soft);outline:none}.kui-floating-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;overflow:hidden;pointer-events:none}.kui-floating-panel{position:absolute;box-sizing:border-box;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;pointer-events:auto;background:var(--kit-surface);border:1px solid var(--kit-border);border-radius:var(--kit-radius-card);box-shadow:var(--kit-shadow-card)}.kui-floating-title{display:flex;align-items:center;flex:0 0 auto;gap:4px;height:28px;padding:0 4px 0 10px;background:var(--kit-surface-muted);border-bottom:1px solid var(--kit-border);color:var(--kit-text-muted);font-weight:600;cursor:move;touch-action:none}.kui-floating-panel:focus{outline:none}.kui-floating-panel[data-focused=true]{border-color:var(--kit-primary)}.kui-floating-panel[data-focused=true] .kui-floating-title{color:var(--kit-text)}.kui-floating-title-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kui-floating-body{position:relative;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}.kui-floating-resize{position:absolute;z-index:2;touch-action:none}.kui-floating-resize[data-edge=n],.kui-floating-resize[data-edge=s]{left:10px;right:10px;height:5px;cursor:ns-resize}.kui-floating-resize[data-edge=e],.kui-floating-resize[data-edge=w]{top:10px;bottom:10px;width:5px;cursor:ew-resize}.kui-floating-resize[data-edge=n],.kui-floating-resize[data-edge=ne],.kui-floating-resize[data-edge=nw]{top:0}.kui-floating-resize[data-edge=s],.kui-floating-resize[data-edge=se],.kui-floating-resize[data-edge=sw]{bottom:0}.kui-floating-resize[data-edge=e],.kui-floating-resize[data-edge=ne],.kui-floating-resize[data-edge=se]{right:0}.kui-floating-resize[data-edge=w],.kui-floating-resize[data-edge=nw],.kui-floating-resize[data-edge=sw]{left:0}.kui-floating-resize[data-edge=ne],.kui-floating-resize[data-edge=nw],.kui-floating-resize[data-edge=se],.kui-floating-resize[data-edge=sw]{width:10px;height:10px}.kui-floating-resize[data-edge=nw],.kui-floating-resize[data-edge=se]{cursor:nwse-resize}.kui-floating-resize[data-edge=ne],.kui-floating-resize[data-edge=sw]{cursor:nesw-resize}.kui-floating-resize[data-edge=se]{width:14px;height:14px;background:linear-gradient(135deg,transparent 0 55%,var(--kit-text-muted) 55% 62%,transparent 62% 75%,var(--kit-text-muted) 75% 82%,transparent 82%);opacity:.6}.kui-floating-resize[data-edge=se]:hover{opacity:1}.kui-workspace{position:relative;flex:1 1 auto;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:var(--kit-canvas)}.kui-ws-frame{position:absolute;box-sizing:border-box;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:var(--kit-surface);border:1px solid var(--kit-border);border-radius:var(--kit-radius-card)}.kui-ws-frame[data-focused=true]{border-color:var(--kit-primary)}.kui-ws-grip{display:flex;flex:0 0 8px;align-items:center;justify-content:center;gap:3px}.kui-ws-grip>span{width:2px;height:2px;border-radius:50%;background:var(--kit-text-muted)}.kui-ws-strip{position:relative;display:flex;flex:0 0 32px;align-items:stretch;box-sizing:border-box;width:100%;min-width:0;padding:0 4px;overflow:hidden}.kui-ws-tabs{display:flex;flex:1 1 auto;min-width:0;gap:8px;overflow:hidden}.kui-ws-tab{position:relative;display:flex;flex:0 0 auto;align-items:center;height:100%;padding:0 8px;border:0;background:transparent;font-size:12px;white-space:nowrap;color:var(--kit-text-muted);cursor:pointer}.kui-ws-tab[aria-selected=true]{padding-right:28px;color:var(--kit-text);font-weight:var(--kui-tab-selected-weight)}.kui-ws-tab[aria-selected=true]:after{content:"";position:absolute;left:8px;right:4px;bottom:0;height:var(--kui-tab-underline);background:var(--kit-text)}.kui-ws-tab:hover{color:var(--kit-text)}.kui-ws-tab-spacer{display:inline-block;height:1px}.kui-ws-tab-overlay{position:absolute;top:0;bottom:0;display:inline-flex;align-items:center;font-size:12px;white-space:nowrap}.kui-ws-tab:focus-visible,.kui-ws-menu-button:focus-visible,.kui-ws-gutter:focus-visible{outline:2px solid var(--kit-primary);outline-offset:-2px}.kui-ws-menu-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;align-self:center;width:20px;height:20px;padding:0;border:0;border-radius:var(--kit-radius-control);background:transparent;color:var(--kit-text-muted);cursor:pointer}.kui-ws-panel-menu{position:absolute;top:6px}.kui-ws-menu-button:hover,.kui-ws-menu-button[aria-expanded=true]{color:var(--kit-text);background:var(--kit-primary-soft)}.kui-ws-body{position:relative;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden}.kui-ws-gutter{position:absolute;z-index:1;box-sizing:content-box;background-clip:content-box}.kui-ws-gutter[data-split=row]{margin-left:-3px;padding:0 3px;cursor:col-resize}.kui-ws-gutter[data-split=column]{margin-top:-3px;padding:3px 0;cursor:row-resize}.kui-ws-gutter:hover,.kui-ws-gutter:active{background-color:var(--kit-primary-soft)}.kui-thumbnail{display:inline-flex;align-items:center;justify-content:center;flex:none}.kui-thumbnail canvas{display:block;background:repeating-conic-gradient(var(--kit-border) 0 25%,var(--kit-surface) 0 50%) 0 0 / 8px 8px;box-shadow:0 0 0 1px var(--kit-border)}.kui-eye{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;border-radius:var(--kit-radius-control);background:transparent;color:var(--kit-text);cursor:pointer;touch-action:none}.kui-eye:hover{background:var(--kit-primary-soft)}.kui-rename{flex:1;min-width:40px;height:22px;padding:0 4px;border:1px solid var(--kit-primary);border-radius:var(--kit-radius-control);background:var(--kit-surface);color:var(--kit-text);font:inherit;outline:none}.kui-panel-footer{display:flex;align-items:center;justify-content:space-between;flex:none;gap:2px;padding:2px 4px;border-top:1px solid var(--kit-border)}.kui-panel-footer-group{display:inline-flex;align-items:center;gap:2px}.kui-element{display:contents;border:0;margin:0;padding:0;min-width:0}.kui-ribbon-group[data-kit-ui-id]:not(:has(button,input,select,textarea)){display:none}.kui-popover>.kui-menu-separator:first-child,.kui-popover>.kui-menu-separator:last-child,.kui-popover>.kui-menu-separator+.kui-menu-separator{display:none}.kui-histogram{display:block;width:100%;border:1px solid var(--kit-border);border-radius:var(--kit-radius-control);background:var(--kit-surface-muted);color:var(--kit-text-muted)}.kui-color-picker{display:flex;flex-direction:column;gap:10px}.kui-color-picker-top{display:flex;gap:8px}.kui-color-picker-square{position:relative;flex:1;height:160px;min-width:0;border:1px solid var(--kit-border);border-radius:var(--kit-radius-control);background-color:hsl(var(--kui-color-picker-hue) 100% 50%);background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent);cursor:crosshair;touch-action:none}.kui-color-picker-knob{position:absolute;width:10px;height:10px;margin:-5px;border:1.5px solid;border-radius:50%;pointer-events:none}.kui-color-picker-hue{position:relative;flex:none;width:18px;height:160px;border:1px solid var(--kit-border);border-radius:var(--kit-radius-control);background-image:linear-gradient(to bottom,red,#f0f,#00f,#0ff,#0f0,#ff0,red);cursor:pointer;touch-action:none}.kui-color-picker-hue-marker{position:absolute;left:-2px;right:-2px;height:3px;margin-top:-1.5px;border:1px solid var(--kit-surface);background:var(--kit-text);box-shadow:0 0 0 1px var(--kit-border);pointer-events:none}.kui-color-picker-fields{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.kui-color-picker-hex{display:inline-flex;align-items:stretch;height:28px;border:1px solid var(--kit-border);border-radius:var(--kit-radius-control);background:var(--kit-surface);overflow:hidden}.kui-color-picker-hex-prefix{display:inline-flex;align-items:center;padding:0 0 0 8px;color:var(--kit-text-muted)}.kui-color-picker-hex-input{width:72px;border:none;font-family:var(--kit-font-mono)}.kui-timecode{display:inline-flex;align-items:center;box-sizing:border-box;height:24px;min-width:0;padding:0 4px;border:1px solid transparent;border-radius:var(--kit-radius-control);color:var(--kit-text);font-family:var(--kit-font-sans);font-size:16px;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap;cursor:ew-resize;touch-action:none}.kui-timecode[data-accent=true]{color:var(--kit-primary)}.kui-timecode[data-readonly=true]{color:var(--kit-text-muted);cursor:default}.kui-timecode:hover:not([data-readonly=true]){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.kui-timecode-input{width:13ch;border-color:var(--kit-primary);background:var(--kit-surface);outline:none;cursor:text;-webkit-user-select:text;user-select:text}.kui-transport{display:flex;align-items:center;justify-content:center;gap:2px;box-sizing:border-box;width:100%;min-width:0;height:30px;padding:2px 0;overflow:hidden}.kui-transport-button{display:inline-flex;flex:none;align-items:center;justify-content:center;width:28px;height:26px;padding:0;border:0;border-radius:var(--kit-radius-control);background:transparent;color:var(--kit-text-muted);cursor:pointer}.kui-transport-button:hover:not(:disabled){background:var(--kit-primary-soft);color:var(--kit-text)}.kui-transport-button[aria-pressed=true]{color:var(--kit-primary)}.kui-transport-button:disabled{opacity:.4;cursor:default}.kui-meter{position:relative;box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.kui-meter-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.kui-keyframe-lane{position:relative;box-sizing:border-box;width:100%;height:22px;min-width:0;overflow:visible;outline:none;touch-action:none}.kui-keyframe-lane:focus-visible{box-shadow:inset 0 0 0 1px var(--kit-primary)}.kui-keyframe{position:absolute;top:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;cursor:ew-resize}.kui-keyframe:before{content:"";position:absolute;background:var(--kit-text-muted)}.kui-keyframe[aria-selected=true]:before{background:var(--kit-primary)}.kui-keyframe[data-shape=diamond]:before{top:3px;right:3px;bottom:3px;left:3px;transform:rotate(45deg)}.kui-keyframe[data-shape=square]:before{top:2.5px;right:2.5px;bottom:2.5px;left:2.5px}.kui-keyframe[data-shape=circle]:before{top:2px;right:2px;bottom:2px;left:2px;border-radius:50%}.kui-hot-number{display:inline-flex;align-items:center;min-width:0;height:20px}.kui-hot-number-value{padding:0 2px;color:var(--kit-primary);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-bottom:1px solid transparent}.kui-hot-number-value:hover{border-bottom-color:currentColor}.kui-hot-number-value:focus-visible{outline:2px solid var(--kit-primary);outline-offset:1px;border-radius:2px}.kui-hot-number[data-disabled] .kui-hot-number-value{color:var(--kit-text-muted);cursor:default}.kui-hot-number-input{width:64px;height:20px;padding:0 4px}.kui-gradient-slider{display:flex;align-items:center;gap:8px;height:26px;min-width:0}.kui-gradient-slider-label{flex:0 0 104px;min-width:0;overflow:hidden;color:var(--kit-text-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.kui-gradient-slider-track{position:relative;flex:1 1 auto;min-width:24px;height:26px;margin:0 6px;cursor:pointer;touch-action:none}.kui-gradient-slider-track:before{content:"";position:absolute;top:50%;right:0;left:0;height:2px;margin-top:-1px;background:var(--kit-border)}.kui-gradient-slider-track[data-gradient]:before{height:4px;margin-top:-2px;border-radius:2px;background:var(--kui-gradient-slider-track)}.kui-gradient-slider-knob{position:absolute;top:50%;box-sizing:border-box;width:10px;height:10px;margin:-5px 0 0 -5px;border:1.5px solid var(--kit-text-muted);border-radius:50%;background:var(--kit-surface)}.kui-gradient-slider-track:focus-visible{outline:2px solid var(--kit-primary);outline-offset:2px;border-radius:2px}.kui-gradient-slider-track[data-dragging] .kui-gradient-slider-knob,.kui-gradient-slider-track:focus-visible .kui-gradient-slider-knob{border-color:var(--kit-primary)}.kui-gradient-slider-value{display:flex;flex:0 0 52px;justify-content:flex-end}.kui-gradient-slider[data-disabled] .kui-gradient-slider-track{cursor:default;opacity:.5}.kui-color-wheel{display:inline-flex;flex-direction:column;gap:4px;min-width:0}.kui-color-wheel-label{color:var(--kit-text-muted);font-size:12px}.kui-color-wheel-body{display:flex;align-items:flex-start;gap:2px}.kui-color-wheel-lightness{position:relative;flex:none;width:16px;height:calc(var(--kui-color-wheel-size) - 16px);margin:8px 0;cursor:ns-resize;touch-action:none}.kui-color-wheel-lightness:before{content:"";position:absolute;top:0;bottom:0;left:6px;width:4px;border-radius:2px;background:var(--kit-border)}.kui-color-wheel-lightness-knob{position:absolute;left:50%;box-sizing:border-box;width:8px;height:8px;margin:-4px 0 0 -4px;border:1.5px solid var(--kit-text-muted);border-radius:50%;background:var(--kit-surface)}.kui-color-wheel-wheel{position:relative;flex:none;width:var(--kui-color-wheel-size);height:var(--kui-color-wheel-size);border-radius:50%;cursor:crosshair;touch-action:none;isolation:isolate}.kui-color-wheel-wheel:before,.kui-color-wheel-wheel:after{content:"";position:absolute;border-radius:50%}.kui-color-wheel-wheel:before{top:4px;right:4px;bottom:4px;left:4px;background:var(--kui-color-wheel-ring)}.kui-color-wheel-wheel:after{top:14px;right:14px;bottom:14px;left:14px;border:1px solid var(--kit-border);background:var(--kit-surface-muted)}.kui-color-wheel-cross{position:absolute;z-index:1;top:50%;left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;background:linear-gradient(var(--kit-text-muted),var(--kit-text-muted)) center / 12px 1px no-repeat,linear-gradient(var(--kit-text-muted),var(--kit-text-muted)) center / 1px 12px no-repeat;opacity:.6;pointer-events:none}.kui-color-wheel-puck{position:absolute;z-index:2;box-sizing:border-box;width:10px;height:10px;margin:-5px 0 0 -5px;border:1.5px solid var(--kit-text);border-radius:50%;box-shadow:0 0 0 1px var(--kit-surface);pointer-events:none}.kui-color-wheel-wheel[data-dragging] .kui-color-wheel-puck{border-color:var(--kit-primary)}.kui-color-wheel-wheel:focus-visible,.kui-color-wheel-lightness:focus-visible{outline:2px solid var(--kit-primary);outline-offset:2px}.kui-color-wheel-lightness:focus-visible .kui-color-wheel-lightness-knob{border-color:var(--kit-primary)}.kui-color-wheel[data-disabled] .kui-color-wheel-body{cursor:default;opacity:.5}.kui-curve-editor{--kui-curve-color: var(--kit-text);width:100%;max-width:260px}.kui-curve-editor-plot{position:relative;box-sizing:border-box;width:100%;aspect-ratio:1;border-radius:4px;box-shadow:inset 0 0 0 1px var(--kit-border);background:var(--kit-surface-muted);cursor:crosshair;touch-action:none}.kui-curve-editor[data-kind=hue] .kui-curve-editor-plot{aspect-ratio:1 / .45}.kui-curve-editor-plot:focus-visible{outline:2px solid var(--kit-primary);outline-offset:1px}.kui-curve-editor-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.kui-curve-editor-grid line{stroke:var(--kit-border);stroke-width:1}.kui-curve-editor-line{fill:none;stroke:var(--kui-curve-color);stroke-width:1.5}.kui-curve-editor-hue{position:absolute;right:0;bottom:0;left:0;height:6px;background:linear-gradient(to right,#e61919,#e6e619,#19e619,#19e6e6,#1919e6,#e619e6,#e61919);pointer-events:none}.kui-curve-editor-point{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--kui-curve-color);pointer-events:none}.kui-curve-editor-point[data-active],.kui-curve-editor-point:focus-visible{outline:2px solid var(--kit-primary);outline-offset:1px;background:var(--kit-primary)}.kui-curve-editor[data-disabled] .kui-curve-editor-plot{cursor:default;opacity:.5}.kui-dialog h2[data-movable=true]{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.kui-button svg{flex-shrink:0;width:16px;height:16px}.kui-button[data-size=sm]{height:32px;padding:0 12px;font-size:13px;font-weight:500}.kui-button[data-size=md]{height:36px;padding:0 14px;font-size:14px;font-weight:500}.kui-button[data-size=lg]{height:40px;padding:0 18px;font-size:14px;font-weight:500}.kui-button[data-icon-only]{width:30px;padding:0}.kui-button[data-icon-only][data-size=sm]{width:32px}.kui-button[data-icon-only][data-size=md]{width:36px}.kui-button[data-icon-only][data-size=lg]{width:40px}.kui-button[data-variant=secondary]{border-color:var(--kit-border);background:var(--kit-surface)}.kui-button[data-variant=subtle]{border-color:transparent;background:var(--kit-surface-muted)}.kui-button[data-variant=subtle]:hover:not(:disabled){background:color-mix(in srgb,var(--kit-text) 8%,var(--kit-surface-muted))}.kui-button[data-variant=ghost]:hover:not(:disabled){background:var(--kui-hover)}.kui-button[data-variant=danger]{border-color:color-mix(in srgb,var(--kit-danger) 86%,#000000);background:color-mix(in srgb,var(--kit-danger) 86%,#000000);color:#fff}.kui-button[data-variant=danger]:hover:not(:disabled){filter:brightness(.94)}.kui-button[data-variant=danger-outline]{border-color:color-mix(in srgb,var(--kit-danger) 45%,var(--kit-border));background:var(--kit-surface);color:var(--kit-danger)}.kui-button[data-variant=danger-outline]:hover:not(:disabled){border-color:var(--kit-danger);background:color-mix(in srgb,var(--kit-danger) 8%,var(--kit-surface))}.kui-button[data-variant=primary]:disabled,.kui-button[data-variant=danger]:disabled{border-color:var(--kit-border);background:var(--kit-surface-muted);color:var(--kit-text-muted);filter:none;opacity:1}.kui-button[aria-busy=true]{cursor:progress}.kui-spinner{flex-shrink:0;animation:kui-spin .8s linear infinite}@keyframes kui-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.kui-spinner{animation-duration:2.4s}}.kui-input,.kui-textarea,.kui-select select{box-sizing:border-box;width:100%;min-width:0;border:1px solid var(--kui-input-border, var(--kit-border));border-radius:var(--kit-radius-control);background:var(--kit-surface);color:var(--kit-text);outline:none;transition:border-color .12s ease,box-shadow .12s ease}.kui-input,.kui-select select{height:32px;padding:0 10px}.kui-input[data-size=md],.kui-select[data-size=md] select{height:36px;padding:0 10px;font-size:14px}.kui-input[data-size=lg],.kui-select[data-size=lg] select{height:40px;padding:0 12px;font-size:14px}.kui-textarea[data-auto-size]{min-height:0;resize:none}.kui-textarea{min-height:96px;padding:8px 10px;line-height:1.5;resize:vertical}.kui-input::placeholder,.kui-textarea::placeholder{color:var(--kit-text-muted);opacity:.8}.kui-input:focus,.kui-textarea:focus,.kui-select select:focus{border-color:var(--kit-primary);box-shadow:0 0 0 3px var(--kit-primary-soft)}.kui-input[aria-invalid=true],.kui-textarea[aria-invalid=true],.kui-select select[aria-invalid=true]{border-color:var(--kit-danger)}.kui-input:disabled,.kui-textarea:disabled,.kui-select select:disabled{background:var(--kit-surface-muted);color:var(--kit-text-muted);cursor:not-allowed}.kui-password,.kui-input-affix{position:relative;display:block}.kui-input-prefix{position:absolute;top:50%;left:10px;display:inline-flex;color:var(--kit-text-muted);pointer-events:none;transform:translateY(-50%)}.kui-input-affix .kui-input{padding-left:32px}.kui-password .kui-input{padding-right:34px}.kui-password-toggle{position:absolute;top:0;right:0;bottom:0;display:inline-flex;align-items:center;justify-content:center;width:32px;border:0;background:transparent;color:var(--kit-text-muted);cursor:pointer}.kui-password-toggle:hover{color:var(--kit-text)}.kui-select{position:relative;display:block}.kui-select select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:28px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.kui-select-chevron{position:absolute;top:50%;right:8px;color:var(--kit-text-muted);pointer-events:none;transform:translateY(-50%)}.kui-form-field{display:grid;gap:6px}.kui-form-label{font-size:13px;font-weight:500}.kui-form-note{margin:0;color:var(--kit-text-muted);font-size:12px}.kui-form-field[data-invalid] .kui-form-note{color:var(--kit-danger)}.kui-card{border:1px solid var(--kit-border);border-radius:var(--kit-radius-card);background:var(--kit-surface);box-shadow:var(--kit-shadow-card)}.kui-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid var(--kit-border)}.kui-card-content{padding:16px}.kui-disclosure{border-bottom:1px solid var(--kit-border)}.kui-disclosure-trigger{display:flex;align-items:center;gap:6px;width:100%;padding:10px 0;border:0;background:transparent;color:var(--kit-text);font-weight:500;text-align:left;cursor:pointer}.kui-disclosure-chevron{color:var(--kit-text-muted);transition:transform .15s ease;transform:rotate(-90deg)}.kui-disclosure[data-open] .kui-disclosure-chevron{transform:none}.kui-disclosure-body{padding:0 0 12px 22px}.kui-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.kui-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--kui-z-modal, 100);background:#0006;animation:kui-fade-in .15s ease-out}.kui-modal{position:fixed;top:50%;left:50%;z-index:calc(var(--kui-z-modal, 100) + 1);box-sizing:border-box;display:flex;flex-direction:column;gap:16px;width:calc(100% - 32px);max-width:512px;max-height:calc(100vh - 32px);padding:24px;overflow:auto;border:1px solid var(--kit-border);border-radius:var(--kit-radius-card);background:var(--kit-surface);color:var(--kit-text);box-shadow:var(--kui-shadow-floating, 0 16px 48px rgba(15, 15, 15, .14));transform:translate(-50%,-50%);animation:kui-modal-in .18s ease-out}.kui-modal:focus{outline:none}.kui-modal[data-size=xs]{max-width:320px}.kui-modal[data-size=sm]{max-width:384px}.kui-modal[data-size=md]{max-width:448px}.kui-modal[data-size=lg]{max-width:512px}.kui-modal[data-size=xl]{max-width:576px}.kui-modal[data-size="2xl"]{max-width:672px}.kui-modal[data-size="3xl"]{max-width:768px}.kui-modal[data-size="4xl"]{max-width:896px}.kui-modal[data-size=none]{max-width:none}.kui-modal-close{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--kit-radius-control);background:transparent;color:var(--kit-text-muted);cursor:pointer}.kui-modal-close:hover{background:var(--kui-hover);color:var(--kit-text)}.kui-modal-header{display:flex;flex-direction:column;gap:6px;text-align:left}.kui-modal-title{margin:0;font-size:18px;font-weight:600;line-height:1.3}.kui-modal-description{margin:0;color:var(--kit-text-muted);font-size:14px;line-height:1.5}.kui-modal[data-fixed]{gap:0;padding:0;max-height:min(640px,80vh);overflow:hidden}.kui-modal[data-fixed]>.kui-modal-header{padding:16px;border-bottom:1px solid var(--kit-border)}.kui-modal[data-fixed]>.kui-modal-footer{padding:16px;border-top:1px solid var(--kit-border)}.kui-modal-body{display:flex;flex-direction:column;gap:16px;width:100%}.kui-modal[data-fixed]>.kui-modal-body{flex:1;min-height:0;padding:16px;overflow-y:auto}.kui-tooltip{z-index:var(--kui-z-tooltip, 9999);max-width:280px;padding:6px 8px;border-radius:calc(var(--kit-radius-control) - 2px);background:var(--kit-text);color:var(--kit-surface);font-size:12px;font-weight:500;line-height:1.4;box-shadow:var(--kui-shadow-floating, 0 16px 48px rgba(15, 15, 15, .14));animation:kui-fade-in .12s ease-out}.kui-tooltip .kui-button[data-variant=ghost]{color:inherit}.kui-tooltip .kui-button[data-variant=ghost]:hover:not(:disabled){background:color-mix(in srgb,currentColor 16%,transparent)}.kui-badge{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border:1px solid var(--kit-border);border-radius:999px;background:var(--kit-surface-muted);color:var(--kit-text);font-size:12px;font-weight:500;white-space:nowrap}.kui-modal-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}@media(max-width:767px){.kui-modal-footer{flex-direction:column-reverse}.kui-modal-footer>.kui-button{width:100%}}.kui-popover-panel{z-index:var(--kui-z-popover, 110);box-sizing:border-box;width:288px;max-width:calc(100vw - 24px);overflow:hidden;border:1px solid var(--kit-border);border-radius:var(--kit-radius-card);background:var(--kit-surface);color:var(--kit-text);box-shadow:var(--kui-shadow-floating, 0 16px 48px rgba(15, 15, 15, .14));outline:none;animation:kui-fade-in .12s ease-out}.kui-switch{position:relative;display:inline-flex;flex-shrink:0;align-items:center;width:28px;height:16px;padding:0;border:1px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--kit-text-muted) 35%,var(--kit-surface));cursor:pointer;transition:background-color .15s ease}.kui-switch[data-state=checked]{background:var(--kit-primary)}.kui-switch:disabled{cursor:not-allowed;opacity:.5}.kui-switch-thumb{display:block;width:12px;height:12px;border-radius:999px;background:var(--kit-surface);box-shadow:0 1px 2px #0f0f0f33;transform:translate(1px);transition:transform .15s ease}.kui-switch[data-state=checked] .kui-switch-thumb{background:var(--kit-primary-text);transform:translate(13px)}.kui-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--kui-z-sheet, 30);background:#0000004d;opacity:0;transition:opacity .15s ease}.kui-sheet-backdrop[data-visible]{opacity:1}.kui-sheet{position:fixed;top:0;right:0;z-index:calc(var(--kui-z-sheet, 30) + 10);display:flex;flex-direction:column;max-width:100vw;height:100%;border-left:1px solid var(--kit-border);background:var(--kit-surface);color:var(--kit-text);box-shadow:var(--kui-shadow-floating, 0 16px 48px rgba(15, 15, 15, .14));transform:translate(100%);transition:transform .2s ease-out}.kui-sheet[data-side=left]{right:auto;left:0;border-right:1px solid var(--kit-border);border-left:0;transform:translate(-100%)}.kui-sheet[data-visible]{transform:translate(0)}.kui-sheet:focus{outline:none}.kui-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-bottom:1px solid var(--kit-border)}.kui-sheet-title{flex:1;min-width:0;overflow:hidden;font-size:16px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.kui-sheet-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:var(--kit-radius-control);background:transparent;color:var(--kit-text-muted);cursor:pointer}.kui-sheet-close:hover{background:var(--kui-hover);color:var(--kit-text)}.kui-sheet-body{flex:1;min-height:0;padding:16px;overflow-y:auto;font-size:14px}.kui-sheet-footer{display:flex;flex-shrink:0;justify-content:flex-end;gap:8px;padding:16px;border-top:1px solid var(--kit-border)}.kui-command{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;border-radius:var(--kit-radius-control);background:var(--kit-surface);color:var(--kit-text)}.kui-command-input-wrap{display:flex;align-items:center;margin-top:8px;padding:6px 12px}.kui-command-list{max-height:500px;padding:6px 0;overflow-x:hidden;overflow-y:auto}.kui-command-empty{padding:24px 0;font-size:14px;text-align:center}.kui-command-group{padding:4px;overflow:hidden}.kui-command-group [cmdk-group-heading]{padding:6px 8px;color:var(--kit-text-muted);font-size:12px;font-weight:500}.kui-command-separator{height:1px;margin:0 -4px;background:var(--kit-border)}.kui-command-item{position:relative;display:flex;align-items:center;gap:8px;height:28px;margin:0 4px;padding:0 8px;border-radius:calc(var(--kit-radius-control) - 2px);font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.kui-command-item[data-selected=true]{background:var(--kit-primary-soft)}.kui-command-item[data-disabled=true]{opacity:.5;pointer-events:none}.kui-command-shortcut{margin-left:auto;color:var(--kit-text-muted);font-size:12px;letter-spacing:.1em}.kui-tag,.kui-alert{--kui-tone: var(--kit-text-muted)}.kui-tag[data-tone=info],.kui-alert[data-tone=info]{--kui-tone: var(--kit-primary)}.kui-tag[data-tone=success],.kui-alert[data-tone=success]{--kui-tone: var(--kui-success)}.kui-tag[data-tone=warning],.kui-alert[data-tone=warning]{--kui-tone: var(--kui-warning)}.kui-tag[data-tone=danger],.kui-alert[data-tone=danger]{--kui-tone: var(--kit-danger)}.kui-tag{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border:1px solid color-mix(in srgb,var(--kui-tone) 24%,transparent);border-radius:calc(var(--kit-radius-control) - 2px);background:color-mix(in srgb,var(--kui-tone) 10%,transparent);color:var(--kui-tone);font-size:12px;font-weight:500;line-height:1;white-space:nowrap}.kui-tag[data-tone=neutral]{border-color:var(--kit-border);background:var(--kit-surface-muted);color:var(--kit-text)}.kui-alert{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--kui-tone) 28%,transparent);border-radius:var(--kit-radius-control);background:color-mix(in srgb,var(--kui-tone) 8%,var(--kit-surface));color:var(--kit-text);font-size:13px}.kui-alert-icon{flex:none;margin-top:2px;color:var(--kui-tone)}.kui-alert-text{flex:1;min-width:0}.kui-alert-title{font-weight:500}.kui-alert-description{margin-top:2px;color:var(--kit-text-muted)}.kui-alert-action{flex:none}.kui-alert-close{display:inline-flex;flex:none;padding:4px;border:0;border-radius:var(--kit-radius-control);background:transparent;color:var(--kit-text-muted);cursor:pointer}.kui-alert-close:hover{background:var(--kui-hover);color:var(--kit-text)}.kui-empty,.kui-result{display:flex;flex-direction:column;align-items:center;padding:32px 16px;text-align:center}.kui-empty-image{display:inline-flex;margin-bottom:8px;color:var(--kit-text-muted);opacity:.7}.kui-empty-title{font-size:14px;font-weight:500}.kui-empty-description{max-width:420px;margin-top:4px;color:var(--kit-text-muted);font-size:13px}.kui-empty-actions,.kui-result-extra{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.kui-result{padding:48px 16px}.kui-result-icon{margin-bottom:16px;color:var(--kit-primary)}.kui-result[data-status=success] .kui-result-icon{color:var(--kui-success)}.kui-result[data-status=warning] .kui-result-icon,.kui-result[data-status=forbidden] .kui-result-icon{color:var(--kui-warning)}.kui-result[data-status=error] .kui-result-icon{color:var(--kit-danger)}.kui-result[data-status=notFound] .kui-result-icon{color:var(--kit-text-muted)}.kui-result-title{margin:0;font-size:20px;font-weight:600}.kui-result-description{max-width:480px;margin:8px 0 0;color:var(--kit-text-muted)}.kui-skeleton{display:block;max-width:100%;height:16px;border-radius:var(--kit-radius-control);background:linear-gradient(90deg,var(--kit-surface-muted) 25%,color-mix(in srgb,var(--kit-text) 6%,var(--kit-surface-muted)) 50%,var(--kit-surface-muted) 75%);background-size:200% 100%;animation:kui-shimmer 1.4s ease-in-out infinite}.kui-skeleton-lines{display:grid;gap:8px}.kui-avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:var(--kit-primary-soft);color:var(--kit-primary);font-weight:600}.kui-avatar img{width:100%;height:100%;object-fit:cover}.kui-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;color:var(--kit-text-muted);font-size:13px}.kui-breadcrumb li{display:inline-flex;align-items:center}.kui-breadcrumb li[aria-current=page]{color:var(--kit-text)}.kui-breadcrumb a{color:inherit;text-decoration:none}.kui-breadcrumb a:hover{color:var(--kit-text)}.kui-breadcrumb-separator{margin:0 6px}hr.kui-divider{height:0;margin:16px 0;border:0;border-top:1px solid var(--kit-border)}div.kui-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--kit-text-muted);font-size:12px}div.kui-divider:before,div.kui-divider:after{content:"";flex:1;border-top:1px solid var(--kit-border)}.kui-descriptions-title{margin:0 0 12px;font-size:14px;font-weight:600}.kui-descriptions dl{display:grid;gap:16px 24px;margin:0}.kui-descriptions-item{min-width:0}.kui-descriptions dt{margin-bottom:4px;color:var(--kit-text-muted);font-size:12px}.kui-descriptions dd{margin:0;overflow-wrap:anywhere}.kui-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px;padding:10px 12px;font-size:13px}.kui-pagination-range{margin-right:auto;color:var(--kit-text-muted)}.kui-pagination-step,.kui-pagination-page{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;border:1px solid transparent;border-radius:var(--kit-radius-control);background:transparent;cursor:pointer}.kui-pagination-step:hover:not(:disabled),.kui-pagination-page:hover{background:var(--kui-hover)}.kui-pagination-step:disabled{color:var(--kit-text-muted);opacity:.5;cursor:default}.kui-pagination-page[aria-current=page]{border-color:var(--kit-primary);color:var(--kit-primary);font-weight:600}.kui-pagination-gap{min-width:20px;color:var(--kit-text-muted);text-align:center}.kui-pagination .kui-select{width:auto;margin-left:8px}.kui-table{min-width:0}.kui-table-scroll{position:relative;overflow-x:auto}.kui-table table{width:100%;border-collapse:separate;border-spacing:0;table-layout:auto;font-size:13px}.kui-table caption{padding:0 0 8px;color:var(--kit-text-muted);text-align:left}.kui-table th,.kui-table td{height:44px;padding:0 12px;border-bottom:1px solid var(--kit-border);background:var(--kit-surface);text-align:left;vertical-align:middle}.kui-table[data-size=small] th,.kui-table[data-size=small] td{height:36px;padding:0 8px}.kui-table th{background:var(--kit-surface-muted);color:var(--kit-text-muted);font-size:12px;font-weight:500;white-space:nowrap}.kui-table[data-sticky] thead th{position:sticky;top:0;z-index:2}.kui-table tbody tr:hover>td{background:color-mix(in srgb,var(--kit-text) 3%,var(--kit-surface))}.kui-table .kui-table-pinned{position:sticky;z-index:1}.kui-table[data-sticky] thead th.kui-table-pinned{z-index:3}.kui-table th[data-fixed=left],.kui-table td[data-fixed=left]{box-shadow:inset -1px 0 0 var(--kit-border)}.kui-table th[data-fixed=right],.kui-table td[data-fixed=right]{box-shadow:inset 1px 0 0 var(--kit-border)}.kui-table .kui-table-ellipsis{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kui-table-empty td,.kui-table-empty:hover>td{height:auto;background:var(--kit-surface)}.kui-table-placeholder{height:120px}.kui-table-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--kit-surface) 60%,transparent)}.kui-table .kui-table-select-col{width:40px}.kui-table .kui-table-select{width:40px;padding-right:0}.kui-table .kui-table-select input{display:block;margin:0;accent-color:var(--kit-primary)}.kui-table tbody tr[data-selected]>td{background:color-mix(in srgb,var(--kit-primary) 7%,var(--kit-surface))}.kui-table .kui-table-actions{width:1%;white-space:nowrap}.kui-table-row-actions{display:flex;justify-content:flex-end;gap:2px;opacity:0}.kui-table tbody tr:hover .kui-table-row-actions,.kui-table tbody tr:focus-within .kui-table-row-actions,.kui-table tbody tr[data-selected] .kui-table-row-actions{opacity:1}@media(hover:none){.kui-table-row-actions{opacity:1}}.kui-selection-bar{position:absolute;bottom:24px;left:50%;z-index:20;display:flex;align-items:center;gap:12px;height:48px;padding:0 6px 0 16px;border-radius:var(--kit-radius-card);background:var(--kit-text);box-shadow:0 16px 48px -8px #0f0f0f66;color:var(--kit-surface);font-size:14px;font-weight:500;white-space:nowrap;transform:translate(-50%)}.kui-selection-bar-actions{display:flex;align-items:center;gap:2px}.kui-selection-bar .kui-button,.kui-selection-bar .kui-icon-button{border-color:transparent;background:transparent;color:inherit}.kui-selection-bar .kui-button:hover:not(:disabled),.kui-selection-bar .kui-icon-button:hover:not(:disabled){background:color-mix(in srgb,var(--kit-surface) 14%,transparent);color:inherit}.kui-tabs-bar{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--kit-border)}.kui-tabs-list{display:flex;flex:1;gap:20px;min-width:0;overflow-x:auto}.kui-tabs-tab{position:relative;height:40px;padding:0 2px;border:0;background:transparent;color:var(--kit-text-muted);cursor:pointer;white-space:nowrap}.kui-tabs-tab:hover:not(:disabled){color:var(--kit-text)}.kui-tabs-tab[aria-selected=true]{color:var(--kit-text);font-weight:var(--kui-tab-selected-weight)}.kui-tabs-tab[aria-selected=true]:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:var(--kui-tab-underline);background:var(--kit-primary)}.kui-tabs-tab:disabled{opacity:.5;cursor:default}.kui-tabs-tab:focus-visible{outline:2px solid var(--kit-primary);outline-offset:-2px}.kui-tabs-panel{padding-top:16px}.kui-nav ul{display:grid;gap:2px;margin:0;padding:0;list-style:none}.kui-nav-group+.kui-nav-group,.kui-nav>ul>li:not(.kui-nav-group)+.kui-nav-group{margin-top:12px}.kui-nav-heading{padding:4px 10px;color:var(--kit-text-muted);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.kui-nav-item{display:flex;align-items:center;gap:10px;height:32px;padding:0 10px;border-radius:var(--kit-radius-control);color:var(--kit-text-muted);font-size:13px;text-decoration:none}.kui-nav-item:hover{background:var(--kui-hover);color:var(--kit-text)}.kui-nav-item[aria-current=page]{background:var(--kit-primary-soft);color:var(--kit-primary);font-weight:500}.kui-nav-item svg{flex:none}.kui-nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kui-nav-badge{color:var(--kit-text-muted);font-size:12px}.kui-nav[data-collapsed] .kui-nav-item{justify-content:center;padding:0}.kui-nav[data-collapsed] .kui-nav-label,.kui-nav[data-collapsed] .kui-nav-heading{display:none}.kui-app-rail{display:flex;flex-direction:column;align-items:center;gap:2px;width:72px;height:100%;padding:14px 0 16px;border-right:1px solid var(--kit-border);background:var(--kit-canvas)}.kui-app-rail ul{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.kui-app-rail-header{margin-bottom:14px}.kui-app-rail-footer{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:auto}.kui-app-rail-item{display:flex;flex-direction:column;align-items:center;gap:4px;width:60px;padding:8px 2px 6px;border-radius:var(--kit-radius-control);color:var(--kit-text-muted);font-size:11px;line-height:1.2;text-align:center;text-decoration:none}.kui-app-rail-item:hover{background:var(--kui-hover);color:var(--kit-text)}.kui-app-rail-item[aria-current=page]{background:var(--kit-surface);box-shadow:0 0 0 1px var(--kit-border);color:var(--kit-primary);font-weight:600}.kui-app-rail-icon{position:relative;display:inline-flex}.kui-app-rail-badge{position:absolute;top:-6px;left:12px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--kit-danger);color:#fff;font-size:10px;font-weight:600;line-height:16px}.kui-app-rail[data-compact]{width:56px}.kui-app-rail[data-compact] .kui-app-rail-item{width:40px;height:40px;justify-content:center;padding:0}.kui-app-rail-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kui-form{display:grid;gap:16px}.kui-form[data-layout=inline]{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.kui-form-label[data-required]:after{content:"*";margin-left:4px;color:var(--kit-danger)}.kui-number-input::-webkit-inner-spin-button{opacity:.6}.kui-date-input{color-scheme:light dark}.kui-segment-text{height:28px;padding:0 10px;border:1px solid transparent;border-radius:var(--kit-radius-control);background:transparent;color:var(--kit-text-muted);cursor:pointer}.kui-segment-text:hover:not(:disabled){background:var(--kui-hover);color:var(--kit-text)}.kui-segment-text[aria-pressed=true]{border-color:var(--kit-border);background:var(--kit-surface);color:var(--kit-text);font-weight:500;box-shadow:var(--kit-shadow-card)}.kui-segmented:has(.kui-segment-text){padding:2px;border-radius:calc(var(--kit-radius-control) + 2px);background:var(--kit-surface-muted)}.kui-popconfirm.kui-popover-panel{width:auto;max-width:320px;padding:12px}.kui-popconfirm-body{display:flex;gap:8px;font-size:13px}.kui-popconfirm-icon{flex:none;margin-top:2px;color:var(--kui-warning)}.kui-popconfirm-icon[data-danger]{color:var(--kit-danger)}.kui-popconfirm-title{font-weight:500}.kui-popconfirm-description{margin-top:2px;color:var(--kit-text-muted)}.kui-popconfirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.kui-chart{min-width:0;margin:0}.kui-chart-legend{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px;color:var(--kit-text-muted);font-size:12px}.kui-chart-legend-item,.kui-chart-readout-row{display:inline-flex;align-items:center;gap:6px}.kui-chart-swatch{width:10px;height:10px;border-radius:2px}.kui-chart-plot{position:relative;width:100%;min-width:0;overflow:hidden}.kui-chart-plot svg{display:block;overflow:visible}.kui-chart-grid line{stroke:var(--kit-border)}.kui-chart-grid text,.kui-chart-axis{fill:var(--kit-text-muted);font-size:11px}.kui-chart-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.kui-chart[data-fill]{display:flex;flex-direction:column;height:100%}.kui-chart[data-fill] .kui-chart-plot{flex:1;min-height:80px}.kui-chart-legend-below{justify-content:center;margin:8px 0 0}.kui-chart-dot{stroke:var(--kit-surface);stroke-width:1.5}.kui-chart-band{fill:color-mix(in srgb,var(--kit-text) 5%,transparent)}.kui-chart-slice{stroke:var(--kit-surface);stroke-width:1.5;transition:opacity .12s ease}.kui-chart svg:has(.kui-chart-slice[data-hovered]) .kui-chart-slice:not([data-hovered]){opacity:.55}.kui-chart-hover line{stroke:var(--kit-text-muted);stroke-dasharray:3 3}.kui-chart-hover circle{stroke:var(--kit-surface);stroke-width:2}.kui-chart-readout{position:absolute;z-index:1;min-width:160px;padding:8px 10px;border:1px solid var(--kit-border);border-radius:var(--kit-radius-control);background:var(--kit-surface);box-shadow:var(--kui-shadow-floating, 0 16px 48px rgba(15, 15, 15, .14));font-size:12px;pointer-events:none}.kui-chart-readout-title{margin-bottom:4px;font-weight:600}.kui-chart-readout-row{display:flex}.kui-chart-readout-value{margin-left:auto;padding-left:12px;font-variant-numeric:tabular-nums}.kui-chart-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--kit-text-muted)}.kui-combobox{position:relative;display:inline-flex;width:100%;min-width:0}.kui-combobox-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;width:100%;height:32px;padding:0 10px;border:1px solid var(--kui-input-border, var(--kit-border));border-radius:var(--kit-radius-control);background:var(--kit-surface);color:var(--kit-text);text-align:left;cursor:pointer}.kui-combobox[data-size=md] .kui-combobox-trigger{height:36px}.kui-combobox[data-size=lg] .kui-combobox-trigger{height:40px;padding:0 12px}.kui-combobox-trigger:focus-visible,.kui-combobox-trigger[aria-expanded=true]{border-color:var(--kit-primary);outline:none;box-shadow:0 0 0 3px var(--kit-primary-soft)}.kui-combobox-trigger:disabled{background:var(--kit-surface-muted);color:var(--kit-text-muted);cursor:not-allowed}.kui-combobox-trigger>svg{flex:none;color:var(--kit-text-muted)}.kui-combobox-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kui-combobox-placeholder{color:var(--kit-text-muted)}.kui-combobox-clear{position:absolute;top:50%;right:28px;display:inline-flex;padding:3px;border:0;border-radius:50%;background:var(--kui-hover);color:var(--kit-text-muted);cursor:pointer;transform:translateY(-50%)}.kui-combobox-panel.kui-popover-panel{width:var(--radix-popover-trigger-width);min-width:240px}.kui-combobox-panel .kui-command-input-wrap{margin-top:0;padding:8px;border-bottom:1px solid var(--kit-border)}.kui-combobox-panel .kui-command-list{max-height:280px}.kui-combobox-check{flex:none;visibility:hidden;color:var(--kit-primary)}.kui-combobox-check[data-shown]{visibility:visible}.kui-combobox-loading{display:flex;justify-content:center;padding:16px 0}@keyframes kui-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes kui-fade-in{0%{opacity:0}}@keyframes kui-modal-in{0%{opacity:0;transform:translate(-50%,-48%) scale(.98)}}@media(prefers-reduced-motion:reduce){.kui-modal,.kui-modal-overlay,.kui-popover-panel,.kui-skeleton{animation:none}}body{margin:0;background:var(--kit-surface);color:var(--kit-text);font-family:var(--kit-font-sans);font-size:14px}code,pre{font-family:var(--kit-font-mono);font-size:12px}.site{--site-header: 56px}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:28px;height:56px;padding:0 24px;background:color-mix(in srgb,var(--kit-surface) 86%,transparent);border-bottom:1px solid var(--kit-border);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px)}.site-brand{display:flex;align-items:center;gap:8px;color:var(--kit-text);text-decoration:none;font-size:15px;white-space:nowrap}.site-version{padding:1px 7px;border:1px solid var(--kit-border);border-radius:999px;color:var(--kit-text-muted);font-family:var(--kit-font-mono);font-size:11px}.site-nav{display:flex;gap:2px}.site-nav a{padding:6px 12px;border-radius:var(--kit-radius-control);color:var(--kit-text-muted);text-decoration:none;white-space:nowrap}.site-nav a:hover{background:var(--kui-hover);color:var(--kit-text)}.site-nav a[aria-current=page]{background:var(--kit-primary-soft);color:var(--kit-primary);font-weight:600}.site-tools{display:flex;align-items:center;gap:10px;margin-left:auto}.site-skin{display:inline-flex;padding:2px;border:1px solid var(--kit-border);border-radius:var(--kit-radius-control);background:var(--kit-surface-muted)}.site-skin button{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border:0;border-radius:calc(var(--kit-radius-control) - 2px);background:transparent;color:var(--kit-text-muted);font:inherit;font-size:13px;cursor:pointer}.site-skin button:hover{color:var(--kit-text)}.site-skin button[aria-pressed=true]{background:var(--kit-surface);color:var(--kit-text);font-weight:600;box-shadow:var(--kit-shadow-card)}.site-repo{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 12px;border-radius:var(--kit-radius-control);background:var(--kit-text);color:var(--kit-surface);font-weight:600;text-decoration:none;white-space:nowrap}.site-repo:hover{opacity:.88}.site-header a:focus-visible,.site-header button:focus-visible,.site-footer a:focus-visible{outline:2px solid var(--kit-primary);outline-offset:2px}@media(max-width:860px){.site{--site-header: 93px}.site-header{flex-wrap:wrap;row-gap:0;height:auto;padding:0 16px}.site-brand{flex:none;height:52px}.site-version{display:none}.site-nav{order:3;flex-basis:100%;margin:0 -16px;padding:0 12px 8px;overflow-x:auto;scrollbar-width:none}.site-nav::-webkit-scrollbar{display:none}.site-skin button span{display:none}}select,.search{height:32px;padding:0 10px;border:1px solid var(--kit-border);border-radius:var(--kit-radius-control);background:var(--kit-surface);color:var(--kit-text)}.site-footer{border-top:1px solid var(--kit-border);background:var(--kit-surface);color:var(--kit-text-muted)}.site-footer-inner{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:32px;max-width:1280px;margin:0 auto;padding:48px 24px 56px}.site-footer-brand{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:var(--kit-text);font-weight:600;font-size:15px}.site-footer-muted{margin:0;max-width:360px;line-height:1.6}.site-footer-legal{margin-top:14px;font-size:12px}.site-footer-title{margin:0 0 12px;color:var(--kit-text);font-weight:600}.site-footer ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.site-footer a{color:var(--kit-text-muted);text-decoration:none}.site-footer a:hover{color:var(--kit-text);text-decoration:underline}@media(max-width:860px){.site-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer-inner>div{grid-column:1 / -1}}.page-intro{max-width:1280px;margin:0 auto;padding:48px 32px}.page-intro h1{margin:0 0 8px;font-size:28px}.page-intro p{max-width:760px;margin:0 0 24px;color:var(--kit-text-muted);line-height:1.6}h2{margin:32px 0 12px;font-size:18px}.kit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px}.kit-tile{display:grid;justify-items:center;gap:8px;margin:0;padding:16px 8px 12px;background:var(--kit-surface);border:1px solid var(--kit-border);border-radius:var(--kit-radius-card)}.kit-tile figcaption{color:var(--kit-text-muted);font-size:12px}.toolbar{position:sticky;top:var(--site-header);z-index:5;display:flex;align-items:center;gap:16px;padding:12px 0;background:var(--kit-surface)}.toolbar label{display:flex;align-items:center;gap:8px;color:var(--kit-text-muted)}.search{flex:1;max-width:420px}.count{margin-left:auto;color:var(--kit-text-muted)}.icon-layout{display:flex;align-items:flex-start;gap:16px}.icon-grid{flex:1;display:grid;gap:8px}.icon-tile{display:grid;justify-items:center;align-content:center;gap:10px;min-height:96px;padding:12px 6px;background:var(--kit-surface);border:1px solid var(--kit-border);border-radius:var(--kit-radius-card);color:var(--kit-text);cursor:pointer}.icon-tile:hover{border-color:var(--kit-primary)}.icon-tile[aria-pressed=true]{border-color:var(--kit-primary);background:var(--kit-primary-soft);color:var(--kit-primary)}.icon-tile span{max-width:100%;overflow:hidden;color:var(--kit-text-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.empty{color:var(--kit-text-muted)}.icon-detail{position:sticky;top:116px;width:340px;max-height:calc(100vh - 140px);overflow:auto;padding:16px;background:var(--kit-surface);border:1px solid var(--kit-border);border-radius:var(--kit-radius-card);box-shadow:var(--kit-shadow-card)}.icon-detail-head{display:flex;align-items:center;justify-content:space-between}.icon-detail h3{margin:0;font-size:16px}.icon-sizes{display:flex;align-items:flex-end;gap:20px;margin:16px 0}.icon-size{display:grid;justify-items:center;gap:4px;color:var(--kit-text-muted);font-size:11px}.icon-grid-view{display:flex;justify-content:center;padding:8px;background:var(--kit-surface-muted);border-radius:var(--kit-radius-control)}.icon-facts{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:16px 0;font-size:12px}.icon-facts dt{color:var(--kit-text-muted)}.icon-facts dd{margin:0;word-break:break-word}.snippet{margin-top:10px;border:1px solid var(--kit-border);border-radius:var(--kit-radius-control)}.snippet-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 4px 10px;border-bottom:1px solid var(--kit-border);color:var(--kit-text-muted);font-size:12px}.snippet pre{margin:0;padding:10px;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.skin-card{padding:4px;border:2px solid transparent;border-radius:16px}.skin-card[data-active]{border-color:var(--kit-primary)}.skin-preview{overflow:hidden;border:1px solid;border-radius:var(--kit-radius-card)}.skin-bar{display:flex;gap:6px;padding:10px;border-bottom:1px solid}.skin-dot{width:10px;height:10px;border-radius:50%;background:var(--kit-border)}.skin-body{padding:24px}.skin-page{display:flex;align-items:center;gap:12px;padding:16px}.skin-page button{margin-left:auto;padding:6px 12px;border:0}.token-table{width:100%;border-collapse:collapse;background:var(--kit-surface);border:1px solid var(--kit-border);border-radius:var(--kit-radius-card);overflow:hidden}.token-table th,.token-table td{padding:10px 12px;border-bottom:1px solid var(--kit-border);text-align:left;vertical-align:middle}.token-table th{color:var(--kit-text-muted);font-weight:500;background:var(--kit-surface-muted)}.token-value{display:flex;align-items:center;gap:8px}.swatch,.radius,.shadow{flex:none;width:20px;height:20px;border:1px solid var(--kit-border);border-radius:6px}.radius{background:var(--kit-primary-soft);border-color:var(--kit-primary)}.shadow{background:var(--kit-surface);border:0}.demo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.demo{background:var(--kit-surface);border:1px solid var(--kit-border);border-radius:var(--kit-radius-card)}.demo header{padding:12px 16px;border-bottom:1px solid var(--kit-border)}.demo h3{margin:0;font-size:14px}.demo header p{margin:4px 0 0;color:var(--kit-text-muted);font-size:12px}.demo-body{padding:16px}.row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.status-demo{border:1px solid var(--kit-border);border-radius:var(--kit-radius-control);overflow:hidden}.ribbon-demo{display:flex;align-items:stretch;background:var(--kit-surface-muted);border:1px solid var(--kit-border);border-radius:var(--kit-radius-control);overflow-x:auto}@media(max-width:760px){.site-header{gap:12px;padding:0 12px}.site-brand span{display:none}.site-nav{overflow-x:auto;white-space:nowrap;scrollbar-width:none}.site-skin{font-size:0;gap:0}.site-skin select{font-size:13px}}.lab-style{margin-top:28px;padding:20px;background:var(--kit-surface);border:1px solid var(--kit-border);border-radius:var(--kit-radius-card)}.lab-style header h2{margin:0}.lab-style header p{margin:4px 0 16px;color:var(--kit-text-muted)}.lab-context{display:flex;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:16px}.lab-bar,.lab-rail{display:flex;gap:2px;padding:4px;background:var(--kit-surface-muted);border:1px solid var(--kit-border);border-radius:var(--kit-radius-control)}.lab-rail{flex-direction:column;flex-wrap:wrap;max-height:260px}.lab-button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;color:var(--kit-text)}.lab-button[data-active]{background:var(--kit-primary-soft);color:var(--kit-primary)}.lab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px}.lab-cell{display:grid;place-items:center;height:56px;margin:0;border-radius:8px;color:var(--kit-text);background:var(--kit-surface-muted)}.lab-tile{display:inline-grid;place-items:center;border-radius:28%;background:linear-gradient(180deg,color-mix(in srgb,var(--kit-primary) 85%,white),var(--kit-primary));color:var(--kit-primary-text);box-shadow:inset 0 1px #ffffff59,0 1px 2px #0f0f0f1f}.landing{background:var(--kit-canvas)}.landing-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--kit-border);background:var(--kit-surface)}.mosaic-wall{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;display:grid;grid-template-columns:repeat(auto-fill,34px);grid-auto-rows:34px;gap:6px;padding:8px;justify-content:center;opacity:.9;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 28%,rgba(0,0,0,.55) 62%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 28%,rgba(0,0,0,.55) 62%,#000 100%)}.mosaic-tile{display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--hue) 12%,var(--kit-surface));color:color-mix(in srgb,var(--hue) 70%,var(--kit-text));transition:background .25s ease,color .25s ease,transform .25s ease}.mosaic-tile:hover{background:var(--hue);color:#fff;transform:scale(1.12);transition-duration:.05s}.landing-hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:48px;max-width:1280px;margin:0 auto;padding:72px 24px 80px;pointer-events:none}.landing-hero-inner>*{pointer-events:auto}.landing-copy{padding:28px;margin:-28px;border-radius:16px;background:color-mix(in srgb,var(--kit-surface) 86%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.landing-kicker{margin:0 0 12px;color:var(--kit-primary);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.landing-copy h1{margin:0 0 16px;font-size:clamp(32px,4.4vw,52px);line-height:1.08;letter-spacing:-.025em}.landing-lede{margin:0 0 28px;max-width:520px;color:var(--kit-text-muted);font-size:16px;line-height:1.6}.landing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.landing-cta{display:inline-flex;align-items:center;height:44px;padding:0 18px;border-radius:8px;background:var(--kit-primary);color:var(--kit-primary-text);font-weight:500;text-decoration:none}.landing-link{color:var(--kit-text);font-weight:500;text-decoration:none}.landing-link:after{content:" →"}.landing-window-slot{display:flex;justify-content:flex-end}.mini-editor{overflow:hidden;width:100%;max-width:560px;border:1px solid var(--kit-border);border-radius:var(--kit-radius-card);background:var(--kit-surface);color:var(--kit-text);box-shadow:0 1px 2px #0f0f0f0f,0 24px 48px -16px #281e5a47;font-size:13px}.mini-titlebar{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-bottom:1px solid var(--kit-border);background:var(--kit-surface-muted);font-weight:500}.mini-ribbon{display:flex;overflow:hidden;border-bottom:1px solid var(--kit-border);background:var(--kit-surface-muted)}.mini-body{background:var(--kit-canvas)}.photo-body{display:grid;grid-template-columns:40px minmax(0,1fr) 200px;min-height:320px}.mini-rail{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;border-right:1px solid var(--kit-border);background:var(--kit-surface-muted)}.mini-canvas{margin:14px;border-radius:6px;box-shadow:var(--kit-shadow-card)}.photo-canvas{background:radial-gradient(circle at 70% 30%,#ffd9a0 0 7%,transparent 8%),linear-gradient(180deg,#6b5bd6,#c76ba8 48%,#f2a35e 60%,#2d3a63 61%,#1c2547)}.mini-panel{display:grid;align-content:start;gap:10px;padding:10px;border-left:1px solid var(--kit-border);background:var(--kit-surface)}.mini-panel-title{display:flex;align-items:center;gap:6px;font-weight:600}.mini-panel .kui-color-picker{max-width:100%}.landing-section{max-width:1280px;margin:0 auto;padding:64px 24px 16px}.landing-section h2{margin:0 0 8px;font-size:28px;letter-spacing:-.015em}.landing-section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.landing-section-head p{max-width:620px;margin:0;color:var(--kit-text-muted);line-height:1.6}.skin-switch{display:inline-flex;padding:3px;border:1px solid var(--kit-border);border-radius:10px;background:var(--kit-surface)}.skin-switch button{height:32px;padding:0 14px;border:0;border-radius:7px;background:transparent;color:var(--kit-text-muted);font:inherit;font-weight:500;cursor:pointer}.skin-switch button[aria-pressed=true]{background:var(--kit-primary);color:var(--kit-primary-text)}.kit-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:24px;border-radius:16px;background:var(--kit-canvas);transition:background .3s ease}.kit-row .mini-editor{max-width:none}.mini-sheet{width:calc(100% - 28px);margin:14px;border-collapse:collapse;background:var(--kit-surface);font-variant-numeric:tabular-nums}.mini-sheet th,.mini-sheet td{height:30px;padding:0 8px;border:1px solid var(--kit-border);text-align:right}.mini-sheet th{background:var(--kit-surface-muted);color:var(--kit-text-muted);font-weight:500;text-align:center}.mini-sheet td:first-of-type{text-align:left}.mini-sheet td[data-selected]{outline:2px solid var(--kit-primary);outline-offset:-2px;background:var(--kit-primary-soft)}.film-canvas{height:120px;background:linear-gradient(135deg,#0f2027,#2c5364 60%,#f0a35e)}.film-controls{display:grid;gap:10px;padding:0 14px 14px}.film-track{position:relative;display:flex;gap:2px;height:26px}.film-track span{display:flex;align-items:center;padding:0 6px;overflow:hidden;border-radius:4px;background:color-mix(in srgb,var(--kit-primary) 22%,var(--kit-surface));border:1px solid color-mix(in srgb,var(--kit-primary) 45%,transparent);font-size:11px;white-space:nowrap}.film-track i{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--kit-danger)}.slide-body{padding:14px}.slide-page{display:grid;align-content:center;gap:4px;aspect-ratio:16 / 9;padding:18px;border-radius:6px;background:var(--kit-surface);box-shadow:var(--kit-shadow-card)}.slide-page[data-align=center]{text-align:center}.slide-page strong{font-size:22px}.slide-page span{color:var(--kit-text-muted)}.slide-controls{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.layer-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 64px}.layer-card{display:grid;gap:8px;padding:24px;border:1px solid var(--kit-border);border-radius:var(--kit-radius-card);background:var(--kit-surface);color:var(--kit-text);text-decoration:none;transition:border-color .15s ease}.layer-card:hover{border-color:var(--kit-primary)}.layer-count{color:var(--kit-primary);font-size:32px;font-weight:700}.layer-count small{color:var(--kit-text-muted);font-size:14px;font-weight:500}.layer-card p{margin:0;color:var(--kit-text-muted);line-height:1.55}@media(max-width:1000px){.landing-hero-inner,.kit-row,.layer-cards{grid-template-columns:minmax(0,1fr)}.mosaic-wall{-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.2) 40%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.2) 40%,#000 100%)}.landing-window-slot{justify-content:center}.photo-body{grid-template-columns:40px minmax(0,1fr)}.photo-body .mini-panel{display:none}}.review-batch{margin-top:28px;padding:24px;border:1px solid var(--kit-border);border-radius:var(--kit-radius-card);background:var(--kit-surface)}.review-batch h2{margin:0 0 6px}.review-note{max-width:820px;margin:0 0 16px;color:var(--kit-text-muted);line-height:1.55}.review-group h3{margin:20px 0 10px}.review-gallery{display:flex;align-items:center;gap:12px;margin-bottom:10px}.review-gallery-title{width:56px;flex:none;color:var(--kit-text-muted);font-size:12px;font-weight:600;text-transform:uppercase}.review-ribbon{overflow-x:auto;border:1px solid var(--kit-border);border-radius:var(--kit-radius-control);background:var(--kit-surface-muted)}.review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:16px}.review-specimen{margin:0;padding:12px;border:1px solid var(--kit-border);border-radius:10px;color:var(--kit-text)}.review-sizes{display:flex;align-items:flex-end;gap:14px}.review-large{position:relative;display:inline-block;width:48px;height:48px}.review-large>svg{position:absolute;top:0;right:0;bottom:0;left:0}.review-gridlines line{stroke:var(--kit-border);stroke-width:.04}.review-gridlines rect{fill:none;stroke:color-mix(in srgb,var(--kit-primary) 45%,transparent);stroke-width:.06;stroke-dasharray:.3 .3}.review-specimen figcaption{display:grid;gap:2px;margin-top:10px;font-size:12px}.review-specimen code{color:var(--kit-text-muted);font-size:11px}.status-demo span{white-space:nowrap}.lx{--lx-ink: #0f0d1f;--lx-muted: #5b5873;--lx-line: rgba(30, 20, 80, .1);background:#fff;color:var(--lx-ink);overflow:hidden}.lx-gradient{background:linear-gradient(100deg,#5645d4 10%,#9b6bff 45%,#ff6fb1 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.lx-eyebrow{margin:0 0 10px;color:#5645d4;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.lx-hero{position:relative;padding:72px 24px 40px}.lx-aurora{position:absolute;top:-20%;right:-10%;bottom:0;left:-10%;pointer-events:none}.lx-blob{position:absolute;width:46vw;height:46vw;border-radius:50%;filter:blur(80px);opacity:.55;animation:lx-drift 22s ease-in-out infinite alternate}.lx-blob-a{top:-10%;left:8%;background:radial-gradient(circle,#b7aaff 0%,transparent 65%)}.lx-blob-b{top:4%;right:2%;background:radial-gradient(circle,#ffb8da 0%,transparent 65%);animation-duration:28s;animation-delay:-6s}.lx-blob-c{top:30%;left:36%;background:radial-gradient(circle,#a9d8ff 0%,transparent 65%);animation-duration:34s;animation-delay:-12s}.lx-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(86,69,212,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(86,69,212,.06) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 70% 55% at 50% 35%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 55% at 50% 35%,#000 20%,transparent 75%)}@keyframes lx-drift{0%{transform:translate(0) scale(1)}to{transform:translate(6vw,4vw) scale(1.15)}}.lx-hero-copy{position:relative;max-width:980px;margin:0 auto;text-align:center}.lx-pill{display:inline-flex;align-items:center;gap:8px;margin-bottom:26px;padding:6px 14px;border:1px solid var(--lx-line);border-radius:999px;background:#ffffffb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--lx-ink);font-size:13px;text-decoration:none}.lx-pill-dot{width:8px;height:8px;border-radius:50%;background:#5645d4;box-shadow:0 0 0 4px #5645d42e}.lx-title{margin:0;font-size:clamp(44px,7.4vw,96px);font-weight:700;line-height:.98;letter-spacing:-.045em}.lx-lede{max-width:660px;margin:26px auto 0;color:var(--lx-muted);font-size:18px;line-height:1.6}.lx-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:34px}.lx-cta,.lx-ghost{display:inline-flex;align-items:center;height:46px;padding:0 20px;border-radius:8px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.lx-cta{background:#5645d4;color:#fff;box-shadow:0 10px 30px -10px #5645d4b3}.lx-cta:hover{transform:translateY(-1px);box-shadow:0 14px 34px -10px #5645d4cc}.lx-ghost{border:1px solid var(--lx-line);background:#fffc;color:var(--lx-ink)}.lx-command{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 8px 0 16px;border:1px solid var(--lx-line);border-radius:8px;background:#0f0d1f;color:#e9e6ff;font-family:var(--kit-font-mono);font-size:13px;cursor:pointer}.lx-command-prompt{color:#9b8cff}.lx-command-hint{margin-left:6px;padding:4px 8px;border-radius:6px;background:#ffffff1a;font-family:var(--kit-font-sans);font-size:12px}.lx-stage{--px: 0;--py: 0;position:relative;max-width:1180px;margin:64px auto 0;padding:0 24px;perspective:1600px}.lx-stage-main{transform:rotateX(calc(4deg - var(--py) * 4deg)) rotateY(calc(var(--px) * 5deg));transform-style:preserve-3d;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.lx-window{overflow:hidden;margin:0 auto;max-width:900px;border:1px solid var(--kit-border);border-radius:14px;background:var(--kit-surface);color:var(--kit-text);box-shadow:0 2px 4px #0f0d1f0f,0 40px 80px -20px #3c28a059;font-size:13px}.lx-window-bar{display:flex;align-items:center;gap:10px;height:38px;padding:0 14px;border-bottom:1px solid var(--kit-border);background:var(--kit-surface-muted);font-weight:500}.lx-lights{display:inline-flex;gap:6px;margin-right:6px}.lx-lights i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.lx-lights i:nth-child(2){background:#febc2e}.lx-lights i:nth-child(3){background:#28c840}.lx-window-ribbon{display:flex;border-bottom:1px solid var(--kit-border);background:var(--kit-surface-muted)}.lx-window-body{display:grid;grid-template-columns:42px minmax(0,1fr) 220px;min-height:380px;background:var(--kit-canvas)}.lx-rail{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;border-right:1px solid var(--kit-border);background:var(--kit-surface-muted)}.lx-canvas{margin:18px;border-radius:8px;box-shadow:var(--kit-shadow-card);background:radial-gradient(circle at 72% 30%,#ffe1aa 0 6%,transparent 7%),linear-gradient(180deg,#5d4fe0,#c46fb0 46%,#f6a65e 58%,#2c3a66 59%,#141d3d)}.lx-panel{display:grid;align-content:start;gap:10px;padding:12px;border-left:1px solid var(--kit-border);background:var(--kit-surface)}.lx-panel-title{font-weight:600}.lx-float{--depth: 20;position:absolute;z-index:2;transform:translate3d(calc(var(--px) * var(--depth) * -1px),calc(var(--py) * var(--depth) * -1px),0);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.lx-float-inner{position:relative;padding:14px;border:1px solid var(--kit-border);border-radius:14px;background:color-mix(in srgb,var(--kit-surface) 88%,transparent);color:var(--kit-text);box-shadow:0 24px 48px -16px #281e6e59;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:lx-bob 7s ease-in-out infinite}.lx-float-label{position:absolute;top:-10px;left:12px;padding:2px 8px;border-radius:999px;background:#0f0d1f;color:#fff;font-family:var(--kit-font-mono);font-size:11px}@keyframes lx-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lx-float-wheel{top:70px;left:-10px}.lx-float-curve{bottom:-30px;left:30px}.lx-float-curve .lx-float-inner{animation-delay:-2s}.lx-float-transport{top:24px;right:-16px}.lx-float-transport .lx-float-inner{animation-delay:-4s}.lx-float-icons{bottom:-26px;right:40px}.lx-float-icons .lx-float-inner{animation-delay:-1s}.lx-transport{display:grid;gap:8px}.lx-icon-chips{display:grid;grid-template-columns:repeat(4,38px);gap:6px}.lx-chip{display:grid;place-items:center;height:38px;border-radius:10px;background:var(--kit-surface-muted)}.lx-marquee-section{padding:120px 0 40px}.lx-section-head{max-width:760px;margin:0 0 36px}.lx-section-head h2{margin:0 0 14px;font-size:clamp(32px,4.4vw,54px);line-height:1.04;letter-spacing:-.035em}.lx-section-head p{margin:0;color:var(--lx-muted);font-size:17px;line-height:1.6}.lx-center{margin-right:auto;margin-left:auto;padding:0 24px;text-align:center}.lx-marquee{display:grid;gap:12px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.lx-marquee-row{display:flex;gap:12px;width:max-content;animation:lx-scroll var(--speed) linear infinite}.lx-marquee-row.lx-reverse{animation-direction:reverse}.lx-marquee:hover .lx-marquee-row{animation-play-state:paused}@keyframes lx-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.lx-marquee-tile{display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--lx-line);border-radius:14px;background:#fff;color:var(--lx-ink);transition:transform .2s ease,background .2s ease,color .2s ease}.lx-marquee-tile:hover{transform:translateY(-3px) scale(1.08);background:#5645d4;color:#fff}.lx-section{max-width:1180px;margin:0 auto;padding:110px 24px 0}.lx-bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:210px;gap:16px}.lx-cell{position:relative;overflow:hidden;padding:22px;border:1px solid var(--lx-line);border-radius:18px;background:linear-gradient(180deg,#fff,#faf9ff);transition:transform .2s ease,box-shadow .2s ease}.lx-cell:hover{transform:translateY(-2px);box-shadow:0 24px 48px -24px #3c28a059}.lx-cell-tag{display:inline-block;margin-bottom:12px;color:#5645d4;font-family:var(--kit-font-mono);font-size:12px}.lx-cell-skin{grid-column:span 4;grid-row:span 2;display:flex;flex-direction:column;gap:18px;background:var(--kit-canvas);color:var(--kit-text);transition:background .35s ease,color .35s ease}.lx-cell-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:18px}.lx-skin-switch{display:inline-flex;padding:3px;border:1px solid var(--kit-border);border-radius:10px;background:var(--kit-surface)}.lx-skin-switch button{height:30px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:var(--kit-text-muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.lx-skin-switch button[aria-pressed=true]{background:var(--kit-primary);color:var(--kit-primary-text)}.lx-mini-ribbon{display:flex;flex-wrap:wrap;border:1px solid var(--kit-border);border-radius:10px;background:var(--kit-surface-muted)}.lx-skin-body{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:16px;flex:1;min-height:0}.lx-skin-sheet{width:100%;border-collapse:collapse;border-radius:10px;overflow:hidden;background:var(--kit-surface);font-size:13px;font-variant-numeric:tabular-nums}.lx-skin-sheet th,.lx-skin-sheet td{height:34px;padding:0 10px;border:1px solid var(--kit-border);text-align:right}.lx-skin-sheet th{background:var(--kit-surface-muted);color:var(--kit-text-muted);font-weight:500;text-align:center}.lx-skin-sheet td:first-of-type{text-align:left}.lx-skin-sheet td[data-selected]{outline:2px solid var(--kit-primary);outline-offset:-2px;background:var(--kit-primary-soft)}.lx-skin-bars{display:flex;align-items:flex-end;gap:8px;padding:14px;border:1px solid var(--kit-border);border-radius:10px;background:var(--kit-surface)}.lx-skin-bars span{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--kit-primary),color-mix(in srgb,var(--kit-primary) 45%,transparent))}.lx-cell-note{margin:auto 0 0;color:var(--kit-text-muted);line-height:1.5}.lx-cell-wheel{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column}.lx-cell-wheel>.kui-color-wheel{margin:auto;transform:scale(1.35)}.lx-cell-caption{margin:12px 0 0;color:var(--lx-muted);font-size:13px;line-height:1.5}.lx-cell-tokens,.lx-cell-code{grid-column:span 2}.lx-cell-cad{grid-column:span 2;grid-row:span 2}.lx-cell-curve{grid-column:span 2;display:flex;gap:18px}.lx-cell-curve .lx-cell-tag{writing-mode:vertical-rl;transform:rotate(180deg);margin:0}.lx-cell-transport{grid-column:span 2}.lx-swatches{display:grid;gap:12px}.lx-swatch-col{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.lx-swatch-col small{grid-column:1 / -1}.lx-swatch-col span{aspect-ratio:1;border:1px solid rgba(15,13,31,.1);border-radius:8px}.lx-swatch-col small{color:var(--lx-muted);font-size:13px}.lx-cell-code{background:#0f0d1f;color:#e9e6ff}.lx-cell-code .lx-cell-tag{color:#9b8cff}.lx-cell-code pre{margin:0;font-size:12px;line-height:1.5}.lx-tool-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:10px;height:calc(100% - 30px);--kit-icon-accent: #5645d4}.lx-tool-grid span{display:grid;place-items:center;min-height:56px;border-radius:12px;background:#f3f1ff;color:var(--lx-ink)}.lx-kits{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.lx-kits .lx-kit{width:112px}.lx-kit{display:grid;justify-items:center;gap:10px;margin:0;padding:18px 8px 14px;border:1px solid var(--lx-line);border-radius:16px;background:#fff;font-weight:500;transition:transform .2s ease,box-shadow .2s ease}.lx-kit:hover{transform:translateY(-4px);box-shadow:0 20px 40px -20px #3c28a066}.lx-closing{margin-top:120px;padding:96px 24px;background:radial-gradient(60% 120% at 20% 0%,rgba(155,107,255,.55),transparent 60%),radial-gradient(60% 120% at 90% 100%,rgba(255,111,177,.4),transparent 60%),#2a1f7a;color:#fff;text-align:center}.lx-closing h2{margin:0 0 12px;font-size:clamp(32px,4.4vw,54px);letter-spacing:-.035em}.lx-closing p{margin:0;color:#ffffffc7;font-size:17px}.lx-cta-light{background:#fff;color:#2a1f7a}.lx-cta{gap:6px}.lx-cta-outline{border:1px solid rgba(255,255,255,.28);background:#ffffff0f;box-shadow:none}.lx-cta-outline:hover{background:#ffffff1f;box-shadow:none}.lx-closing-badge{display:inline-block;margin:0 0 18px!important;padding:5px 14px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#ffffff14;font-size:13px!important}.lx-packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lx-package{display:flex;flex-direction:column;padding:24px;border:1px solid var(--lx-line);border-radius:18px;background:linear-gradient(180deg,#fff,#faf9ff);color:var(--lx-ink);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.lx-package:hover{transform:translateY(-3px);border-color:#5645d466;box-shadow:0 24px 48px -24px #3c28a059}.lx-package-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#efecff;color:#5645d4}.lx-package h3{margin:18px 0 4px;font-size:22px;letter-spacing:-.02em}.lx-package-name{color:#5645d4;font-size:12.5px}.lx-package p{margin:12px 0 16px;color:var(--lx-muted);font-size:15px;line-height:1.55}.lx-package pre{flex:1;margin:0 0 16px;padding:14px 16px;overflow-x:auto;border-radius:12px;background:#0f0d1f;color:#e9e6ff;font-size:12px;line-height:1.6}.lx-package-also{color:var(--lx-muted);font-size:12.5px}.lx-models{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:56px}.lx-models-copy h2{margin:0 0 14px;font-size:clamp(30px,3.6vw,44px);line-height:1.06;letter-spacing:-.035em}.lx-models-copy>p{margin:0;color:var(--lx-muted);font-size:17px;line-height:1.6}.lx-checks{display:grid;gap:12px;margin:24px 0 0;padding:0;list-style:none;font-size:15px;line-height:1.5}.lx-checks li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px}.lx-checks svg{width:22px;height:22px;padding:3px;box-sizing:border-box;border-radius:50%;background:#efecff;color:#5645d4}.lx-file{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#0f0d1f;color:#cfcae8;box-shadow:0 40px 80px -30px #3c28a08c}.lx-file-bar{display:flex;align-items:center;gap:10px;height:40px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.08);color:#ffffff8c;font-family:var(--kit-font-mono);font-size:12px}.lx-file pre{margin:0;padding:18px 20px 22px;font-size:12.5px;line-height:1.75;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}.lx-file pre span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lx-file-heading{color:#fff;font-weight:700}.lx-file-quote{color:#b9adff}@media(max-width:1000px){.lx-packages,.lx-models{grid-template-columns:minmax(0,1fr)}.lx-models{gap:32px}}@media(max-width:1000px){.lx-window-body{grid-template-columns:42px minmax(0,1fr)}.lx-panel,.lx-float{display:none}.lx-bento{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.lx-bento>*{grid-column:auto;grid-row:auto}}@media(prefers-reduced-motion:reduce){.lx-blob,.lx-float-inner,.lx-marquee-row{animation:none}.lx-stage-main,.lx-float{transform:none}}.lx-intro{position:relative;overflow:hidden;min-height:calc(100vh - var(--site-header));background:radial-gradient(80% 70% at 75% 45%,rgba(123,108,240,.35),transparent 60%),radial-gradient(60% 60% at 10% 100%,rgba(255,111,177,.18),transparent 60%),linear-gradient(180deg,#0d0a26,#160f3d 55%,#1d1450);color:#fff}.lx-intro:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 60% 45%,#000,transparent 80%);mask-image:radial-gradient(ellipse 80% 70% at 60% 45%,#000,transparent 80%);pointer-events:none}.lx-intro-glow{position:absolute;top:20%;right:12%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(155,107,255,.45),transparent 65%);filter:blur(40px);animation:lx-pulse 8s ease-in-out infinite;pointer-events:none}@keyframes lx-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.lx-intro-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:24px;max-width:1320px;min-height:calc(100vh - var(--site-header));margin:0 auto;padding:48px 32px}.lx-pill-dark{border-color:#ffffff29;background:#ffffff0f;color:#ffffffe6}.lx-pill-dark .lx-pill-dot{background:#ff8fc6;box-shadow:0 0 0 4px #ff8fc633,0 0 12px #ff8fc6}.lx-title-dark{color:#fff;font-size:clamp(48px,6.6vw,104px)}.lx-gradient-bright{background:linear-gradient(100deg,#b9adff,#ff8fc6 55%,#ffd29a);-webkit-background-clip:text;background-clip:text;color:transparent}.lx-lede-dark{max-width:540px;margin-left:0;color:#ffffffb8}.lx-actions-left{justify-content:flex-start}.lx-counters{display:flex;flex-wrap:wrap;gap:36px;margin:44px 0 0}.lx-counters dt{font-size:34px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.lx-counters dd{margin:2px 0 0;color:#fff9;font-size:13px}.lx-intro-art{position:relative;height:min(78vh,720px)}.lx-mosaic{display:block;width:100%;height:100%;cursor:pointer}.lx-intro-hint{position:absolute;right:0;bottom:8px;left:0;color:#ffffff73;font-size:12px;text-align:center;pointer-events:none}.lx-stage-head{margin-bottom:0}.lx-compare{position:relative;max-width:900px;margin:0 auto;border-radius:16px;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.lx-compare-layer>.lx-window{box-shadow:0 40px 80px -24px #281e6e73}.lx-compare-top{position:absolute;top:0;right:0;bottom:0;left:0}.lx-compare-handle{position:absolute;top:-14px;bottom:-14px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:0;outline:none}.lx-compare-handle i{position:absolute;top:0;bottom:0;width:2px;background:#5645d4;box-shadow:0 0 0 1px #fff9,0 0 18px #5645d499}.lx-compare-handle i:after{content:"⇆";position:absolute;top:50%;left:50%;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#5645d4;color:#fff;font-size:16px;transform:translate(-50%,-50%);box-shadow:0 8px 20px -6px #5645d4cc}.lx-compare-handle span{position:absolute;top:-10px;padding:3px 10px;border-radius:999px;background:#0f0d1f;color:#fff;font-size:12px;font-weight:600;white-space:nowrap}.lx-compare-handle span:first-child{right:12px}.lx-compare-handle span:last-child{left:12px}.js [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.js [data-reveal].is-visible{opacity:1;transform:none}@media(max-width:1000px){.lx-intro-inner{grid-template-columns:minmax(0,1fr)}.lx-intro-art{height:420px}}@media(prefers-reduced-motion:reduce){.lx-intro-glow{animation:none}.js [data-reveal]{opacity:1;transform:none}}.lx-play{position:relative;width:100%;height:100%}.lx-play[data-mode=lens] .lx-mosaic{cursor:zoom-in}.lx-play[data-mode=push] .lx-mosaic{cursor:grab}.lx-play[data-mode=paint] .lx-mosaic{cursor:crosshair}.lx-play[data-mode=explode] .lx-mosaic{cursor:pointer}.lx-play-bar{position:absolute;top:6px;left:50%;z-index:2;display:flex;align-items:center;gap:4px;padding:5px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#140e3ab8;box-shadow:0 16px 40px -16px #0009;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translate(-50%)}.lx-play-bar button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:#ffffffc7;font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease}.lx-play-bar button:hover{background:#ffffff14;color:#fff}.lx-play-bar button[aria-pressed=true]{background:linear-gradient(135deg,#7b6cf0,#c86bd8);color:#fff;box-shadow:0 6px 16px -6px #9b6bffe6}.lx-play-sep{width:1px;height:22px;margin:0 4px;background:#ffffff29}.lx-play-bar .lx-play-swatch{width:22px;height:22px;padding:0;border:2px solid rgba(255,255,255,.25);border-radius:50%}.lx-play-bar .lx-play-swatch[aria-pressed=true]{border-color:#fff;box-shadow:0 0 0 2px #ffffff59}@media(max-width:640px){.lx-play-bar span{display:none}}.site-main{max-width:none;margin:0;padding:0;overflow-x:clip;background:var(--kit-surface)}.page{max-width:1280px;margin:0 auto;padding:32px 32px 96px}.page-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--kit-border);background:radial-gradient(60% 140% at 12% 0%,color-mix(in srgb,var(--hero-a) 16%,transparent),transparent 70%),radial-gradient(50% 120% at 92% 10%,color-mix(in srgb,var(--hero-b) 13%,transparent),transparent 70%),var(--kit-surface);--hero-a: var(--kit-primary);--hero-b: var(--kit-primary)}.page-hero[data-tone=components]{--hero-b: var(--kui-chart-2, var(--kit-primary))}.page-hero[data-tone=icons]{--hero-b: var(--kui-chart-6, var(--kit-primary))}.page-hero[data-tone=tokens]{--hero-b: var(--kui-chart-4, var(--kit-primary))}.page-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(color-mix(in srgb,var(--kit-text) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--kit-text) 5%,transparent) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%);pointer-events:none}.page-hero-inner{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:20px 32px;max-width:1280px;margin:0 auto;padding:40px 32px 36px}.docs .page-hero-inner{max-width:none;padding:36px 48px 32px}.page-hero-copy{flex:1 1 520px;min-width:0}.page-hero-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:var(--kit-primary);font-size:13px;font-weight:600}.page-hero-eyebrow span{color:var(--kit-text-muted);font-weight:400}.page-hero h1{margin:0;font-size:clamp(30px,3.4vw,40px);line-height:1.1;letter-spacing:-.03em}.page-hero-lede{max-width:760px;margin-top:12px;color:var(--kit-text-muted);font-size:16px;line-height:1.6}.page-hero-lede p{margin:0}.page-hero-lede code{padding:1px 5px;border-radius:5px;background:color-mix(in srgb,var(--kit-text) 7%,transparent);font-size:13px}.page-hero-actions{display:flex;gap:8px;padding-top:26px}.page h2{margin:40px 0 16px;font-size:22px;letter-spacing:-.02em}.page>h2:first-child{margin-top:8px}.site-search{display:inline-flex;align-items:center;gap:8px;height:32px;min-width:190px;padding:0 8px 0 10px;border:1px solid var(--kit-border);border-radius:var(--kit-radius-control);background:var(--kit-surface-muted);color:var(--kit-text-muted);font:inherit;font-size:13px;cursor:pointer}.site-search:hover{border-color:color-mix(in srgb,var(--kit-primary) 45%,var(--kit-border));color:var(--kit-text)}.site-search span{flex:1;text-align:left}kbd{padding:1px 6px;border:1px solid var(--kit-border);border-radius:5px;background:var(--kit-surface);color:var(--kit-text-muted);font-family:var(--kit-font-mono);font-size:11px}@media(max-width:1080px){.site-search{min-width:0}.site-search span,.site-search kbd{display:none}}.kui-modal.palette{top:12vh;width:min(640px,calc(100% - 24px));padding:0;overflow:hidden;transform:translate(-50%)}.palette .kui-command-list{max-height:min(56vh,460px)}.palette .kui-command-item{gap:10px}.palette-title{flex:none;font-weight:500}code.palette-title{font-size:12.5px}.palette-text{flex:1;min-width:0;overflow:hidden;color:var(--kit-text-muted);font-size:12.5px;white-space:nowrap;text-overflow:ellipsis}.palette-swatch{flex:none;width:16px;height:16px;border:1px solid var(--kit-border);border-radius:5px}.palette-icons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.palette-icons .kui-command-item{flex-direction:column;gap:6px;height:auto;padding:12px 4px 8px}.palette-icons .kui-command-item span{max-width:100%;overflow:hidden;color:var(--kit-text-muted);font-size:11px;white-space:nowrap;text-overflow:ellipsis}.palette-foot{display:flex;gap:16px;padding:8px 14px;border-top:1px solid var(--kit-border);background:var(--kit-surface-muted);color:var(--kit-text-muted);font-size:12px}.palette-foot kbd{margin-right:4px}@media(max-width:560px){.palette-icons{grid-template-columns:repeat(4,minmax(0,1fr))}}.code-block{overflow:hidden;border:1px solid color-mix(in srgb,#ffffff 8%,#14112b);border-radius:12px;background:#14112b;color:#e4e1f5}.code-bar{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 8px 0 14px;border-bottom:1px solid rgba(255,255,255,.07);color:#ffffff80;font-family:var(--kit-font-mono);font-size:11.5px}.code-block pre{margin:0;padding:14px 16px 16px;overflow-x:auto;font-size:12.5px;line-height:1.65;-moz-tab-size:2;tab-size:2}.code-block code{padding:0;background:none;font-size:inherit}.code-copy{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:#fff9;font:inherit;font-family:var(--kit-font-sans);font-size:12px;cursor:pointer}.code-copy:hover{background:#ffffff1a;color:#fff}.code-comment{color:#7d789c;font-style:italic}.code-string{color:#a5e3a0}.code-keyword{color:#c4a7ff}.code-number{color:#ffb86b}.code-tag,.code-name{color:#7fd1ff}.code-call{color:#ffd580}.docs{display:grid;grid-template-columns:264px minmax(0,1fr);max-width:1520px;margin:0 auto}.docs-sidebar{position:sticky;top:var(--site-header);align-self:start;height:calc(100vh - var(--site-header));box-sizing:border-box;overflow-y:auto;padding:20px 14px 40px 20px;border-right:1px solid var(--kit-border);scrollbar-width:thin}.docs-search{width:100%;box-sizing:border-box;height:34px;margin-bottom:14px;padding:0 10px;border:1px solid var(--kit-border);border-radius:var(--kit-radius-control);background:var(--kit-surface-muted);color:var(--kit-text);font:inherit;font-size:13px}.docs-search:focus{outline:2px solid var(--kit-primary);outline-offset:-1px;background:var(--kit-surface)}.docs-group{margin-bottom:16px}.docs-group-title{display:flex;align-items:center;gap:7px;margin:0 0 4px;padding:0 10px;color:var(--kit-text-muted);font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.docs-group a{position:relative;display:block;margin-left:16px;padding:6px 10px;border-radius:var(--kit-radius-control);color:var(--kit-text-muted);font-size:14px;text-decoration:none}.docs-group a:hover{background:var(--kui-hover);color:var(--kit-text)}.docs-group a[aria-current=page]{background:var(--kit-primary-soft);color:var(--kit-primary);font-weight:600}.docs-none{padding:0 10px;color:var(--kit-text-muted)}.docs-menu-button{display:none;place-items:center;width:30px;height:30px;margin-right:2px;border:1px solid var(--kit-border);border-radius:var(--kit-radius-control);background:var(--kit-surface);color:var(--kit-text);cursor:pointer}.docs-body{min-width:0}.docs-content{display:grid;grid-template-columns:minmax(0,1fr) 208px;gap:40px;padding:0 48px}.docs-main{min-width:0;max-width:920px;padding:28px 0 96px}.docs-main p{line-height:1.65}.docs-main :not(pre)>code{padding:1px 5px;border-radius:5px;background:color-mix(in srgb,var(--kit-text) 7%,transparent);font-size:12.5px}.docs-import{display:flex;align-items:center;gap:6px;box-sizing:border-box;width:fit-content;max-width:100%;margin-top:18px;padding:4px 4px 4px 14px;border-radius:10px;background:#14112b;color:#e4e1f5}.docs-import>code{min-width:0;padding:0;overflow-x:auto;background:none;font-size:12.5px;white-space:nowrap}.docs-import .code-copy span{display:none}.docs-when{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.docs-when>div{padding:16px 20px;border:1px solid var(--kit-border);border-radius:16px;background:var(--kit-surface-muted)}.docs-when>div:first-child{border-color:color-mix(in srgb,var(--kit-primary) 30%,var(--kit-border));background:color-mix(in srgb,var(--kit-primary) 5%,var(--kit-surface))}.docs-when h3{margin:0 0 8px;font-size:14px}.docs-when ul{margin:0;padding-left:18px;color:var(--kit-text-muted);line-height:1.65}.docs-section{margin-top:44px;scroll-margin-top:calc(var(--site-header) + 16px)}.docs-section h2{margin:0 0 16px;font-size:22px;letter-spacing:-.02em}.docs-section>p{max-width:760px;margin:0 0 12px}.docs-section>.code-block{margin-top:16px}.docs-demo{margin-bottom:28px;overflow:hidden;border:1px solid var(--kit-border);border-radius:16px;background:var(--kit-surface);scroll-margin-top:calc(var(--site-header) + 16px)}.docs-demo-head{padding:14px 18px;border-bottom:1px solid var(--kit-border)}.docs-demo-head p{margin:4px 0 0;color:var(--kit-text-muted);font-size:13px;line-height:1.5}.docs-demo-stage{padding:32px 24px;background-color:var(--kit-surface-muted);background-image:radial-gradient(color-mix(in srgb,var(--kit-text) 12%,transparent) 1px,transparent 1px);background-size:16px 16px}.docs-demo-code{position:relative}.docs-demo-code .code-block{border:0;border-radius:0}.docs-demo-code[data-collapsed] .code-block pre{max-height:228px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}.docs-demo-more{display:block;width:100%;height:34px;border:0;border-top:1px solid rgba(255,255,255,.07);background:#14112b;color:#ffffffb3;font:inherit;font-size:12.5px;cursor:pointer}.docs-demo-more:hover{color:#fff}.docs-api{margin-bottom:32px;scroll-margin-top:calc(var(--site-header) + 16px)}.docs-api h3{margin:0 0 6px;font-family:var(--kit-font-mono);font-size:15px}.docs-api-desc{max-width:760px;margin:0 0 12px;color:var(--kit-text-muted)}.docs-api table{display:block;width:100%;overflow-x:auto;border:1px solid var(--kit-border);border-radius:12px;border-collapse:collapse;font-size:13.5px}.docs-api th,.docs-api td{padding:10px 14px;border-bottom:1px solid var(--kit-border);text-align:left;vertical-align:top;line-height:1.55}.docs-api tr:last-child td{border-bottom:0}.docs-api th{background:var(--kit-surface-muted);color:var(--kit-text-muted);font-size:12px;font-weight:600}.docs-api td:first-child{white-space:nowrap}.docs-api td:last-child{width:100%;min-width:240px;color:var(--kit-text-muted)}.docs-main .docs-type{background:none;color:var(--kit-primary);white-space:pre-wrap;word-break:break-word}.docs-required{margin-left:6px;padding:1px 6px;border-radius:999px;background:var(--kit-primary-soft);color:var(--kit-primary);font-size:10.5px;font-weight:600}.docs-api-note{margin:8px 0 0;color:var(--kit-text-muted);font-size:13px}.docs-pager{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:56px}.docs-pager a{display:grid;gap:2px;padding:14px 18px;border:1px solid var(--kit-border);border-radius:16px;color:var(--kit-text);font-weight:600;text-decoration:none;transition:transform .15s ease,border-color .15s ease}.docs-pager a:hover{transform:translateY(-2px);border-color:var(--kit-primary)}.docs-pager small{color:var(--kit-text-muted);font-weight:400}.docs-next{text-align:right}.docs-toc{position:sticky;top:calc(var(--site-header) + 28px);align-self:start;display:grid;gap:2px;margin-top:28px;padding-left:14px;border-left:1px solid var(--kit-border)}.docs-toc p{margin:0 0 6px;color:var(--kit-text);font-size:12px;font-weight:600}.docs-toc button{padding:4px 0;border:0;background:none;color:var(--kit-text-muted);font:inherit;font-size:13px;text-align:left;cursor:pointer}.docs-toc button:hover{color:var(--kit-primary)}@media(max-width:1180px){.docs-content{grid-template-columns:minmax(0,1fr)}.docs-toc{display:none}}@media(max-width:860px){.docs{grid-template-columns:minmax(0,1fr)}.docs-sidebar{display:none}.docs-menu-button{display:inline-grid}.docs-content,.docs .page-hero-inner,.page-hero-inner,.page{padding-right:20px;padding-left:20px}.page-hero-actions{padding-top:0}}@media(prefers-reduced-motion:reduce){.docs-pager a{transition:none}}.play{margin-bottom:32px;overflow:hidden;border:1px solid color-mix(in srgb,var(--kit-primary) 35%,var(--kit-border));border-radius:16px;background:var(--kit-surface);box-shadow:0 24px 48px -32px color-mix(in srgb,var(--kit-primary) 55%,transparent)}.play-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:6px 12px 6px 18px;border-bottom:1px solid var(--kit-border)}.play-tools{display:flex;align-items:center;gap:8px}.play-tabs{display:flex;gap:4px}.play-tabs button{height:30px;padding:0 12px;border:0;border-radius:var(--kit-radius-control);background:transparent;color:var(--kit-text-muted);font:inherit;font-family:var(--kit-font-mono);font-size:13px;cursor:pointer}.play-tabs button[aria-selected=true]{background:var(--kit-primary-soft);color:var(--kit-primary);font-weight:600}.play-reset{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--kit-border);border-radius:var(--kit-radius-control);background:var(--kit-surface);color:var(--kit-text);cursor:pointer}.play-reset:disabled{color:var(--kit-text-muted);opacity:.5;cursor:default}.play-body{display:grid;grid-template-columns:minmax(0,1fr) 250px}.play-stage{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);min-height:260px}.play-pane{position:relative;display:grid;place-items:center;min-width:0;padding:40px 24px;background-color:var(--kit-surface-muted);background-image:radial-gradient(color-mix(in srgb,var(--kit-text) 12%,transparent) 1px,transparent 1px);background-size:16px 16px}.play-pane+.play-pane{border-left:1px solid var(--kit-border)}.play-pane-name{position:absolute;top:10px;left:12px;padding:2px 8px;border:1px solid var(--kit-border);border-radius:999px;background:var(--kit-surface);color:var(--kit-text-muted);font-size:11.5px}.play-controls{display:grid;align-content:start;gap:10px;padding:14px 16px 18px;border-left:1px solid var(--kit-border)}.play-controls>p{margin:0 0 2px;color:var(--kit-text-muted);font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.play-none{color:var(--kit-text-muted);font-size:13px}.play-control{display:grid;gap:4px}.play-control[data-kind=boolean]{grid-template-columns:minmax(0,1fr) auto;align-items:center}.play-control label{font-family:var(--kit-font-mono);font-size:12.5px}.play .code-block{border:0;border-radius:0}@media(max-width:760px){.play-body{grid-template-columns:minmax(0,1fr)}.play-controls{grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--kit-border);border-left:0}.play-controls>p{grid-column:1 / -1}.play-stage[data-view=both]{grid-auto-flow:row}.play-pane+.play-pane{border-top:1px solid var(--kit-border);border-left:0}}.gallery-bar{position:sticky;top:var(--site-header);z-index:4;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:-8px -8px 0;padding:12px 8px;background:color-mix(in srgb,var(--kit-surface) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gallery-search{width:min(280px,100%);height:34px;padding:0 12px;border:1px solid var(--kit-border);border-radius:var(--kit-radius-control);background:var(--kit-surface-muted);color:var(--kit-text);font:inherit}.gallery-search:focus{outline:2px solid var(--kit-primary);outline-offset:-1px}.gallery h2{display:flex;align-items:baseline;gap:10px;margin:44px 0 6px}.gallery section:first-of-type h2{margin-top:20px}.gallery-count{color:var(--kit-text-muted);font-size:14px;font-weight:400}.gallery-note{margin:0 0 16px;color:var(--kit-text-muted)}.gallery-none{margin:48px 0;color:var(--kit-text-muted);text-align:center}.gallery-featured{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.gallery-feature{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--kit-border);border-radius:18px;background:var(--kit-surface);transition:border-color .15s ease,box-shadow .15s ease}.gallery-feature:hover{border-color:color-mix(in srgb,var(--kit-primary) 50%,var(--kit-border));box-shadow:0 24px 48px -30px color-mix(in srgb,var(--kit-primary) 60%,transparent)}.gallery-feature-stage{flex:1;display:grid;place-items:center;height:300px;box-sizing:border-box;padding:24px 16px;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--kit-primary) 9%,var(--kit-surface-muted)),var(--kit-surface-muted))}.gallery-feature-stage[data-fill]{justify-items:stretch;padding:24px 32px}.gallery-feature a,.gallery-card-text{display:grid;gap:4px;padding:14px 18px 16px;border-top:1px solid var(--kit-border);color:var(--kit-text);text-decoration:none}.gallery-feature a span,.gallery-card-text span{display:-webkit-box;overflow:hidden;color:var(--kit-text-muted);font-size:13px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.gallery-feature a:hover strong{color:var(--kit-primary)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:14px}.gallery-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--kit-border);border-radius:16px;background:var(--kit-surface);color:var(--kit-text);text-decoration:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.gallery-card:hover{transform:translateY(-2px);border-color:var(--kit-primary);box-shadow:0 20px 40px -28px color-mix(in srgb,var(--kit-primary) 60%,transparent)}.gallery-card:focus-visible,.gallery-feature a:focus-visible{outline:2px solid var(--kit-primary);outline-offset:2px}.gallery-card-stage{position:relative;height:150px;overflow:hidden;background-color:var(--kit-surface-muted);background-image:radial-gradient(color-mix(in srgb,var(--kit-text) 10%,transparent) 1px,transparent 1px);background-size:16px 16px}.gallery-card-preview{position:absolute;top:18px;left:18px;width:133%;transform:scale(.75);transform-origin:top left;pointer-events:none}.gallery-card-stage:after{content:"";position:absolute;inset:auto 0 0;height:36px;background:linear-gradient(transparent,var(--kit-surface-muted))}.gallery-card-text strong{display:flex;align-items:center;justify-content:space-between;gap:8px}.gallery-badge{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:999px;background:var(--kit-primary-soft);color:var(--kit-primary);font-size:10.5px;font-weight:600}.page-hero-eyebrow a{color:inherit;text-decoration:none}.page-hero-eyebrow a:hover{text-decoration:underline}@media(prefers-reduced-motion:reduce){.gallery-card,.gallery-feature{transition:none}}.icons-bar{position:sticky;top:var(--site-header);z-index:4;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:-8px -8px 16px;padding:12px 8px;border-bottom:1px solid var(--kit-border);background:color-mix(in srgb,var(--kit-surface) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.icons-bar-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.icons-search{flex:1 1 320px;height:40px;padding:0 14px;border:1px solid var(--kit-border);border-radius:10px;background:var(--kit-surface-muted);color:var(--kit-text);font:inherit;font-size:15px}.icons-search:focus{outline:2px solid var(--kit-primary);outline-offset:-1px;background:var(--kit-surface)}.icons-count{color:var(--kit-text-muted);font-size:13px;font-variant-numeric:tabular-nums}.icons-chips{display:flex;gap:6px;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:none}.icons-chips::-webkit-scrollbar{display:none}.icons-chips button{flex:none;height:28px;padding:0 11px;border:1px solid var(--kit-border);border-radius:999px;background:var(--kit-surface);color:var(--kit-text-muted);font:inherit;font-size:12.5px;cursor:pointer}.icons-chips button:hover{color:var(--kit-text)}.icons-chips button[aria-pressed=true]{border-color:var(--kit-primary);background:var(--kit-primary-soft);color:var(--kit-primary);font-weight:600}.icons-options{color:var(--kit-text-muted);font-size:13px}.icons-options>:last-child{margin-left:auto}.icons-stroke,.icons-accent{display:inline-flex;align-items:center;gap:8px;font-size:13px}.icons-stroke input{width:110px;accent-color:var(--kit-primary)}.icons-layout{display:flex;align-items:flex-start;gap:24px}.icons-main{flex:1;min-width:0}.icons-grid{display:grid;gap:6px}.icons-tile{display:grid;place-items:center;aspect-ratio:1;padding:0;border:1px solid transparent;border-radius:10px;background:var(--kit-surface-muted);color:var(--kit-text);cursor:pointer;transition:transform .12s ease,background .12s ease}.icons-tile:hover{transform:scale(1.12);border-color:var(--kit-border);background:var(--kit-surface);box-shadow:var(--kit-shadow-card)}.icons-tile:focus-visible{outline:2px solid var(--kit-primary);outline-offset:1px}.icons-tile[aria-pressed=true]{border-color:var(--kit-primary);background:var(--kit-primary-soft);color:var(--kit-primary)}.icons-tile[data-picked]{box-shadow:inset 0 0 0 2px var(--kit-primary)}.icons-hint,.icons-none{margin:16px 0 0;color:var(--kit-text-muted);font-size:13px}.icons-none{padding:56px 0;font-size:15px;text-align:center}.icons-none a{color:var(--kit-primary)}.icons-detail{display:grid;gap:14px;min-width:0}.icons-layout>.icons-detail{position:sticky;top:calc(var(--site-header) + 190px);flex:none;width:340px;max-height:calc(100vh - var(--site-header) - 210px);box-sizing:border-box;overflow-y:auto;padding:16px;border:1px solid var(--kit-border);border-radius:16px;background:var(--kit-surface);box-shadow:var(--kit-shadow-card);scrollbar-width:thin}.icons-detail-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.icons-detail h3{margin:0;overflow:hidden;font-family:var(--kit-font-mono);font-size:15px;text-overflow:ellipsis}.icons-detail-close{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:var(--kit-radius-control);background:transparent;color:var(--kit-text-muted);cursor:pointer}.icons-detail-close:hover{background:var(--kui-hover);color:var(--kit-text)}.kui-sheet .icons-detail-head{display:none}.icons-detail-art{display:grid;place-items:center;height:168px;border-radius:12px;background-color:var(--kit-surface-muted);color:var(--kit-text)}.icons-detail-art[data-grid]{background-image:linear-gradient(color-mix(in srgb,var(--kit-text) 9%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--kit-text) 9%,transparent) 1px,transparent 1px);background-position:center;background-size:5px 5px}.icons-detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.icons-detail-sizes{display:flex;align-items:flex-end;gap:12px}.icons-detail-uses,.icons-detail-downloads{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.icons-detail-uses{padding:10px;border:1px solid var(--kit-border);border-radius:10px;background:var(--kit-surface-muted)}.icons-detail .code-block pre{max-height:180px;white-space:pre-wrap;word-break:break-all}.icons-facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;margin:0;font-size:12.5px}.icons-facts dt{color:var(--kit-text-muted)}.icons-facts dd{margin:0;line-height:1.5}.icons-related{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.icons-related p{flex-basis:100%;margin:0 0 2px;color:var(--kit-text-muted);font-size:12.5px}.icons-related button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:8px;background:var(--kit-surface-muted);color:var(--kit-text);cursor:pointer}.icons-related button:hover{background:var(--kit-primary-soft);color:var(--kit-primary)}.icons-contexts{display:grid;gap:20px}.icons-contexts figure{display:grid;gap:8px;min-width:0;margin:0}.icons-contexts figcaption{color:var(--kit-text-muted);font-size:12.5px;font-weight:600}.icons-context-bar,.icons-context-ribbon,.icons-context-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:6px;border:1px solid var(--kit-border);border-radius:12px;background:var(--kit-surface-muted)}.icons-context-ribbon{align-items:stretch;margin-bottom:12px;padding:0}.icons-context-buttons{gap:8px;padding:12px}.icons-context-split{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px}.icons-context-rail{display:grid;gap:2px;width:max-content;padding:6px;border:1px solid var(--kit-border);border-radius:12px;background:var(--kit-surface-muted)}.icons-picked{position:sticky;bottom:16px;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:fit-content;max-width:100%;margin:24px auto 0;padding:10px 14px;border:1px solid var(--kit-border);border-radius:14px;background:var(--kit-surface);box-shadow:0 20px 48px -16px color-mix(in srgb,var(--kit-text) 35%,transparent)}.icons-picked-list{display:flex;gap:6px;color:var(--kit-text-muted)}.icons-kits{margin-top:64px}.icons-kits-note{max-width:720px;margin:0 0 16px;color:var(--kit-text-muted);line-height:1.6}.icons-kit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.icons-kit{display:flex;align-items:center;gap:12px;margin:0;padding:12px 14px;border:1px solid var(--kit-border);border-radius:14px;background:var(--kit-surface)}.icons-kit figcaption{display:grid;gap:4px;min-width:0}.icons-kit figcaption span{display:flex;align-items:center;gap:6px;color:var(--kit-text-muted)}.icons-kit code{font-size:11.5px}@media(max-width:760px){.icons-bar{position:static}.icons-options>:last-child{margin-left:0}.icons-context-split{grid-template-columns:minmax(0,1fr)}.icons-context-rail{display:flex;width:auto}}@media(prefers-reduced-motion:reduce){.icons-tile{transition:none}.icons-tile:hover{transform:none}}.workshop{display:grid;grid-template-columns:280px minmax(0,1fr);grid-template-areas:"controls preview" "checks output";gap:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--kit-primary) 35%,var(--kit-border));border-radius:18px;background:var(--kit-surface);box-shadow:0 24px 48px -32px color-mix(in srgb,var(--kit-primary) 55%,transparent)}.workshop-controls{grid-area:controls;display:grid;align-content:start;gap:16px;padding:20px;border-right:1px solid var(--kit-border)}.workshop-controls h2{margin:0;font-size:18px}.workshop-field{display:grid;gap:6px;color:var(--kit-text-muted);font-size:13px}.workshop-field input[type=range]{width:100%;accent-color:var(--kit-primary)}.workshop-color{display:flex;gap:8px}.workshop-color input[type=color]{flex:none;width:40px;height:34px;padding:2px;border:1px solid var(--kit-border);border-radius:var(--kit-radius-control);background:var(--kit-surface);cursor:pointer}.workshop-color input[type=text]{flex:1;min-width:0;height:34px;padding:0 10px;border:1px solid var(--kit-border);border-radius:var(--kit-radius-control);background:var(--kit-surface);color:var(--kit-text);font-family:var(--kit-font-mono);font-size:13px}.workshop-suggested{display:flex;flex-wrap:wrap;gap:6px}.workshop-suggested button{width:22px;height:22px;padding:0;border:2px solid var(--kit-surface);border-radius:50%;box-shadow:0 0 0 1px var(--kit-border);cursor:pointer}.workshop-suggested button[aria-pressed=true]{box-shadow:0 0 0 2px var(--kit-text)}.workshop-actions{display:flex;flex-wrap:wrap;gap:8px}.workshop-preview{grid-area:preview;display:grid;place-items:center;min-width:0;padding:28px;background-color:var(--kit-canvas);background-image:radial-gradient(color-mix(in srgb,var(--kit-text) 10%,transparent) 1px,transparent 1px);background-size:16px 16px;transition:background-color .25s ease}.workshop-checks{grid-area:checks;padding:18px 20px 20px;border-top:1px solid var(--kit-border);border-right:1px solid var(--kit-border)}.workshop-checks h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:14px}.workshop-checks ul{display:grid;gap:7px;margin:0;padding:0;list-style:none;font-size:12.5px}.workshop-checks li{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:6px;color:var(--kit-text-muted)}.workshop-checks li svg{color:var(--kui-success, var(--kit-primary))}.workshop-checks li[data-pass=false]{color:var(--kit-danger);font-weight:600}.workshop-checks li[data-pass=false] svg{color:var(--kit-danger)}.workshop-checks code{color:var(--kit-text);font-size:12px}.workshop-checks small{color:var(--kit-text-muted)}.workshop-output{grid-area:output;display:grid;align-content:start;gap:10px;min-width:0;padding:14px 16px 16px;border-top:1px solid var(--kit-border)}.workshop-output .code-block pre{max-height:232px;overflow-y:auto}.skin-editor{width:min(100%,720px);overflow:hidden;border:1px solid var(--kit-border);border-radius:var(--kit-radius-card);background:var(--kit-surface);color:var(--kit-text);box-shadow:var(--kit-shadow-card),0 30px 60px -30px #00000059;font-size:13px}.skin-editor-ribbon{display:flex;border-bottom:1px solid var(--kit-border);background:var(--kit-surface-muted)}.skin-editor-body{display:grid;grid-template-columns:42px minmax(0,1fr) 232px;min-height:250px}.skin-editor-rail{display:grid;align-content:start;justify-items:center;gap:2px;padding:8px 0;border-right:1px solid var(--kit-border);background:var(--kit-surface-muted)}.skin-editor-canvas{display:grid;place-items:center;padding:16px;background:var(--kit-canvas)}.skin-editor-card{display:grid;gap:6px;padding:16px 18px;border:1px solid var(--kit-border);border-radius:var(--kit-radius-card);background:var(--kit-surface);box-shadow:var(--kit-shadow-card)}.skin-editor-card>span{color:var(--kit-text-muted);font-size:12px}.skin-editor-panel{display:grid;align-content:start;gap:10px;padding:12px;border-left:1px solid var(--kit-border)}.skin-editor-switch{display:flex;align-items:center;gap:8px}.skin-editor-actions{display:flex;justify-content:flex-end;gap:8px}.tokens-note{max-width:760px;margin:-8px 0 16px;color:var(--kit-text-muted);line-height:1.6}.token-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:10px}.token-card{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--kit-border);border-radius:14px;background:var(--kit-surface);color:var(--kit-text);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.token-card:hover{transform:translateY(-1px);border-color:var(--kit-primary)}.token-card:focus-visible{outline:2px solid var(--kit-primary);outline-offset:2px}.token-card-art{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--kit-surface-muted);color:var(--kit-text);font-size:18px;font-weight:600}.token-swatch{width:100%;height:100%;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--kit-text) 14%,transparent);border-radius:10px}.token-radius{width:26px;height:26px;border:2px solid var(--kit-primary);border-right-color:transparent;border-bottom-color:transparent}.token-shadow{width:24px;height:24px;border-radius:6px;background:var(--kit-surface)}.token-number{font-family:var(--kit-font-mono);font-size:11px;font-weight:400}.token-card-text{display:grid;gap:2px;min-width:0}.token-card-text code{overflow:hidden;font-size:12.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.token-card-text span{overflow:hidden;color:var(--kit-text-muted);font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}.token-card-text small{overflow:hidden;color:var(--kit-text-muted);font-family:var(--kit-font-mono);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.token-card-copy{position:absolute;top:10px;right:10px;color:var(--kit-text-muted);opacity:0}.token-card:hover .token-card-copy,.token-card:focus-visible .token-card-copy{opacity:1}@media(max-width:980px){.workshop{grid-template-columns:minmax(0,1fr);grid-template-areas:"controls" "preview" "checks" "output"}.workshop-controls,.workshop-checks{border-right:0}.workshop-preview{padding:16px;border-top:1px solid var(--kit-border)}.skin-editor-body{grid-template-columns:42px minmax(0,1fr)}.skin-editor-canvas{display:none}.skin-editor-panel{border-left:0}}@media(prefers-reduced-motion:reduce){.token-card,.workshop-preview{transition:none}}.code-managers{display:flex;gap:2px}.code-managers button{height:24px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:#ffffff8c;font:inherit;cursor:pointer}.code-managers button:hover{color:#fff}.code-managers button[aria-selected=true]{background:#ffffff1f;color:#fff}.docs-starts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:4px}.docs-starts+.docs-section{margin-top:36px}.docs-starts a{display:grid;gap:4px;padding:16px 18px;border:1px solid var(--kit-border);border-radius:16px;background:var(--kit-surface);color:var(--kit-text);text-decoration:none;transition:transform .15s ease,border-color .15s ease}.docs-starts a:hover{transform:translateY(-2px);border-color:var(--kit-primary)}.docs-starts span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:6px;border-radius:10px;background:var(--kit-primary-soft);color:var(--kit-primary)}.docs-starts small{color:var(--kit-text-muted);font-size:13px;line-height:1.5}.docs-api kbd{white-space:nowrap}.docs-used p{margin:0 0 10px;color:var(--kit-text-muted)}.docs-used ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.docs-used li{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--kit-border);border-radius:999px;font-size:13px}.demo-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.demo-stack{display:grid;gap:10px;max-width:360px}.demo-target{display:grid;place-items:center;height:120px;border:2px dashed var(--kit-border);border-radius:var(--kit-radius-card);color:var(--kit-text-muted)}.demo-frame{overflow:hidden;border:1px solid var(--kit-border);border-radius:var(--kit-radius-control);background:var(--kit-surface)}.demo-pane{display:grid;place-items:center;height:100%;min-height:60px;color:var(--kit-text-muted)}.demo-ribbon{display:flex;flex-wrap:wrap;border:1px solid var(--kit-border);border-radius:var(--kit-radius-control);background:var(--kit-surface-muted)}.demo-swatch{display:grid;place-items:center;width:120px;height:120px;border-radius:var(--kit-radius-card);color:#fff;font-family:var(--kit-font-mono)}.demo-layer-row{display:flex;align-items:center;gap:8px;padding:8px 10px}