:root{--surface: #08080c;--surface-raised: #1c1c26;--surface-hover: color-mix(in srgb, var(--surface-raised) 85%, white);--text: #f0f0f5;--text-muted: #808090;--text-disabled: #505060;--border: rgba(255, 255, 255, .08);--border-focus: rgba(255, 255, 255, .16);--accent: #0070c0;--accent-hover: #0088e8;--accent-bg: rgba(0, 112, 192, .15);--success: #22c55e;--success-bg: rgba(34, 197, 94, .1);--warning: #eab308;--warning-bg: rgba(234, 179, 8, .1);--error: #ef4444;--error-bg: rgba(239, 68, 68, .1);--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Consolas", monospace;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(0, 112, 192, .4);--transition-fast: .1s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--space-4xl: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--font-xs: 10px;--font-sm: 11px;--font-base: 12px;--font-md: 14px;--font-lg: 16px;--icon-xs: 12px;--icon-sm: 14px;--icon-md: 16px;--icon-lg: 20px;--icon-xl: 24px;--header-height: 40px;--content-max-width: 1200px;--app-min-width: 280px;--bp-mobile: 600px;--bp-tablet: 768px;--bp-desktop: 900px;--z-dropdown: 100;--z-sticky: 200;--z-modal: 1000;--z-tooltip: 1100;--duration-toast: 2s;--duration-copy-feedback: 2s}[data-theme=light]{--surface: #f0f0f4;--surface-raised: #ffffff;--surface-hover: color-mix(in srgb, var(--surface-raised) 90%, black);--text: #1a1a1f;--text-disabled: #909098;--border: rgba(0, 0, 0, .1);--border-focus: rgba(0, 0, 0, .2);--accent-bg: rgba(0, 112, 192, .12);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(0, 112, 192, .25)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}html,body{height:100%;min-width:var(--app-min-width);font-family:var(--font-ui);font-size:var(--font-base);line-height:1.6;color:var(--text);background:var(--surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;line-height:1.2}h1{font-size:var(--font-lg)}h2,h3,h4{font-size:var(--font-md)}p{margin-bottom:1em}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover);text-decoration:underline}code{font-family:var(--font-mono);font-size:inherit}pre{font-family:var(--font-mono);font-size:var(--font-base);font-weight:500;line-height:1.5;color:var(--text);white-space:pre-wrap;word-break:break-word;margin:0}pre code{background:none;padding:0;border:none;font-size:inherit}button{cursor:pointer;border:none;background:var(--surface-raised);color:var(--text);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--font-base);font-weight:500;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm)}button:hover{background:var(--surface-hover)}button:active{opacity:.9}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:#fff}button.primary:hover{background:var(--accent-hover)}button.ghost{background:transparent;color:var(--text-muted)}button.ghost:hover{background:var(--surface-hover);color:var(--text)}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.icon-btn.copied{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:var(--space-xs)}.header-actions .icon-btn{width:24px;height:24px}.action-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 0;width:100px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);text-decoration:none}.action-card svg{color:var(--accent);transition:transform .15s ease}.action-card:hover svg{transform:scale(1.2)}.action-card:hover{background:transparent;color:var(--text-muted);text-decoration:none}.action-card .action-label{font-size:var(--font-base);font-weight:500}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-lg);background:var(--surface-raised);border-bottom:1px solid var(--border);font-size:var(--font-base);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.panel-body{padding:var(--space-lg);background:var(--surface)}.dialog-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:90vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--surface-raised);border-bottom:1px solid var(--border);font-weight:600}.dialog-body{flex:1;overflow-y:auto;padding:var(--space-lg)}.dialog-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--surface-raised);border-top:1px solid var(--border)}input,select,textarea{background:var(--surface-raised);border:1px solid var(--border);color:var(--text);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--font-base);transition:all var(--transition-fast)}input:hover,select:hover,textarea:hover{border-color:var(--border-focus)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}input::placeholder{color:var(--text-muted)}.separator{height:1px;background:var(--border);width:100vw;position:relative;left:50%;transform:translate(-50%)}.panel{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.tile{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);scroll-margin-top:var(--space-lg)}.tile:hover{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.placeholder-tile{border-style:dashed;text-align:center;color:var(--text-muted)}.placeholder-tile:hover{border-color:var(--border);box-shadow:none}.elevated{box-shadow:var(--shadow-md)}.tile-grid{display:grid;gap:var(--space-lg)}.tile-grid.cols-2{grid-template-columns:repeat(2,1fr)}.tile-grid.cols-3{grid-template-columns:repeat(3,1fr)}.tile-grid.cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.tile-grid.cols-3,.tile-grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.tile-grid.cols-2,.tile-grid.cols-3,.tile-grid.cols-4{grid-template-columns:1fr}}.link-tile{display:flex;flex-direction:column;text-decoration:none;color:inherit}.link-tile .panel-body{display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.link-tile:hover{text-decoration:none}.link-tile .panel-body{color:var(--accent)}.tile-body{color:var(--text-muted);font-size:var(--font-base)}.install-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.install-card{display:flex;flex-direction:column;border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;background:transparent;padding:0;text-align:left;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.install-card:hover{background:transparent;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.install-card .panel-header,.install-card .install-body{width:100%}.install-body{display:flex;align-items:center;padding:var(--space-lg);background:var(--surface)}.install-body code{background:none;border:none;padding:0;font-size:var(--font-base)}.code-panel{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.code-panel .panel-header{padding:var(--space-xs) var(--space-md);min-height:36px;box-sizing:content-box}.code-panel .panel-header .icon-btn{width:24px;height:24px}.code-panel .panel-header .icon-btn.copied{color:var(--accent)}.code-panel .panel-body{padding:0}.code-panel .panel-body .loading{display:flex;align-items:center;justify-content:center;padding:var(--space-lg);color:var(--text-muted);font-size:var(--font-base)}.code-panel .cm-editor{height:auto;max-height:480px}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--font-base);font-weight:500;border-radius:var(--radius-sm);background:var(--surface-raised);border:1px solid var(--border)}.badge.success{background:var(--success-bg);color:var(--success);border-color:var(--success)}.badge.warning{background:var(--warning-bg);color:var(--warning);border-color:var(--warning)}.badge.error{background:var(--error-bg);color:var(--error);border-color:var(--error)}.badge.accent{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.label-uppercase{font-family:var(--font-ui);font-size:var(--font-base);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.section-divider{position:relative;margin-top:var(--space-lg);padding-top:var(--space-lg)}.section-divider:before{content:"";position:absolute;top:0;left:calc(-1 * var(--space-lg));width:calc(100% + 2 * var(--space-lg));height:1px;background:var(--border)}.section-divider-full{position:relative;margin-top:var(--space-xl);padding-top:var(--space-xl)}.section-divider-full:before{content:"";position:absolute;top:0;left:-50vw;width:200vw;height:1px;background:var(--border)}*{scrollbar-color:var(--border-focus) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-focus);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent-bg);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cm-editor,.cm-editor *,.cm-content,.code-panel,.code-panel *,.panel-body{outline:none!important;outline-style:none!important;-moz-outline-style:none!important}.cm-editor:focus,.cm-editor:focus-visible,.cm-editor:focus-within,.cm-content:focus,.cm-content:focus-visible,.code-panel:focus,.code-panel:focus-visible,.code-panel:focus-within,.panel-body:focus,.panel-body:focus-visible,.panel-body:focus-within{outline:none!important;outline-style:none!important;-moz-outline-style:none!important}.skip-link{position:absolute;top:-100%;left:0;background:var(--accent);color:#fff;padding:var(--space-sm) var(--space-lg);z-index:9999;transition:top var(--transition-fast)}.skip-link:focus{top:0}.hero{text-align:center;padding:var(--space-2xl) 0;margin-bottom:var(--space-lg)}.hero-logo{height:140px;width:auto;margin-bottom:var(--space-xl)}.hero .description{color:var(--text-muted);margin:0 auto var(--space-lg);max-width:600px}.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-xs)}@media(max-width:600px){.hero{padding:var(--space-xl) 0}.hero-logo{height:100px}}.lead{font-size:var(--font-md);color:var(--text-muted);margin-bottom:var(--space-xl)}.cm-editor{height:100%;font-size:var(--font-base);background:var(--surface);border-radius:var(--radius-md)}.cm-scroller{font-family:var(--font-mono)!important;font-weight:500}.cm-content{padding:8px 0;caret-color:var(--accent);font-family:var(--font-mono)!important}.cm-line{font-family:var(--font-mono)!important}.cm-cursor{border-left-color:var(--accent)!important;border-left-width:2px!important}.cm-gutters{background:var(--surface)!important;border-right:1px solid var(--border)!important;color:var(--text-disabled)!important}.cm-lineNumbers .cm-gutterElement{padding:0 8px 0 12px}.cm-activeLineGutter{background:transparent!important;color:var(--text-muted)!important}.cm-activeLine{background:#ffffff05!important}.cm-selectionBackground,.cm-focused .cm-selectionBackground{background:var(--accent-bg)!important}[data-theme=light] .cm-editor{background-color:var(--surface)}[data-theme=light] .cm-gutters{background-color:var(--surface)!important;border-right:1px solid var(--border)!important;color:var(--text-disabled)!important}[data-theme=light] .cm-activeLineGutter{background-color:transparent!important;color:var(--text-muted)!important}[data-theme=light] .cm-activeLine{background-color:#00000008!important}[data-theme=light] .cm-selectionBackground,[data-theme=light] .cm-focused .cm-selectionBackground{background:var(--accent-bg)!important}.loading-centered{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted);font-size:var(--font-base);background:var(--surface)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.flex-1{flex:1;min-width:0}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.code-block-wrapper{margin:var(--space-md) 0;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-md);background:var(--surface-raised);border-bottom:1px solid var(--border)}.code-copy-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-xs);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.code-copy-btn:hover{color:var(--text);background:var(--surface-hover)}.code-copy-btn.copied{color:var(--success)}.cm-container{background:var(--surface)}.cm-container .cm-editor{font-size:var(--font-base);max-height:300px}header.svelte-1elxaub{position:sticky;top:0;z-index:var(--z-sticky);height:var(--header-height);background:var(--surface-raised);border-bottom:1px solid var(--border)}.header-content.svelte-1elxaub{height:100%;padding:0 var(--space-lg);display:flex;align-items:center;justify-content:space-between}.header-left.svelte-1elxaub,.header-right.svelte-1elxaub{display:flex;align-items:center;gap:var(--space-xs)}.backdrop.svelte-o861tn{position:fixed;inset:0;z-index:var(--z-modal);background:#00000026;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.modal.svelte-o861tn{width:100%;max-width:400px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);overflow:hidden}.tabs.svelte-o861tn{display:flex;align-items:center;gap:var(--space-xs)}.tab.svelte-o861tn{display:flex;align-items:center;height:24px;padding:0 10px;font:inherit;font-size:var(--font-base);font-weight:500;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.tab.svelte-o861tn:hover{background:var(--surface-hover);border-color:var(--border-focus);color:var(--text)}.tab.active.svelte-o861tn{background:color-mix(in srgb,var(--accent) 15%,var(--surface));border-color:var(--accent);color:var(--accent)}form.svelte-o861tn{display:flex;flex-direction:column;gap:var(--space-lg)}.field.svelte-o861tn{display:flex;flex-direction:column;gap:var(--space-xs)}label.svelte-o861tn{font-size:var(--font-base);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.optional.svelte-o861tn{color:var(--text-disabled);font-weight:400}.pill-selector.svelte-o861tn{display:flex;gap:4px}.pill.svelte-o861tn{flex:1;padding:6px 8px;text-align:center;font-size:11px;font-weight:500;font-family:var(--font-mono);letter-spacing:-.3px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.pill.svelte-o861tn:hover{border-color:var(--border-focus);color:var(--text)}.pill.selected.svelte-o861tn{background:color-mix(in srgb,var(--accent) 15%,var(--surface-raised));border-color:var(--accent);color:var(--accent)}.license-note.svelte-o861tn{font-size:var(--font-sm);color:var(--text-disabled);line-height:1.4}textarea.svelte-o861tn{resize:vertical}textarea.svelte-o861tn::placeholder{color:var(--text-muted)}.terms.svelte-o861tn{font-size:var(--font-sm);text-align:center;color:var(--text-disabled)}.error-box.svelte-o861tn{background:var(--error-bg);color:var(--error);padding:var(--space-sm) var(--space-md);border:1px solid var(--error);border-radius:var(--radius-sm);font-size:var(--font-base)}.info-box.svelte-o861tn{background:var(--accent-bg);color:var(--text-muted);padding:var(--space-sm) var(--space-md);border:1px solid var(--accent);border-radius:var(--radius-sm);font-size:var(--font-base)}.success-body.svelte-o861tn{color:var(--text-muted);display:flex;flex-direction:column;gap:var(--space-lg)}.close-btn.svelte-o861tn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-base);font-weight:500;color:var(--text);background:var(--surface-raised);border:1px solid var(--border);cursor:pointer;transition:all var(--transition-fast)}.close-btn.svelte-o861tn:hover{background:var(--surface-hover);border-color:var(--accent)}.app.svelte-12qhfyh{height:100vh;display:flex;flex-direction:column;overflow:hidden}main.svelte-12qhfyh{flex:1;overflow-y:auto;overflow-x:hidden}
