pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f8ff;--surface:#fff;--surface-soft:#eaf2ff;--text:#172033;--muted:#637089;--border:#d4e2f7;--primary:#2563eb;--primary-strong:#1d4ed8;--primary-soft:#dbeafe;--secondary:#0284c7;--secondary-soft:#e0f2fe;--danger:#b42318;--danger-soft:#fbe3df;--success:#18764f;--warning:#a15c07;--shadow:0 18px 48px #2563eb1f;--focus:0 0 0 3px #2563eb33}:root.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1528;--surface:#151f36;--surface-soft:#1c2b4a;--text:#f0f6ff;--muted:#a7b6ce;--border:#2d4166;--primary:#60a5fa;--primary-strong:#93c5fd;--primary-soft:#1e3a5f;--secondary:#38bdf8;--secondary-soft:#17334e;--danger:#ff8a7a;--danger-soft:#421d1a;--success:#69d9aa;--warning:#f1b64a;--shadow:0 18px 46px #0000004d;--focus:0 0 0 3px #60a5fa42}*{box-sizing:border-box}html,body,#app{min-height:100%}body{background:var(--bg);color:var(--text);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.5}button,input,textarea,select{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}a{color:inherit;text-decoration:none}.app-shell{background:linear-gradient(180deg, #ffffff70, #fff0 180px), var(--bg);min-height:100vh}:root.dark .app-shell{background:linear-gradient(180deg, #ffffff0a, #fff0 180px), var(--bg)}.topbar{z-index:20;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:minmax(230px,auto) 1fr auto;align-items:center;gap:18px;min-height:72px;padding:14px 28px;display:grid;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand-mark{border:1px solid var(--border);width:40px;height:40px;color:var(--primary);background:var(--primary-soft);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.brand strong{font-size:1.03rem;line-height:1.2;display:block}.brand small{max-width:220px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;display:block;overflow:hidden}.main-nav,.topbar-actions,.button-row{align-items:center;gap:8px;display:flex}.main-nav{justify-content:center}.main-nav a{min-height:38px;color:var(--muted);border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:0 13px;display:inline-flex}.main-nav a.router-link-active{border-color:var(--border);color:var(--text);background:var(--surface-soft)}.topbar-actions{justify-content:flex-end}.main-content{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 48px}.page-grid{gap:18px;display:grid}.home-grid{grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:start}.composer-only{max-width:900px;margin:0 auto}.side-stack{gap:18px;display:grid}.panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.composer-panel,.records-panel,.paste-panel{padding:22px}.result-panel,.lookup-panel,.source-panel{padding:18px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.panel-heading.compact{margin-bottom:14px}.panel-heading h1,.panel-heading h2{margin:0;font-size:1.7rem;line-height:1.2}.panel-heading h2{font-size:1.18rem}.eyebrow{color:var(--primary);text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:700}.source-pill{border:1px solid var(--border);min-height:30px;color:var(--muted);background:var(--surface-soft);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:.84rem;display:inline-flex}.file-type-pill{border:1px solid color-mix(in srgb, var(--primary) 35%, var(--border));min-height:30px;color:var(--primary);background:var(--primary-soft);white-space:nowrap;border-radius:8px;align-items:center;padding:0 10px;font-size:.84rem;font-weight:800;display:inline-flex}.field-block{gap:8px;margin-bottom:16px;display:grid}.field-label{color:var(--muted);font-size:.86rem;font-weight:700;display:inline-block}input,textarea,select{border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface);border-radius:8px;outline:none}input{min-height:42px;padding:0 12px}select{appearance:none;background:linear-gradient(45deg, transparent 50%, var(--muted) 50%) calc(100% - 18px) 18px / 6px 6px no-repeat, linear-gradient(135deg, var(--muted) 50%, transparent 50%) calc(100% - 12px) 18px / 6px 6px no-repeat, var(--surface);min-height:42px;padding:0 38px 0 12px}textarea{resize:vertical;min-height:320px;padding:12px}input:focus,textarea:focus,select:focus,button:focus-visible{box-shadow:var(--focus)}textarea::placeholder,input::placeholder{color:color-mix(in srgb, var(--muted) 68%, transparent)}.form-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.muted{color:var(--muted);font-size:.9rem}.primary-button,.secondary-button,.ghost-button,.danger-button,.icon-button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-weight:700;display:inline-flex}.primary-button,.secondary-button,.ghost-button,.danger-button{padding:0 14px}.primary-button{color:#fff;background:var(--primary)}.primary-button:hover{background:var(--primary-strong)}.secondary-button{border-color:var(--border);color:var(--primary);background:var(--secondary-soft)}.ghost-button{border-color:var(--border);color:var(--text);background:var(--surface)}.danger-button,.icon-button.danger{color:var(--danger);background:var(--danger-soft)}.danger-button{border-color:color-mix(in srgb, var(--danger) 35%, var(--border))}.icon-button{border-color:var(--border);width:40px;height:40px;color:var(--text);background:var(--surface);padding:0}.alert{border-radius:8px;margin:14px 0 0;padding:10px 12px}.alert.error{border:1px solid color-mix(in srgb, var(--danger) 35%, var(--border));color:var(--danger);background:var(--danger-soft)}.success-icon{color:var(--success)}.result-body{gap:12px;display:grid}.result-body h3{margin:0;font-size:1rem}.result-inline{border-top:1px solid var(--border);gap:12px;margin-top:18px;padding-top:18px;display:grid}.result-inline-heading{color:var(--success);align-items:center;gap:8px;display:inline-flex}.link-box,.input-with-action{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;align-items:center;gap:8px;min-width:0;padding:0 10px;display:flex}.link-box input,.input-with-action input{min-width:0;box-shadow:none;background:0 0;border:0}.input-with-action button{min-height:30px;color:var(--primary);background:0 0;border:0;font-weight:700}.lookup-form{grid-template-columns:1fr auto;gap:8px;display:grid}.source-panel{color:var(--muted);grid-template-columns:auto 1fr;gap:12px;display:grid}.source-panel strong{color:var(--text);display:block}.source-panel p{margin:2px 0 0}.empty-state,.loading-state{min-height:156px;color:var(--muted);text-align:center;place-items:center;gap:10px;display:grid}.records-empty{min-height:260px}.record-list{gap:10px;display:grid}.record-item{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid;position:relative}.record-main{min-width:0;color:inherit;text-align:left;background:0 0;border:0;gap:4px;padding:0;display:grid}.record-main strong,.record-main span,.record-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.record-main span,.record-main small{color:var(--muted)}.record-actions{gap:6px;display:flex}.inline-status{color:var(--success);grid-column:1/-1;justify-self:end;margin:0;font-size:.82rem}.paste-meta{color:var(--muted);flex-wrap:wrap;gap:8px;margin-bottom:14px;font-size:.9rem;display:flex}.paste-meta span{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;padding:5px 8px}.paste-content{border:1px solid var(--border);min-height:320px;max-height:58vh;color:var(--text);white-space:pre-wrap;word-break:break-word;background:#f8f9ff;border-radius:8px;margin:0;padding:16px;font-family:Cascadia Code,JetBrains Mono,Consolas,monospace;font-size:.93rem;line-height:1.55;overflow:auto}:root.dark .paste-content{background:#111329}.paste-actions{flex-wrap:wrap;margin-top:16px}.modal-backdrop{z-index:50;background:#0a0f0d6b;justify-content:flex-end;display:flex;position:fixed;inset:0}.settings-panel{border-left:1px solid var(--border);background:var(--surface);width:min(440px,100%);min-height:100%;box-shadow:var(--shadow);padding:22px;font-size:.94rem}.settings-section{gap:8px;margin-bottom:16px;display:grid}.settings-panel input{min-height:38px;font-size:.9rem}.segmented{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;padding:5px;display:grid}.segmented button{min-height:36px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;font-weight:700;display:inline-flex}.segmented button.active{border-color:var(--border);color:var(--text);background:var(--surface)}.grid-fields{grid-template-columns:1fr 1fr}.grid-fields label{gap:8px;display:grid}.settings-note{color:var(--muted);margin:4px 0 18px;font-size:.82rem}.settings-status{color:var(--success);margin:2px 0 0;font-size:.84rem;font-weight:700}.oauth-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;gap:8px;padding:12px;display:grid}.oauth-card span{color:var(--muted);font-size:.78rem;font-weight:700}.oauth-card strong{letter-spacing:.08em;font-family:Cascadia Code,JetBrains Mono,Consolas,monospace;font-size:1.3rem}.oauth-card a{color:var(--primary);font-size:.86rem;font-weight:700}.wide-button{width:100%}.setup-required-panel{max-width:720px;margin:48px auto 0;padding:24px}.mini-loader{border:2px solid color-mix(in srgb, var(--primary) 22%, transparent);border-top-color:var(--primary);border-radius:999px;width:17px;height:17px;animation:.86s linear infinite spin}.mini-loader.light{border-color:#fff #ffffff61 #ffffff61}.toast{z-index:80;border:1px solid var(--border);background:var(--surface);max-width:min(360px,100% - 32px);color:var(--text);box-shadow:var(--shadow);border-radius:8px;padding:12px 14px;font-size:.92rem;position:fixed;top:88px;right:22px}.toast.error{border-color:color-mix(in srgb, var(--danger) 36%, var(--border));color:var(--danger);background:var(--danger-soft)}.toast.success{border-color:color-mix(in srgb, var(--success) 34%, var(--border));color:var(--success);background:color-mix(in srgb, var(--success) 10%, var(--surface))}.rendered-content{border:1px solid var(--border);background:#f8fbff;border-radius:8px;min-height:220px;max-height:58vh;margin:0;overflow:auto}:root.dark .rendered-content{background:#101a2e}.code-preview{color:var(--text);white-space:pre-wrap;word-break:break-word;margin:0;padding:16px;font-family:Cascadia Code,JetBrains Mono,Consolas,monospace;font-size:.93rem;line-height:1.55}.code-preview .hljs{color:inherit;background:0 0}:root.dark .hljs,:root.dark .code-preview .hljs{color:#dbeafe;background:0 0}:root.dark .hljs-keyword,:root.dark .hljs-selector-tag,:root.dark .hljs-title.function_{color:#93c5fd}:root.dark .hljs-string,:root.dark .hljs-attr,:root.dark .hljs-title.class_{color:#86efac}:root.dark .hljs-comment{color:#8aa0bd}.markdown-body{color:var(--text);padding:16px;line-height:1.68}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body pre{background:var(--surface-soft);border-radius:8px;padding:14px;overflow:auto}.markdown-body code{font-family:Cascadia Code,JetBrains Mono,Consolas,monospace}.markdown-body :not(pre)>code{background:var(--surface-soft);border-radius:5px;padding:2px 5px}.markdown-body blockquote{border-left:3px solid var(--primary);color:var(--muted);margin-left:0;padding-left:12px}.html-preview{background:#fff;border:0;width:100%;min-height:420px;display:block}.spin{animation:.86s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=860px){.topbar{grid-template-columns:1fr auto;gap:12px;padding:12px 16px}.main-nav{grid-column:1/-1;justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.topbar-actions .source-pill{display:none}.home-grid{grid-template-columns:1fr}.main-content{width:min(100% - 24px,680px);padding-top:18px}.panel-heading h1{font-size:1.4rem}}@media (width<=620px){body{font-size:15px}.brand small{max-width:150px}.composer-panel,.records-panel,.paste-panel,.result-panel,.lookup-panel,.source-panel,.settings-panel{padding:16px}.panel-heading{flex-direction:column;align-items:stretch;gap:10px}.form-footer{flex-direction:column;align-items:stretch}.form-footer .primary-button{width:100%}textarea{min-height:260px}.lookup-form{grid-template-columns:1fr}.button-row{flex-wrap:wrap}.record-item{grid-template-columns:1fr}.record-actions{justify-content:flex-end}.grid-fields{grid-template-columns:1fr}.segmented{grid-auto-flow:row}}