.header[data-v-3f15ea9b]{display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:72px;background:#fff;border-bottom:1px solid var(--color-border)}.brand-area[data-v-3f15ea9b]{display:flex;align-items:center;gap:16px;text-decoration:none}.logo[data-v-3f15ea9b]{height:28px;width:auto}.separator[data-v-3f15ea9b]{width:1px;height:20px;background:var(--color-border-strong)}.app-name[data-v-3f15ea9b]{font-size:16px;font-weight:500;color:var(--color-text-primary)}.version-badge[data-v-3f15ea9b]{display:inline-flex;align-items:center;padding:4px 6px;border-radius:9999px;background:var(--color-badge-bg);border:1px solid var(--color-badge-border);color:var(--color-brand);font-size:12px;font-weight:500}.nav-links[data-v-3f15ea9b]{display:flex;align-items:center;gap:32px}.nav-link[data-v-3f15ea9b]{font-size:14px;color:var(--color-text-secondary);text-decoration:none;transition:color .15s ease}.nav-link[data-v-3f15ea9b]:hover{color:var(--color-brand)}.nav-link.active[data-v-3f15ea9b]{color:var(--color-brand);font-weight:500}.github-button[data-v-3f15ea9b]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--color-border-strong);border-radius:4px;background:#fff;color:var(--color-text-primary);font-size:12px;font-weight:600;text-decoration:none;transition:background .15s ease,border-color .15s ease}.github-button[data-v-3f15ea9b]:hover{background:var(--color-bg-subtle);border-color:var(--color-text-secondary)}.github-icon[data-v-3f15ea9b]{width:16px;height:16px}.base-icon[data-v-d42f0451]{line-height:0;vertical-align:middle}.base-icon[data-v-d42f0451] svg{width:100%;height:100%}.hero[data-v-491f21c9]{display:flex;flex-direction:column;align-items:center;gap:24px;padding:64px 40px 48px;background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border)}.title-block[data-v-491f21c9]{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}h1[data-v-491f21c9]{margin:0;font-size:32px;font-weight:600;letter-spacing:-.32px;color:var(--color-text-primary)}.subtitle[data-v-491f21c9]{margin:0;font-size:20px;color:var(--color-text-secondary)}.search-box[data-v-491f21c9]{display:flex;align-items:center;gap:12px;width:560px;max-width:100%;height:48px;padding:0 16px;background:#fff;border:1px solid var(--color-border-strong);border-radius:8px}.search-box[data-v-491f21c9]:focus-within{border-color:var(--color-brand)}.search-box input[data-v-491f21c9]{flex:1;border:none;outline:none;font-size:14px;color:var(--color-text-primary)}.search-box input[data-v-491f21c9]::placeholder{color:var(--color-text-secondary)}.kbd-hint[data-v-491f21c9]{flex-shrink:0;padding:2px 6px;border:1px solid var(--color-border-strong);border-radius:4px;background:var(--color-bg-subtle);font-size:12px;color:var(--color-text-secondary)}.clear-button[data-v-491f21c9]{display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:4px;border:none;border-radius:9999px;background:var(--color-bg-subtle)}.icon-card[data-v-7aa8ce68]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;background:#fff;border:1px solid var(--color-border);border-radius:8px}.icon-card[data-v-7aa8ce68]:hover{border-color:var(--color-border-strong);background:var(--color-bg-subtle)}.icon-container[data-v-7aa8ce68]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;background:var(--color-bg-subtle);color:var(--color-text-primary)}.icon-label[data-v-7aa8ce68]{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:14px;text-align:center;color:var(--color-text-primary)}.grid-section[data-v-d198fcfd]{padding:40px}.grid-title-header[data-v-d198fcfd]{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}h2[data-v-d198fcfd]{margin:0;font-size:20px;font-weight:600;color:var(--color-text-primary)}.display-count[data-v-d198fcfd]{font-size:12px;color:var(--color-text-secondary)}.icon-grid[data-v-d198fcfd]{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.empty-state[data-v-d198fcfd]{color:var(--color-text-secondary);font-size:14px}.modal-backdrop[data-v-e657bd87]{position:fixed;inset:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:100}.modal-box[data-v-e657bd87]{display:flex;flex-direction:column;gap:24px;width:800px;max-width:calc(100% - 32px);padding:32px;background:#fff;border-radius:12px}.modal-header[data-v-e657bd87]{display:flex;align-items:center;justify-content:space-between}.modal-header h3[data-v-e657bd87]{margin:0;font-size:24px;font-weight:600;color:var(--color-text-primary)}.close-button[data-v-e657bd87]{display:flex;align-items:center;justify-content:center;padding:6px;border:none;border-radius:9999px;background:var(--color-bg-subtle)}.modal-content[data-v-e657bd87]{display:flex;gap:32px}.preview-area[data-v-e657bd87]{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:240px;height:240px;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:8px;color:var(--color-brand)}.info-column[data-v-e657bd87]{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px}.section-label[data-v-e657bd87]{display:block;margin-bottom:6px;font-size:12px;font-weight:600;color:var(--color-text-secondary)}.chips-row[data-v-e657bd87]{display:flex;flex-wrap:wrap;gap:6px}.chip[data-v-e657bd87]{padding:4px 6px;border-radius:999px;background:var(--color-chip-bg);border:1px solid var(--color-chip-border);color:var(--color-chip-text);font-size:12px;font-weight:500}.code-card[data-v-e657bd87]{background:#0f172a;border-radius:8px;overflow:hidden}.code-card-header[data-v-e657bd87]{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid rgba(148,163,184,.15)}.code-filename[data-v-e657bd87]{font-family:Space Mono,monospace;font-size:12px;color:#94a3b8}.code-lines[data-v-e657bd87]{margin:0;padding:16px;overflow-x:auto;font-family:Space Mono,monospace;font-size:13px;line-height:1.8;font-variant-ligatures:none;-webkit-font-feature-settings:"liga" 0,"calt" 0;font-feature-settings:"liga" 0,"calt" 0}.code-line[data-v-e657bd87]{display:block;white-space:pre}.tok-keyword[data-v-e657bd87]{color:#f472b6}.tok-punct[data-v-e657bd87]{color:#94a3b8}.tok-string[data-v-e657bd87]{color:#86efac}.tok-component[data-v-e657bd87]{color:#7dd3fc}.tok-attr[data-v-e657bd87]{color:#c4b5fd}.copy-icon-button[data-v-e657bd87]{flex-shrink:0;display:flex;border:none;border-radius:4px;background:transparent;padding:4px;transition:background .15s ease}.copy-icon-button[data-v-e657bd87]:hover{background:#94a3b833}.toast[data-v-e657bd87]{position:fixed;left:50%;bottom:40px;transform:translate(-50%);padding:10px 20px;border-radius:8px;background:#0f172a;color:#fff;font-size:14px;font-weight:500;box-shadow:0 8px 24px #0f172a40;z-index:200}.toast-enter-active[data-v-e657bd87],.toast-leave-active[data-v-e657bd87]{transition:opacity .2s ease,transform .2s ease}.toast-enter-from[data-v-e657bd87],.toast-leave-to[data-v-e657bd87]{opacity:0;transform:translate(-50%,8px)}.buttons-row[data-v-e657bd87]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn[data-v-e657bd87]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 12px;border-radius:4px;font-size:14px;font-weight:500}.btn[data-v-e657bd87]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-e657bd87]{background:var(--color-brand);border:none;color:#fff}.btn-secondary[data-v-e657bd87]{background:#fff;border:1px solid rgba(0,0,0,.18);color:var(--color-text-primary)}.guide-page[data-v-7f5e4b86]{max-width:860px;margin:0 auto;padding:48px 40px;color:var(--color-text-primary);line-height:1.7}.guide-page[data-v-7f5e4b86] h1{font-size:32px;font-weight:600;letter-spacing:-.32px;margin:0 0 16px}.guide-page[data-v-7f5e4b86] h2{font-size:22px;font-weight:600;margin:40px 0 12px;padding-top:8px;border-top:1px solid var(--color-border)}.guide-page[data-v-7f5e4b86] h2:first-child{margin-top:0;padding-top:0;border-top:none;font-size:32px;letter-spacing:-.32px}.guide-page[data-v-7f5e4b86] h3{font-size:18px;font-weight:600;margin:24px 0 8px}.guide-page[data-v-7f5e4b86] p{color:var(--color-text-secondary);margin:0 0 16px}.guide-page[data-v-7f5e4b86] ul,.guide-page[data-v-7f5e4b86] ol{color:var(--color-text-secondary);margin:0 0 16px;padding-left:24px}.guide-page[data-v-7f5e4b86] li{margin-bottom:4px}.guide-page[data-v-7f5e4b86] a{color:var(--color-brand)}.guide-page[data-v-7f5e4b86] p code,.guide-page[data-v-7f5e4b86] li code{font-family:Space Mono,monospace;font-size:13px;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:4px;padding:2px 4px;color:var(--color-text-primary);font-variant-ligatures:none;-webkit-font-feature-settings:"liga" 0,"calt" 0;font-feature-settings:"liga" 0,"calt" 0}.guide-page[data-v-7f5e4b86] .code-card{background:#0f172a;border-radius:8px;overflow:hidden;margin:0 0 16px}.guide-page[data-v-7f5e4b86] .code-card-header{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid rgba(148,163,184,.15)}.guide-page[data-v-7f5e4b86] .code-filename{font-family:Space Mono,monospace;font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.guide-page[data-v-7f5e4b86] .code-lines{margin:0;padding:16px;overflow-x:auto}.guide-page[data-v-7f5e4b86] .code-lines code{font-family:Space Mono,monospace;font-size:13px;line-height:1.8;color:#cbd5e1;background:none;font-variant-ligatures:none;-webkit-font-feature-settings:"liga" 0,"calt" 0;font-feature-settings:"liga" 0,"calt" 0}.guide-page[data-v-7f5e4b86] .hljs-keyword,.guide-page[data-v-7f5e4b86] .hljs-built_in,.guide-page[data-v-7f5e4b86] .hljs-tag{color:#f472b6}.guide-page[data-v-7f5e4b86] .hljs-string,.guide-page[data-v-7f5e4b86] .hljs-meta{color:#86efac}.guide-page[data-v-7f5e4b86] .hljs-comment{color:#64748b;font-style:italic}.guide-page[data-v-7f5e4b86] .hljs-number,.guide-page[data-v-7f5e4b86] .hljs-literal{color:#fbbf24}.guide-page[data-v-7f5e4b86] .hljs-title,.guide-page[data-v-7f5e4b86] .hljs-title.function_,.guide-page[data-v-7f5e4b86] .hljs-name{color:#7dd3fc}.guide-page[data-v-7f5e4b86] .hljs-attr,.guide-page[data-v-7f5e4b86] .hljs-attribute,.guide-page[data-v-7f5e4b86] .hljs-property{color:#c4b5fd}.guide-page[data-v-7f5e4b86] .hljs-punctuation,.guide-page[data-v-7f5e4b86] .hljs-operator{color:#94a3b8}.guide-page[data-v-7f5e4b86] table{border-collapse:collapse;width:100%;margin:0 0 16px}.guide-page[data-v-7f5e4b86] th,.guide-page[data-v-7f5e4b86] td{border:1px solid var(--color-border);padding:8px 12px;text-align:left;font-size:14px}.guide-page[data-v-7f5e4b86] blockquote{margin:0 0 16px;padding-left:16px;border-left:3px solid var(--color-border-strong);color:var(--color-text-secondary)}.footer[data-v-fad2f554]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px;background:var(--color-bg-subtle);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:12px;line-height:16px}.credit[data-v-fad2f554]{margin:0;font-weight:600}.copyright[data-v-fad2f554]{margin:0}.page[data-v-46649615]{display:flex;flex-direction:column;min-height:100vh}:root{--color-text-primary: #0f172a;--color-text-secondary: #4b586c;--color-brand: #1a6d9e;--color-border: #e7e9ee;--color-border-strong: #d0d5dd;--color-bg-subtle: #f9fafb;--color-badge-bg: #f0f9ff;--color-badge-border: #e1f4ff;--color-chip-bg: #e7e9ee;--color-chip-border: #d0d5dd;--color-chip-text: #3d485c}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-text-primary);background:#fff}button{font-family:inherit;cursor:pointer}input{font-family:inherit}
