:root,:root[data-theme=latte]{color-scheme:light;--ctp-rosewater: #dc8a78;--ctp-red: #d20f39;--ctp-peach: #fe640b;--ctp-yellow: #df8e1d;--ctp-green: #40a02b;--ctp-teal: #179299;--ctp-blue: #1e66f5;--ctp-mauve: #8839ef;--ctp-lavender: #7287fd;--ctp-text: #4c4f69;--ctp-subtext-1: #5c5f77;--ctp-subtext-0: #6c6f85;--ctp-overlay-0: #9ca0b0;--ctp-surface-2: #acb0be;--ctp-surface-1: #bcc0cc;--ctp-surface-0: #ccd0da;--ctp-base: #eff1f5;--ctp-mantle: #e6e9ef;--ctp-crust: #dce0e8;--ctp-accent: var(--ctp-mauve);--ctp-on-accent: var(--ctp-base);--bg-canvas: var(--ctp-base);--bg-surface: var(--ctp-mantle);--bg-surface-raised: var(--ctp-base);--bg-subtle: var(--ctp-crust);--border-subtle: var(--ctp-surface-1);--border-strong: var(--ctp-surface-2);--text-primary: var(--ctp-text);--text-secondary: var(--ctp-subtext-1);--text-muted: var(--ctp-subtext-0);--accent: var(--ctp-mauve);--accent-hover: color-mix(in srgb, var(--ctp-mauve) 86%, var(--ctp-text));--accent-soft: color-mix(in srgb, var(--ctp-mauve) 11%, var(--ctp-base));--success: var(--ctp-green);--warning: var(--ctp-peach);--danger: var(--ctp-red);--info: var(--ctp-blue);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-small: 6px;--radius-control: 8px;--radius-panel: 10px;--control-height: 40px;--control-height-large: 44px;--transition-fast: .15s ease}:root[data-theme=mocha]{color-scheme:dark;--ctp-rosewater: #f5e0dc;--ctp-red: #f38ba8;--ctp-peach: #fab387;--ctp-yellow: #f9e2af;--ctp-green: #a6e3a1;--ctp-teal: #94e2d5;--ctp-blue: #89b4fa;--ctp-mauve: #cba6f7;--ctp-lavender: #b4befe;--ctp-text: #cdd6f4;--ctp-subtext-1: #bac2de;--ctp-subtext-0: #a6adc8;--ctp-overlay-0: #6c7086;--ctp-surface-2: #585b70;--ctp-surface-1: #45475a;--ctp-surface-0: #313244;--ctp-base: #1e1e2e;--ctp-mantle: #181825;--ctp-crust: #11111b;--ctp-accent: var(--ctp-mauve);--ctp-on-accent: var(--ctp-base);--bg-canvas: var(--ctp-base);--bg-surface: var(--ctp-mantle);--bg-surface-raised: var(--ctp-surface-0);--bg-subtle: var(--ctp-mantle);--border-subtle: var(--ctp-surface-1);--border-strong: var(--ctp-surface-2);--text-primary: var(--ctp-text);--text-secondary: var(--ctp-subtext-1);--text-muted: var(--ctp-subtext-0);--accent: var(--ctp-mauve);--accent-hover: color-mix(in srgb, var(--ctp-mauve) 84%, var(--ctp-text));--accent-soft: color-mix(in srgb, var(--ctp-mauve) 12%, var(--ctp-base));--success: var(--ctp-green);--warning: var(--ctp-peach);--danger: var(--ctp-red);--info: var(--ctp-blue)}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);background:var(--bg-canvas);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button,a,input,textarea,select,summary{transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}:is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,textarea,select{color:var(--text-primary)}input::placeholder,textarea::placeholder{color:var(--text-muted)}h1,h2,h3,p{margin-top:0}p{line-height:1.5}small{color:var(--text-secondary);font-size:12px;line-height:1.5}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text-primary);font-size:20px;font-weight:650;letter-spacing:-.035em;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-control);background:var(--accent);color:var(--ctp-on-accent)}.brand-mark svg{width:19px;height:19px;stroke-width:1.8}.brand-dot{color:var(--accent)}.primary,.secondary,.danger,.demo-primary{min-height:var(--control-height);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);border-radius:var(--radius-control);font-size:13px;font-weight:600;border:1px solid transparent;text-decoration:none;white-space:nowrap}.primary,.demo-primary{background:var(--accent);color:var(--ctp-on-accent)}.primary:hover:not(:disabled),.demo-primary:hover:not(:disabled){background:var(--accent-hover)}.secondary{background:transparent;color:var(--text-primary);border-color:var(--border-subtle)}.secondary:hover:not(:disabled){background:var(--bg-surface);border-color:var(--border-strong)}.danger,.demo-danger{color:var(--danger);background:transparent;border:1px solid var(--border-subtle)}.danger:hover:not(:disabled),.demo-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 8%,var(--bg-canvas))}.icon,.icon-button{width:var(--control-height);height:var(--control-height);padding:0;display:inline-grid;place-items:center;border-radius:var(--radius-small);border:0;background:transparent;color:var(--text-secondary)}.icon:hover,.icon-button:hover{background:var(--bg-surface);color:var(--text-primary)}.icon svg,.icon-button svg{width:18px;height:18px}.field-label{display:block;margin:0 0 var(--space-2);font-size:13px;font-weight:600}.field{width:100%;min-height:var(--control-height-large);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--bg-canvas);padding:10px 12px}.field:hover{border-color:var(--border-strong)}.field:focus{border-color:var(--accent);outline:2px solid var(--accent-soft);outline-offset:1px}textarea.field{min-height:100px;resize:vertical;line-height:1.5}.theme-switch{min-height:36px;display:inline-flex;align-items:center;gap:var(--space-2);padding:3px 8px 3px 3px;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:transparent;color:var(--text-secondary);font-size:12px;font-weight:600;white-space:nowrap}.theme-switch:hover{background:var(--bg-surface);color:var(--text-primary)}.theme-track{width:51px;height:26px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:4px;border-radius:var(--radius-small);background:var(--bg-surface)}.theme-track svg{width:15px;height:15px;z-index:1}.theme-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:5px;background:var(--bg-canvas);border:1px solid var(--border-subtle);transition:transform var(--transition-fast)}[data-theme=mocha] .theme-thumb{transform:translate(25px)}.search,.demo-search{height:var(--control-height-large);display:flex;align-items:center;gap:var(--space-2);min-width:0;padding:3px 3px 3px var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--bg-canvas)}.search:hover,.demo-search:hover{border-color:var(--border-strong)}.search:focus-within,.demo-search:focus-within{border-color:var(--accent);outline:2px solid var(--accent-soft);outline-offset:1px}.search>svg,.demo-search>svg{width:18px;height:18px;color:var(--text-muted);flex:none}.search input,.demo-search input{min-width:0;height:100%;flex:1;border:0;outline:0;background:transparent;color:var(--text-primary);padding:0;font-size:13px}.search input:focus-visible,.demo-search input:focus-visible{outline:0}.search button,.demo-search button{min-height:36px;padding:0 var(--space-4);border-radius:var(--radius-small);background:var(--accent);color:var(--ctp-on-accent);font-size:12px;font-weight:600}.search button:hover:not(:disabled),.demo-search button:hover:not(:disabled){background:var(--accent-hover)}.overlay{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:var(--space-4);background:color-mix(in srgb,var(--ctp-crust) 75%,transparent)}.dialog{width:min(680px,100%);max-height:min(92dvh,900px);overflow:auto;padding:var(--space-6);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);background:var(--bg-canvas);box-shadow:0 14px 36px color-mix(in srgb,var(--ctp-crust) 26%,transparent)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.dialog-heading h2{margin:var(--space-1) 0 0;font-size:19px}.dialog p{color:var(--text-secondary);font-size:13px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:0ms!important;animation-duration:0ms!important}}html{scroll-behavior:smooth}body{background:var(--bg-canvas);color:var(--text-primary)}button{border:0;background:transparent;color:inherit}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.demo-shell{min-height:100vh}.demo-header{height:64px;display:flex;align-items:center;gap:var(--space-8);padding:0 max(var(--space-6),calc((100vw - 1180px)/2));border-bottom:1px solid var(--border-subtle);background:var(--bg-canvas)}.demo-header nav{display:flex;align-items:center;gap:var(--space-6);color:var(--text-secondary);font-size:13px}.demo-header .theme-switch{margin-left:auto}.demo-shell main{width:min(100% - 48px,1180px);margin:auto}.demo-hero{padding:var(--space-10) 0 var(--space-8)}.demo-eyebrow{margin-bottom:var(--space-2);color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.04em}.demo-hero h1{max-width:650px;margin:0 0 var(--space-4);font-size:clamp(34px,3.8vw,46px);line-height:1.12;font-weight:650;letter-spacing:-.04em}.demo-hero p:not(.demo-eyebrow){max-width:560px;margin-bottom:var(--space-6);color:var(--text-secondary);font-size:14px;line-height:1.55}.demo-banner{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);font-size:12px;line-height:1.5}.demo-banner svg{width:17px;height:17px;flex:none;color:var(--info)}.demo-workspace{padding:var(--space-10) 0 var(--space-8)}.demo-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-5)}.demo-section-heading h2{margin:0 0 var(--space-1);font-size:27px;font-weight:650;letter-spacing:-.035em}.demo-section-heading p:last-child{margin:0;color:var(--text-secondary);font-size:12px}.demo-result-caption{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:var(--space-3) 0;color:var(--text-secondary);font-size:12px}.demo-result-caption button{color:var(--text-secondary);font-size:12px}.demo-result-caption button:hover{color:var(--accent)}.demo-grid{margin-top:var(--space-4);border-top:1px solid var(--border-subtle)}.demo-card{width:100%;min-height:78px;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--border-subtle);text-align:left}.demo-card:hover{background:var(--bg-surface)}.demo-card-icon{flex:none;color:var(--text-muted)}.demo-card-icon svg{width:18px;height:18px}.demo-card-body{min-width:0;flex:1;display:grid;gap:var(--space-1)}.demo-card-body strong{color:var(--text-primary);font-size:13px;font-weight:600}.demo-card-body>span{color:var(--text-secondary);font-size:11px}.demo-card-body small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text-secondary)}.demo-card>svg{width:16px;height:16px;flex:none;color:var(--text-muted)}.demo-empty{max-width:460px;padding:var(--space-10) 0;color:var(--text-secondary);font-size:13px}.demo-notice{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-4) 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-small);background:color-mix(in srgb,var(--success) 9%,var(--bg-canvas));font-size:13px}.demo-notice>svg{color:var(--success)}.demo-notice button{margin-left:auto}.demo-info{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);padding:var(--space-6) 0 var(--space-10);border-top:1px solid var(--border-subtle)}.demo-info svg{width:18px;height:18px;color:var(--text-muted)}.demo-info h2{margin:var(--space-3) 0 var(--space-2);font-size:17px;font-weight:650}.demo-info p{max-width:500px;margin:0;color:var(--text-secondary);font-size:13px;line-height:1.55}.demo-shell>footer{padding:var(--space-5);border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:12px;text-align:center}.dialog{width:min(620px,100%)}.dialog label{display:block;margin:var(--space-5) 0;font-size:13px;font-weight:600}.dialog input,.dialog textarea,.dialog select{display:block;width:100%;min-height:var(--control-height-large);margin-top:var(--space-2);padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--bg-canvas)}.dialog textarea{resize:vertical;line-height:1.5}.demo-note-content{padding:var(--space-4) 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.55}.demo-danger{min-height:var(--control-height);display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-5);padding:0 var(--space-4);border-radius:var(--radius-control);font-size:13px;font-weight:600}@media(max-width:767px){.demo-header{padding:0 var(--space-4);gap:var(--space-4)}.demo-header nav{display:none}.demo-shell main{width:calc(100% - 32px)}.demo-hero{padding:var(--space-8) 0 var(--space-6)}.demo-workspace{padding:var(--space-8) 0}.demo-info{grid-template-columns:1fr;gap:var(--space-6)}}@media(max-width:520px){.demo-header .theme-switch{padding-right:3px}.demo-header .theme-switch>span:last-child{display:none}.demo-section-heading{align-items:flex-start;flex-wrap:wrap}.demo-section-heading .demo-primary{width:100%}.demo-hero h1{font-size:36px}.dialog{padding:var(--space-4);max-height:96dvh}}