:root{--font-body: "Source Serif 4", Georgia, serif;--font-heading: "Fraunces", Georgia, serif;--font-mono: "JetBrains Mono", monospace;--font-app: "DM Sans", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--line-height-prose: 1.45;--line-height-tight: 1.25;--line-height-ui: 1.4;--measure: 68ch;--measure-narrow: 55ch;--paragraph-indent: 0;--paragraph-spacing: .85em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-btn-sm: var(--radius-sm);--radius-btn-md: var(--radius-md);--radius-input: var(--radius-lg);--radius-full: 9999px;--radius-icon-btn: var(--radius-md);--cut-sm: 4px;--cut-md: 6px;--cut-lg: 10px;--bg: #faf9f7;--surface: #fff;--surface-raised: #fff;--border: #e4e2dd;--border-strong: #ccc9c3;--text: #1a1a1a;--text-secondary: #595856;--text-muted: #6b6966;--accent: #3d6b5e;--accent-hover: #2f5549;--accent-subtle: #eef4f1;--destructive: #c4453a;--destructive-subtle: #fef2f1;--warning: #b58a2b;--warning-subtle: #fef9ee;--code-bg: #f3f1ed;--cite-bg: #eef4f1;--cite-border: #3d6b5e;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .35s;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}@media(prefers-color-scheme:dark){:root{--bg: #141413;--surface: #1c1c1b;--surface-raised: #232322;--border: #2e2e2c;--border-strong: #444440;--text: #e8e6e1;--text-secondary: #b0aea9;--text-muted: #908e89;--accent: #6fb89f;--accent-hover: #8dcbb5;--accent-subtle: #1c2923;--destructive: #e8675e;--destructive-subtle: #2a1c1b;--warning: #d4a94e;--warning-subtle: #2a2418;--code-bg: #232321;--cite-bg: #1c2923;--cite-border: #6fb89f;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .3)}}*,*:before,*:after{box-sizing:border-box;margin:0}.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:100;padding:var(--space-2) var(--space-4);background:var(--accent);color:#fff;font-weight:600;font-size:var(--text-sm);border-radius:var(--radius-btn-md);text-decoration:none}.skip-link:focus{top:var(--space-4)}html{font-size:16px;height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;height:100%}#root{height:100%}.cf-main:before,.home-page #main-content:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background-image:repeating-linear-gradient(to bottom,color-mix(in srgb,var(--text) 16%,transparent) 0 4px,transparent 4px 8px),repeating-linear-gradient(to bottom,color-mix(in srgb,var(--text) 16%,transparent) 0 4px,transparent 4px 8px),repeating-linear-gradient(to bottom,color-mix(in srgb,var(--text) 16%,transparent) 0 4px,transparent 4px 8px),repeating-linear-gradient(to bottom,color-mix(in srgb,var(--text) 16%,transparent) 0 4px,transparent 4px 8px);background-size:1px 100%,1px 100%,1px 100%,1px 100%;background-position:calc(50% - 340px) 0,calc(50% + 339px) 0,calc(50% - 308px) 0,calc(50% + 307px) 0;background-repeat:repeat-y}@media(max-width:780px){.cf-main:before,.home-page #main-content:before{background-image:none}}.typo-guide{position:absolute;left:-100vw;right:-100vw;height:1px;pointer-events:none;background:repeating-linear-gradient(to right,color-mix(in srgb,var(--text) 16%,transparent) 0 4px,transparent 4px 8px)}.typo-guide-label{position:absolute;left:calc(100% + var(--space-8));top:-7px;font-family:var(--font-mono);font-size:9px;color:color-mix(in srgb,var(--text) 25%,transparent);letter-spacing:.02em;white-space:nowrap;pointer-events:none;line-height:1}@media(max-width:780px){.typo-guide,.typo-guide-label{display:none}}p,li,dd,blockquote,.chat-bubble p,.cf-doc p,.cf-doc li{text-wrap:pretty}.chat-bubble p,.chat-bubble li,.chat-bubble blockquote{line-height:var(--line-height-prose)}.chat-bubble p{margin:0 0 var(--paragraph-spacing)}.chat-bubble>div>p:last-child,.chat-bubble>p:last-child{margin-bottom:0}.chat-bubble h1,.chat-bubble h2,.chat-bubble h3,.chat-bubble h4{line-height:var(--line-height-tight);text-wrap:balance}.chat-bubble h1+p,.chat-bubble h2+p,.chat-bubble h3+p,.chat-bubble h4+p{margin-top:var(--space-2)}.chat-bubble ul,.chat-bubble ol{margin-top:0;margin-bottom:var(--paragraph-spacing);padding-left:var(--space-5)}.chat-bubble p+ul,.chat-bubble p+ol{margin-top:-.125em}.chat-bubble li{margin-bottom:0;padding-top:var(--space-1);padding-bottom:var(--space-1)}.chat-bubble li:first-child{padding-top:0}.chat-bubble li:last-child{padding-bottom:0}.chat-bubble li>ul,.chat-bubble li>ol{margin-top:var(--space-1);margin-bottom:0;padding-left:var(--space-4)}.chat-bubble ul{list-style-type:disc}.chat-bubble ul ul{list-style-type:circle}.chat-bubble ul ul ul{list-style-type:square}.chat-bubble ol{list-style-type:decimal}.chat-bubble ol ol{list-style-type:lower-alpha}.chat-bubble ol ol ol{list-style-type:lower-roman}.chat-bubble li>ul li::marker,.chat-bubble li>ol li::marker{color:color-mix(in srgb,var(--text-muted) 70%,transparent)}.chat-bubble li>ul li>ul li::marker,.chat-bubble li>ol li>ol li::marker{color:color-mix(in srgb,var(--text-muted) 50%,transparent)}.chat-bubble>div>ul:last-child,.chat-bubble>div>ol:last-child,.chat-bubble>ul:last-child,.chat-bubble>ol:last-child{margin-bottom:0}.chat-bubble blockquote{margin:.5em 0 var(--paragraph-spacing)}.chat-bubble>div>blockquote:last-child,.chat-bubble>blockquote:last-child{margin-bottom:0}.chat-bubble hr{margin:var(--space-5) 0}.chat-bubble .code-block-wrapper{margin-top:.5em;margin-bottom:var(--paragraph-spacing)}.chat-bubble>div>.code-block-wrapper:last-child{margin-bottom:0}.chat-bubble p+.code-block-wrapper{margin-top:0}.chat-bubble .table-scroll-wrapper{overflow-x:auto;margin:.5em 0 var(--paragraph-spacing);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg)}.chat-bubble>div>.table-scroll-wrapper:last-child,.chat-bubble>.table-scroll-wrapper:last-child{margin-bottom:0}.chat-bubble p+.table-scroll-wrapper{margin-top:0}.chat-bubble table{width:100%;border-collapse:collapse;font-family:var(--font-app);font-size:var(--text-sm);line-height:var(--line-height-ui);table-layout:auto}.chat-bubble thead th{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);text-align:left;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-strong);white-space:nowrap}.chat-bubble tbody td{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);color:var(--text);vertical-align:top}.chat-bubble tbody tr:last-child td{border-bottom:none}.chat-bubble tbody tr{transition:background var(--duration-fast) var(--ease-out)}.chat-bubble tbody tr:hover td{background:var(--accent-subtle)}.chat-bubble td code{font-size:.85em}.page{max-width:680px;margin:0 auto;padding:var(--space-12) var(--space-8) 96px}.section{margin-bottom:var(--space-12)}.section-label{font-family:var(--font-body);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:600;margin:0 0 var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);line-height:1.6}.ds-pinned-header{position:sticky;top:0;z-index:20;background:var(--bg);padding:var(--space-3) var(--space-8) var(--space-3) calc(var(--space-3) + 36px + var(--space-4));border-bottom:1px solid transparent;transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.ds-pinned-header--scrolled{border-bottom-color:var(--border);box-shadow:0 1px 3px #0000000a}.ds-pinned-header-title{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:700;letter-spacing:-.01em;color:var(--text)}.ds-tabs{display:flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-2)}.ds-tabs-spacer{flex:1}.ds-tab{font-family:var(--font-body);font-size:var(--text-base);font-weight:500;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;padding:var(--space-3) var(--space-5);cursor:pointer;transition:color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.ds-tab:hover{color:var(--text)}.ds-tab--active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.ds-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.ds-panel{min-height:200px}.section-accordion{margin-top:var(--space-4)}.section-accordion-header{margin:0;font-size:unset;font-weight:unset;letter-spacing:unset;line-height:unset}.section-accordion-trigger{display:flex;align-items:center;width:100%;padding:var(--space-5) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;gap:var(--space-4);color:var(--text);transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.section-accordion-trigger:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.section-accordion-trigger:active{transform:scale(.99)}.section-accordion-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-lg)}.section-accordion-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-md);background:var(--accent-subtle);color:var(--accent)}.section-accordion-text{display:flex;flex-direction:column;gap:var(--space-1)}.section-accordion-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em;line-height:var(--line-height-tight)}.section-accordion-explainer{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);font-weight:400;line-height:1.5;text-wrap:balance}.section-accordion-chevron{margin-left:auto;flex-shrink:0;color:var(--text-muted);transition:transform var(--duration-base) var(--ease-out)}.section-accordion[data-open=true] .section-accordion-chevron{transform:rotate(90deg)}.section-accordion-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-slow) var(--ease-out)}.section-accordion[data-open=true] .section-accordion-body{grid-template-rows:1fr}.section-accordion-inner{overflow:hidden}.section-accordion[data-open=true] .section-accordion-inner{padding-top:var(--space-6);padding-bottom:var(--space-16)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-4)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.grid-2-1{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4)}.grid-1-2{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-4)}.grid-3-1{display:grid;grid-template-columns:3fr 1fr;gap:var(--space-4)}.grid-1-3{display:grid;grid-template-columns:1fr 3fr;gap:var(--space-4)}@media(max-width:640px){.grid-2,.grid-3,.grid-4,.grid-2-1,.grid-1-2,.grid-3-1,.grid-1-3{grid-template-columns:1fr}}.gap-tight{gap:var(--space-2)}.gap-normal{gap:var(--space-4)}.gap-loose{gap:var(--space-6)}h1{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:1.5em 0 .5em}h2{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;letter-spacing:-.01em;line-height:1.25;margin:1.5em 0 .5em}h3{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;line-height:1.3;margin:1.25em 0 .4em}h4{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;margin:1em 0 .3em}p{margin:0 0 var(--paragraph-spacing);line-height:var(--line-height-prose)}a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}strong{font-weight:700}em{font-style:italic}code{font-family:var(--font-mono);font-size:.85em;background:var(--code-bg);padding:2px 7px;border-radius:var(--radius-sm)}pre{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);overflow-x:auto;margin:0 0 1em}pre code{background:none;padding:0;font-size:var(--text-sm);line-height:1.55}.code-block-wrapper{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin:0 0 1em}.code-block-wrapper pre{border:none;border-radius:0;margin:0}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background:var(--code-bg);border-bottom:1px solid var(--border)}.code-block-lang{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-transform:lowercase}.code-copy-btn{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);background:none;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-btn-sm);transition:color .12s,background .12s}.code-copy-btn:hover{color:var(--accent);background:var(--accent-subtle)}.code-copy-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}blockquote{border-left:3px solid var(--border);padding-left:var(--space-4);color:var(--text-secondary);margin:0 0 1em;font-style:italic}ul,ol{padding-left:var(--space-5);margin:0 0 var(--paragraph-spacing)}li{margin-bottom:var(--space-1)}li:last-child{margin-bottom:0}li::marker{color:var(--text-muted)}ul ul{list-style-type:circle}ul ul ul{list-style-type:square}ol ol{list-style-type:lower-alpha}ol ol ol{list-style-type:lower-roman}hr{border:none;border-top:1px solid var(--border);margin:1.5em 0}.chat-bubble{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-3);font-size:var(--text-base)}.chat-bubble.user{background:color-mix(in srgb,var(--text) 6%,var(--bg));border:1px solid var(--border);border-radius:var(--radius-lg);margin-left:auto;width:fit-content;max-width:85%;padding:var(--space-3) var(--space-5)}.cite-inline{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.625rem;font-weight:600;width:18px;height:18px;border-radius:var(--radius-full);background:var(--cite-bg);color:var(--cite-border);border:1px solid color-mix(in srgb,var(--cite-border) 50%,transparent);vertical-align:super;margin:0 1px;cursor:pointer;text-decoration:none;position:relative;top:-1px;transition:all .12s ease}.cite-inline:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:scale(1.1)}.cite-inline:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.cite-inline:active{transform:scale(.95)}.cite-block{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--cite-bg);border-left:3px solid var(--cite-border);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:0 0 1em;font-size:var(--text-sm)}.cite-block-num{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--cite-border);min-width:18px;text-align:center;padding-top:1px}.cite-block-title{font-weight:600;margin-bottom:1px}.cite-block-title a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--border);transition:border-color .12s,color .12s}.cite-block-title a:hover{color:var(--accent);border-color:var(--accent)}.cite-block-meta{font-size:var(--text-xs);color:var(--text-muted)}.cite-block-meta a{color:var(--text-secondary);text-decoration:none;border-bottom:1px solid var(--border-strong);transition:all .12s}.cite-block-meta a:hover{color:var(--accent);border-color:var(--accent)}.cite-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border)}.cite-footer-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600;margin-bottom:var(--space-3)}.cite-footer .cite-footer-list{list-style:none;padding:0;margin:0}.cite-footer-item{display:flex;gap:var(--space-2);align-items:baseline;margin-bottom:var(--space-2);font-size:var(--text-sm)}.cite-footer-item .cite-inline{position:static;vertical-align:baseline}.cite-footer-link{display:flex;align-items:baseline;gap:var(--space-2);flex:1;text-decoration:none;color:var(--text);transition:color .12s}.cite-footer-link:hover{color:var(--accent)}.cite-footer-link:hover .cite-inline{background:var(--accent);color:#fff;border-color:var(--accent)}.cite-footer-source{color:var(--text-muted);font-size:var(--text-xs)}.cite-footer-arrow{color:var(--text-muted);font-size:var(--text-xs);margin-left:auto;opacity:0;transition:opacity .12s}.cite-footer-link:hover .cite-footer-arrow{opacity:1}.cite-footer-toggle{display:block;background:none;border:none;font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;padding:var(--space-2) 0 0;transition:color .12s}.cite-footer-toggle:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;padding:var(--space-2) var(--space-4);border-radius:var(--radius-btn-md);border:1px solid transparent;cursor:pointer;transition:all .15s;text-decoration:none;line-height:1.4;min-height:36px}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover{border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text);background:var(--bg)}.btn-destructive{background:var(--destructive-subtle);color:var(--destructive);border-color:color-mix(in srgb,var(--destructive) 20%,transparent)}.btn-sm{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);min-height:28px}.badge{display:inline-flex;align-items:center;font-size:var(--text-xs);font-weight:600;padding:2px var(--space-2);border-radius:var(--radius-full);line-height:1.4}.badge-accent{background:var(--accent-subtle);color:var(--accent)}.badge-warning{background:var(--warning-subtle);color:var(--warning)}.badge-destructive{background:var(--destructive-subtle);color:var(--destructive)}.badge-muted{background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.input-group{margin-bottom:var(--space-4)}.input-label{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-1)}.input-hint{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2)}.input{font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);width:100%;transition:border-color .15s}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.input-mono{font-family:var(--font-mono);font-size:var(--text-sm)}textarea.input{min-height:80px;resize:vertical;line-height:1.5}select.input{appearance:auto}.nav-item{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all .12s;text-decoration:none;border:none;background:none;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item:hover{background:var(--bg);color:var(--text)}.nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.nav-item.active{background:var(--accent-subtle);color:var(--accent);font-weight:600}.sidebar{background:var(--surface);padding:var(--space-5);width:240px;min-height:300px;border-radius:var(--radius-lg);border:1px solid var(--border)}.sidebar-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600;margin-bottom:var(--space-3);padding:0 var(--space-3)}.card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-1);letter-spacing:-.01em}.card-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-3)}.card-meta{font-size:var(--text-xs);color:var(--text-muted)}.stat{text-align:center;padding:var(--space-5)}.stat-value{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em}.stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:var(--space-1)}.alert{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-4)}.alert-accent{background:var(--accent-subtle);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}.alert-warning{background:var(--warning-subtle);color:var(--warning);border:1px solid color-mix(in srgb,var(--warning) 20%,transparent)}.alert-destructive{background:var(--destructive-subtle);color:var(--destructive);border:1px solid color-mix(in srgb,var(--destructive) 20%,transparent)}.toast{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--text);color:var(--bg);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;box-shadow:var(--shadow-lg)}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-8);max-width:480px;width:100%}.modal h2{font-family:var(--font-heading);font-size:var(--text-xl);margin:0 0 var(--space-2)}.modal p{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6)}.modal-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.empty-state{text-align:center;padding:var(--space-12) var(--space-8);color:var(--text-muted)}.empty-state p{font-size:var(--text-sm);max-width:320px;margin:0 auto var(--space-4)}.progress-bar{height:6px;background:var(--bg);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.progress-fill{height:100%;background:var(--accent);border-radius:var(--radius-full)}kbd{font-family:var(--font-mono);font-size:var(--text-xs);padding:2px 6px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);box-shadow:0 1px 0 var(--border)}@keyframes breathe{0%,to{opacity:.4}50%{opacity:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes dot-cascade{0%,80%,to{opacity:.2}40%{opacity:1}}.processing{padding:var(--space-6) var(--space-8)}.processing-status{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.processing-cursor{width:2px;height:18px;background:var(--accent);animation:cursor-blink 1s ease-in-out infinite;border-radius:1px}.processing-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent);letter-spacing:.01em}.processing-text .dot{animation:dot-cascade 1.4s ease-in-out infinite}.processing-text .dot:nth-child(2){animation-delay:.2s}.processing-text .dot:nth-child(3){animation-delay:.4s}.processing-line{height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite;margin-bottom:var(--space-3);border-radius:1px}.processing-skeleton{margin-top:var(--space-2)}.skeleton-line{height:12px;border-radius:var(--radius-sm);margin-bottom:var(--space-2);background:linear-gradient(90deg,var(--border) 25%,color-mix(in srgb,var(--border) 50%,transparent) 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite}.processing-minimal .processing-status{margin-bottom:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.cf-preview{margin:var(--space-4) 0}.cf-preview>*:last-child{margin-bottom:0}.cf-preview:has(.cf-doc){border:none;padding:0;margin:0;background:none}.cf-preview:has(.cf-doc):before{display:none}.cf-doc{color:#1a1a1a;font-size:var(--text-base);line-height:1.6}.cf-doc h1{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 var(--space-2);color:#1a1a1a}.cf-doc h2{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;line-height:1.3;margin:var(--space-6) 0 var(--space-2);color:#1a1a1a}.cf-doc h3{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;line-height:1.4;margin:var(--space-4) 0 var(--space-1);color:#1a1a1a}.cf-doc p{margin:0 0 var(--space-3);color:#1a1a1a}.cf-doc strong{font-weight:700}.cf-doc .doc-kicker{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:600;margin-bottom:var(--space-1)}.cf-doc .doc-subtitle{font-size:var(--text-sm);color:#595856;margin-bottom:var(--space-6);line-height:1.5}.cf-doc .doc-divider{border:none;border-top:2px solid var(--accent);width:40px;margin:var(--space-4) 0 var(--space-6)}.cf-doc .doc-rule{display:flex;gap:var(--space-3);margin-bottom:var(--space-3);align-items:baseline}.cf-doc .doc-rule-num{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--accent);min-width:18px}.cf-doc .doc-rule-title{font-weight:700}.cf-doc .doc-rule-desc{color:#595856;font-size:var(--text-sm)}.cf-doc .doc-example{display:flex;gap:var(--space-2);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);margin-top:var(--space-1);align-items:baseline}.cf-doc .doc-example.good{background:#eef4f1;color:#3d6b5e}.cf-doc .doc-example.bad{background:#fef2f1;color:#c4453a;text-decoration:line-through;opacity:.7}.cf-doc .doc-footer{font-size:var(--text-xs);color:#6b6966;border-top:1px solid #e4e2dd;padding-top:var(--space-3);margin-top:var(--space-6);display:flex;justify-content:space-between}.cf-doc .doc-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.cf-doc .doc-highlight{background:var(--accent-subtle);border-left:3px solid var(--accent);padding:var(--space-3) var(--space-4);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--text-sm);margin:var(--space-3) 0}.cf-doc .doc-cols-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.cf-doc .doc-cols-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-4)}.cf-doc .doc-cols-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:var(--space-3)}.cf-doc .doc-cols-2-1{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-5)}.cf-doc .doc-cols-1-2{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-5)}.cf-doc .doc-cols-3-1{display:grid;grid-template-columns:3fr 1fr;gap:var(--space-5)}.cf-doc .doc-cols-1-3{display:grid;grid-template-columns:1fr 3fr;gap:var(--space-5)}.cf-doc .doc-section{margin-bottom:var(--space-6)}.cf-doc .doc-section:last-child{margin-bottom:0}.cf-doc .doc-section-sm{margin-bottom:var(--space-3)}.cf-doc .doc-header-band{background:var(--accent);color:#fff;padding:var(--space-6) var(--space-6) var(--space-4);margin-bottom:var(--space-6);border-radius:var(--radius-md)}.cf-doc .doc-header-band h1,.cf-doc .doc-header-band h2,.cf-doc .doc-header-band h3{color:#fff;margin-top:0}.cf-doc .doc-header-band p{color:#ffffffd9}.cf-doc .doc-header-band .doc-kicker{color:#ffffffb3}.cf-doc .doc-aside{font-size:var(--text-sm);color:#595856}.cf-doc .doc-aside h3{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:600;margin:var(--space-4) 0 var(--space-2)}.cf-doc .doc-aside h3:first-child{margin-top:0}.cf-doc .doc-aside ul{list-style:none;padding-left:0}.cf-doc .doc-aside li{padding-left:0}@media(prefers-color-scheme:dark){.cf-doc .doc-aside{color:var(--text-secondary)}}.cf-doc ul,.cf-doc ol{padding-left:var(--space-5);margin:0 0 var(--space-3)}.cf-doc li{margin-bottom:var(--space-1);font-size:var(--text-sm)}.cf-doc code{font-family:var(--font-mono);font-size:.85em;background:#f3f1ed;padding:1px 5px;border-radius:3px}.chat-bubble img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-3) 0;display:block}.search-indicator{margin-bottom:var(--space-3)}.theme-bar{position:relative;display:flex;align-items:center;gap:var(--space-1)}.theme-bar-pill{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-1) var(--space-3);padding-right:var(--space-2);border:1px solid var(--border);border-radius:9999px;background:var(--bg);color:var(--text);cursor:pointer;white-space:nowrap;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.theme-bar-pill:hover{border-color:var(--border-strong)}.theme-bar-pill.active,.theme-bar-pill:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent);outline:none}.theme-bar-pill-label{max-width:160px;overflow:hidden;text-overflow:ellipsis}.theme-bar-chevron{color:var(--text-muted);flex-shrink:0;transition:transform var(--duration-fast) var(--ease-out)}.theme-bar-chevron.open{transform:rotate(180deg)}.theme-bar-clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-btn-sm);transition:color var(--duration-fast) var(--ease-out)}.theme-bar-clear:hover{color:var(--text)}.theme-bar-menu{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-1);z-index:100;animation:theme-menu-in var(--duration-normal) var(--ease-out)}@keyframes theme-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.theme-bar-menu-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background var(--duration-fast) var(--ease-out)}.theme-bar-menu-item:hover{background:var(--accent-subtle)}.theme-bar-menu-item.selected{font-weight:600;color:var(--accent)}.theme-bar-menu-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-bar-menu-delete{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-btn-sm);opacity:0;transition:opacity var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.theme-bar-menu-item:hover .theme-bar-menu-delete{opacity:1}.theme-bar-menu-delete:hover{color:var(--destructive)}.home-page{display:flex;flex-direction:column;height:100%}.home-page #main-content{flex:1;min-height:0;display:flex;flex-direction:column;position:relative;overflow:hidden}.home-page .home-header{top:40px}.chat-form{margin-top:var(--space-4);padding:var(--space-5);background:var(--bg);border-radius:var(--radius-md);max-width:400px;margin-left:auto;margin-right:auto}.chat-form .input-group{margin-bottom:var(--space-3)}.chat-form .input-label{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-1)}.chat-form .input-hint{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2)}.chat-form .input{font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);width:100%;transition:border-color .15s,box-shadow .15s}.chat-form .input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.chat-form .input-error{border-color:var(--destructive)}.chat-form .input-error:focus{border-color:var(--destructive);box-shadow:0 0 0 3px color-mix(in srgb,var(--destructive) 15%,transparent)}.chat-form .input-error-msg{display:flex;align-items:baseline;gap:var(--space-1);font-size:var(--text-xs);color:var(--destructive);margin-top:var(--space-1);line-height:1.4}.chat-form .input-valid{border-color:var(--accent)}.chat-form .input-valid:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.chat-form .input-valid-msg{font-size:var(--text-xs);color:var(--accent);margin-top:var(--space-1)}.chat-form-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4);justify-content:center}.chat-form select.input{appearance:auto;cursor:pointer}.chat-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);flex-wrap:wrap}.chat-actions .btn{min-width:100px;justify-content:center}.chat-action-confirmed{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-secondary)}.chat-action-confirmed-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;flex-shrink:0}.chat-action-confirmed-icon.confirm{background:var(--accent-subtle);color:var(--accent)}.chat-action-confirmed-icon.destructive{background:var(--destructive-subtle);color:var(--destructive)}.chat-action-confirmed-label{font-weight:600;color:var(--text)}.chat-action-confirmed-time{font-size:var(--text-xs);color:var(--text-muted);margin-left:auto}.chat-form-confirmed{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--accent-subtle);border-radius:var(--radius-md);max-width:400px;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--accent);font-weight:600}[data-shape=cut] code,[data-shape=cut] kbd,[data-shape=cut] .badge,[data-shape=cut] .code-copy-btn,[data-shape=cut] .skeleton-line,[data-shape=cut] .nav-item,[data-shape=cut] .nav-item.active,[data-shape=cut] .theme-bar-pill,[data-shape=cut] .cite-inline,[data-shape=cut] .chat-action-confirmed-icon,[data-shape=cut] .progress-bar,[data-shape=cut] .progress-fill,[data-shape=cut] .cf-doc .doc-example,[data-shape=cut] .cf-doc code{border-radius:0;clip-path:polygon(var(--cut-sm) 0,100% 0,100% 100%,0 100%,0 var(--cut-sm))}[data-shape=cut] .btn,[data-shape=cut] .input,[data-shape=cut] textarea.input,[data-shape=cut] select.input,[data-shape=cut] .chat-form .input,[data-shape=cut] .alert,[data-shape=cut] pre,[data-shape=cut] .code-block-wrapper,[data-shape=cut] .toast,[data-shape=cut] .cite-block,[data-shape=cut] .chat-bubble img,[data-shape=cut] .skip-link,[data-shape=cut] .cf-doc .doc-highlight{border-radius:0;clip-path:polygon(var(--cut-md) 0,100% 0,100% 100%,0 100%,0 var(--cut-md))}[data-shape=cut] .card,[data-shape=cut] .modal,[data-shape=cut] .chat-bubble.user,[data-shape=cut] .sidebar,[data-shape=cut] .cf-preview{border-radius:0;clip-path:polygon(var(--cut-lg) 0,100% 0,100% 100%,0 100%,0 var(--cut-lg))}[data-shape=cut] .code-block-wrapper pre,[data-shape=cut] .chat-form-confirmed{border-radius:0}[data-shape=cut] .card{box-shadow:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.04))}[data-shape=cut] .modal{box-shadow:none;filter:drop-shadow(0 8px 24px rgba(0,0,0,.12))}[data-shape=cut] .toast{box-shadow:none;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.ds-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-2)}.ds-icon-cell{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);transition:border-color var(--duration-fast) var(--ease-out)}.ds-icon-cell:hover{border-color:var(--accent)}.ds-icon-preview{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-sm);background:var(--bg);color:var(--text-secondary)}.ds-icon-meta{display:flex;flex-direction:column;min-width:0}.ds-icon-name{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-icon-variant{font-size:10px;color:var(--text-muted);font-family:var(--font-mono)}.hm-ch{display:inline-block;transform:rotate(calc(sin(var(--hm-i) * 1.618)/.4deg)) translateY(calc(sin(var(--hm-i) * 2.236)*1.2px)) skew(calc(sin(var(--hm-i) * 2.646)*1.5deg)) scale(calc(1 + sin(var(--hm-i) * .618)/25));transition:transform var(--duration-slow) var(--ease-out)}[data-heading-effect=handmade] h1,[data-heading-effect=handmade] h2,[data-heading-effect=handmade] h3,[data-heading-effect=handmade] h4{font-feature-settings:"calt" 1;letter-spacing:.02em}[data-heading-effect=handmade] h2{transform:rotate(-.5deg)}[data-heading-effect=handmade] h3{transform:rotate(.3deg)}[data-heading-effect=handmade] code,[data-heading-effect=handmade] pre{font-family:Kalam,cursive!important;letter-spacing:.01em}[data-heading-effect=handmade] .section-accordion-trigger,[data-heading-effect=handmade] .card,[data-heading-effect=handmade] .chat-bubble,[data-heading-effect=handmade] .badge,[data-heading-effect=handmade] .btn,[data-heading-effect=handmade] table,[data-heading-effect=handmade] input,[data-heading-effect=handmade] textarea,[data-heading-effect=handmade] select{border-radius:1px 2px 1.5px .5px!important}[data-heading-effect=handmade] .section-accordion-trigger{border:1.5px solid rgba(0,0,0,.15);box-shadow:1.5px 2px #0000000a;background:transparent}[data-heading-effect=handmade] .section-accordion-trigger:hover{background:#00000005}[data-heading-effect=handmade] .card{border:1.5px solid rgba(0,0,0,.15);box-shadow:2px 2px #0000000d}[data-heading-effect=handmade] .chat-bubble{border:1.5px solid rgba(0,0,0,.12);box-shadow:1px 2px #0000000a}[data-heading-effect=handmade] .chat-bubble.user{border-color:#0000002e}[data-heading-effect=handmade] .section-accordion-icon{border-radius:2px}[data-heading-effect=handmade] hr{border:none!important;height:2px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 2 Q15 0.5 30 2 Q50 3.5 70 1.5 Q90 0 110 2.5 Q130 4 150 1.5 Q170 0 190 2.5 L200 2' stroke='rgba(0,0,0,0.15)' fill='none' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-size:100% 4px;background-repeat:no-repeat;opacity:1}[data-heading-effect=handmade] .spec-tab[aria-selected=true]{border-bottom:2.5px solid var(--text)!important;border-bottom-style:solid!important;transform:rotate(-.3deg)}[data-heading-effect=handmade] .spec-tab{border-bottom-color:transparent!important}[data-heading-effect=handmade] th,[data-heading-effect=handmade] td{border-color:#0000001a!important;border-width:1.5px!important}[data-heading-effect=handmade] .chat-input-bar{border:1.5px solid rgba(0,0,0,.18)!important;border-radius:2px 1px 1.5px 2.5px!important;box-shadow:1px 2px #0000000a}[data-heading-effect=handmade] blockquote{border-left:3px solid rgba(0,0,0,.25)!important;border-left-style:solid!important;transform:rotate(-.2deg)}[data-heading-effect=handmade] .cite-inline{border-color:#0000001f!important;border-radius:1px 2px 1.5px .5px!important}[data-heading-effect=handmade] .badge{border:1px solid rgba(0,0,0,.12)!important;box-shadow:.5px 1px #00000008}[data-heading-effect=handmade]:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:10000;opacity:.05;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px;mix-blend-mode:multiply}[data-heading-effect=handmade] .chat-bubble,[data-heading-effect=handmade] .card,[data-heading-effect=handmade] .section-accordion-trigger{background-color:#faf7f399}[data-heading-effect=handmade] .chat-bubble.user{background-color:#f5f0e8b3}[data-heading-effect=handmade] .cf-doc .doc-example.good{background:radial-gradient(ellipse 80% 60% at 25% 40%,rgba(180,210,190,.18) 0%,transparent 70%),radial-gradient(ellipse 50% 80% at 75% 60%,rgba(200,225,200,.12) 0%,transparent 60%),linear-gradient(142deg,#c8dcc814,#b4d2be38 30%,#c3dac60f,#c8dcc829 80%,#bed7c31a)!important;border:1.5px solid rgba(0,0,0,.1)!important;border-radius:1px 2px 1.5px .5px!important}[data-heading-effect=handmade] .cf-doc .doc-example.bad{background:radial-gradient(ellipse 70% 50% at 30% 50%,rgba(210,165,155,.16) 0%,transparent 65%),radial-gradient(ellipse 60% 70% at 70% 40%,rgba(220,180,170,.1) 0%,transparent 55%),linear-gradient(138deg,#dcb4aa14,#d2a59b38 35%,#daafa50d,#d7aaa029 85%,#dcb4aa14)!important;border:1.5px solid rgba(0,0,0,.1)!important;border-radius:1px 2px 1.5px .5px!important}[data-heading-effect=handmade] code{background:radial-gradient(ellipse 90% 100% at 20% 50%,rgba(0,0,0,.06) 0%,transparent 60%),linear-gradient(118deg,#00000008,#0001 35%,#0000000a 65%,#00000005)!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:1px!important}[data-heading-effect=handmade] .badge-muted{background:radial-gradient(ellipse 60% 80% at 40% 50%,rgba(0,0,0,.05) 0%,transparent 50%),linear-gradient(126deg,#00000005,#0000000e 45%,#00000004)!important}[data-heading-effect=handmade] .icon-tile{background:radial-gradient(ellipse 70% 60% at 35% 55%,rgba(0,0,0,.03) 0%,transparent 55%),linear-gradient(122deg,#00000004,#0000000a 40%,#00000002)!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:1px 2px 1.5px .5px!important}[data-heading-effect=handmade] .typo-guide{background:#00000014}[data-heading-effect=handmade] .typo-guide-label{color:#0003;font-family:Permanent Marker,cursive;font-size:8px;letter-spacing:0}[data-heading-effect=handmade] svg{filter:url(#handmade-icon)}[data-heading-effect=handmade] svg[aria-hidden=true]:has(defs){filter:none}[data-heading-effect=handmade] .section-accordion-trigger svg{transform:rotate(-1.5deg)}[data-heading-effect=handmade] .chat-icon-btn svg{transform:rotate(1deg)}[data-heading-effect=handmade] .side-nav svg{transform:rotate(-1deg)}[data-heading-effect=handmade] p,[data-heading-effect=handmade] li,[data-heading-effect=handmade] td,[data-heading-effect=handmade] th,[data-heading-effect=handmade] label,[data-heading-effect=handmade] .btn,[data-heading-effect=handmade] .badge,[data-heading-effect=handmade] .chat-bubble p{filter:url(#handmade-text)}[data-heading-effect=handmade] p:nth-child(odd){transform:rotate(-.15deg);letter-spacing:.005em}[data-heading-effect=handmade] p:nth-child(2n){transform:rotate(.1deg);word-spacing:.02em}[data-heading-effect=handmade] li:nth-child(3n){transform:rotate(-.12deg);letter-spacing:.003em}[data-heading-effect=handmade] li:nth-child(3n+1){transform:rotate(.08deg);word-spacing:.015em}[data-heading-effect=handmade] li:nth-child(3n+2){transform:rotate(-.06deg);letter-spacing:-.002em}[data-heading-effect=handmade] p:nth-child(3n){font-weight:395}[data-heading-effect=handmade] p:nth-child(3n+1){font-weight:405}[data-heading-effect=handmade] p:nth-child(3n+2){font-weight:400}[data-heading-effect=handmade] .btn:nth-child(odd){transform:rotate(-.4deg)}[data-heading-effect=handmade] .btn:nth-child(2n){transform:rotate(.3deg)}.chat-page{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-6) var(--space-4);-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.chat-messages-inner{max-width:680px;margin:0 auto;padding-bottom:40vh}.chat-messages-inner .chat-bubble{margin-bottom:var(--space-4)}.chat-messages-inner .chat-bubble.user{margin-left:auto;width:fit-content;max-width:85%}.chat-input-bar{position:relative;flex-shrink:0;padding:var(--space-4) var(--space-8) var(--space-5);background:transparent}.chat-input-bar:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent,var(--bg) 40%);pointer-events:none;z-index:-1}.chat-input-inner{max-width:680px;margin:0 auto;display:flex;gap:var(--space-1);align-items:center;background:var(--surface);border:1px solid transparent;border-radius:var(--radius-input);padding:var(--space-1) var(--space-2);box-shadow:var(--shadow-md),0 0 0 1px color-mix(in srgb,var(--border) 50%,transparent);min-height:56px;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),border-radius var(--duration-fast) var(--ease-out)}.chat-input-inner:focus-within{border-color:color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:var(--shadow-md),0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.chat-input-inner.has-attachments,.chat-input-inner.multiline{align-items:flex-end;border-radius:var(--radius-lg)}.chat-input-inner.recording{padding:var(--space-1) var(--space-1);align-items:center}.chat-input-body{flex:1;display:flex;flex-direction:column;min-width:0}.chat-input-field{flex:none;width:100%;font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-input);background:transparent;color:var(--text);resize:none;min-height:44px;max-height:calc(var(--text-base) * var(--line-height-prose) * 10 + var(--space-2) * 2);line-height:var(--line-height-prose);overflow-y:auto;transition:max-height var(--duration-base) var(--ease-out)}.chat-input-field:focus{outline:none}.chat-input-field::placeholder{color:var(--text-muted)}.chat-icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-icon-btn);background:none;border:none;color:var(--text);cursor:pointer;flex-shrink:0;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),border-radius var(--duration-fast) var(--ease-out)}.chat-icon-btn:hover{color:var(--text);background:color-mix(in srgb,var(--accent) 10%,transparent)}.chat-icon-btn:active{transform:scale(.92)}.chat-icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chat-icon-btn:disabled{opacity:.4;cursor:not-allowed}.chat-cancel-btn{background:var(--accent);color:#fff;width:44px;height:44px}.chat-cancel-btn:hover{background:var(--accent-hover);color:#fff}.chat-attach-wrapper{position:relative;flex-shrink:0}.chat-attach-wrapper+.chat-icon-btn{margin-left:calc(-1 * var(--space-2))}.chat-attach-btn svg{transition:transform var(--duration-base) var(--ease-spring)}.chat-attach-btn.active svg{transform:rotate(45deg)}.chat-attach-btn:hover{color:var(--accent);transform:scale(1.08)}.chat-attach-menu{position:absolute;bottom:calc(100% + var(--space-2));right:-4px;min-width:180px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-1);display:flex;flex-direction:column;animation:attach-menu-in var(--duration-base) var(--ease-out) both;z-index:10}@keyframes attach-menu-in{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(0)}}.chat-attach-menu-item{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background var(--duration-fast) var(--ease-out)}.chat-attach-menu-item:hover{background:var(--accent-subtle)}.chat-attach-menu-item svg{color:var(--text-muted);flex-shrink:0}.chat-thumbnails{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3) 0;overflow-x:auto}.chat-thumb{position:relative;width:56px;height:56px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;border:1px solid var(--border)}.chat-thumb img{width:100%;height:100%;object-fit:cover;display:block}.chat-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--accent-subtle);color:var(--text-muted)}.chat-thumb-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:var(--radius-full);background:var(--text);color:var(--bg);border:none;cursor:pointer;font-size:10px;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.chat-thumb:hover .chat-thumb-remove{opacity:1}.chat-input-inner.dragging{border-color:var(--accent);background:var(--accent-subtle)}.chat-drop-overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:color-mix(in srgb,var(--accent-subtle) 90%,transparent);border:2px dashed var(--accent);border-radius:var(--radius-lg);pointer-events:none;animation:overlay-fade-in .2s ease-out}.chat-drop-overlay svg{color:var(--accent)}.chat-drop-overlay-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent);font-weight:600;letter-spacing:.02em}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.mic-drop-icon{animation:mic-fall .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes mic-fall{0%{opacity:0;transform:translateY(-80px) rotate(-8deg) scale(.7)}50%{opacity:1;transform:translateY(6px) rotate(2deg) scale(1.05)}70%{transform:translateY(-3px) rotate(-1deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}.mic-drop-ripple{position:absolute;width:80px;height:80px;border-radius:50%;border:2px solid var(--accent);opacity:0;pointer-events:none;animation:ripple-expand 1s ease-out both}.mic-drop-ripple:nth-child(2){animation-delay:.15s}.mic-drop-ripple:nth-child(3){animation-delay:.3s}@keyframes ripple-expand{0%{opacity:.5;transform:scale(.3)}to{opacity:0;transform:scale(2.5)}}.mic-drop-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent);font-weight:600;letter-spacing:.02em;animation:text-arrive .4s ease-out .3s both}@keyframes text-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-drop-flash{position:absolute;inset:0;z-index:21;background:var(--accent);border-radius:var(--radius-lg);pointer-events:none;animation:drop-flash .5s ease-out both}@keyframes drop-flash{0%{opacity:.15}to{opacity:0}}.chat-user-image{max-width:300px;max-height:300px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:var(--space-2);display:block}.response-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4);padding-top:0;border-top:none}.response-action-btn{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);background:none;border:none;cursor:pointer;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.response-action-btn:hover{color:var(--accent);background:var(--accent-subtle)}.response-action-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.response-action-btn:disabled{opacity:.5;cursor:not-allowed}.response-action-btn.active{color:var(--accent)}.response-action-icon{width:14px;height:14px;flex-shrink:0}.response-action-spinner{width:14px;height:14px;flex-shrink:0;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:response-spin .6s linear infinite}@keyframes response-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.response-action-spinner{animation:none;border-top-color:var(--text-muted)}}.voice-play-group{position:relative;display:inline-flex;align-items:center}.voice-play-group .response-action-btn{border-top-right-radius:0;border-bottom-right-radius:0;padding-right:var(--space-2)}.voice-chevron-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;border-left:1px solid var(--border);cursor:pointer;padding:var(--space-1) var(--space-1);border-radius:0 var(--radius-full) var(--radius-full) 0;color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.voice-chevron-btn:hover,.voice-chevron-btn.active{color:var(--accent);background:var(--accent-subtle)}.voice-chevron-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.voice-chevron-icon{width:14px;height:14px}.voice-menu{position:absolute;bottom:calc(100% + var(--space-2));left:0;min-width:200px;max-height:260px;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000001f;z-index:50;padding:var(--space-1) 0}.voice-menu-loading{padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.voice-menu-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);text-align:left;transition:background var(--duration-fast) var(--ease-out)}.voice-menu-item:hover{background:var(--accent-subtle)}.voice-menu-item.selected{color:var(--accent)}.voice-menu-name{flex:1}.voice-menu-category{font-size:var(--text-xs);color:var(--text-muted);text-transform:capitalize}.voice-menu-check{width:14px;height:14px;color:var(--accent);flex-shrink:0}.chat-upload-indicator{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);padding:var(--space-1) var(--space-3)}.chat-mic-btn{position:relative;margin-right:-2px}.chat-mic-btn:hover{color:var(--accent);transform:scale(1.08)}.chat-voice-waveform{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;height:44px;padding:0 var(--space-2)}.chat-voice-canvas{display:block;width:100%;height:44px;color:var(--accent)}.voice-bar{width:2px;border-radius:1px;background:var(--accent);opacity:.5;animation:voice-bar-pulse 1.2s ease-in-out infinite alternate}@keyframes voice-bar-pulse{0%{height:2px}50%{height:18px}to{height:4px}}@keyframes btn-spin-in{0%{opacity:0;transform:rotate(-90deg) scale(.5)}to{opacity:1;transform:rotate(0) scale(1)}}.recording:not(.dismissing) .chat-cancel-btn,.recording:not(.dismissing) .chat-send-btn.recording{animation:btn-spin-in .35s var(--ease-spring) both}.recording:not(.dismissing) .chat-send-btn.recording{animation-delay:60ms}@keyframes waveform-fade-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.recording:not(.dismissing) .chat-voice-waveform{animation:waveform-fade-in .3s var(--ease-out) 80ms both}@keyframes btn-spin-out{to{opacity:0;transform:rotate(90deg) scale(.5)}}@keyframes waveform-dismiss{to{opacity:0;transform:scaleY(.7)}}.dismissing .chat-cancel-btn,.dismissing .chat-send-btn.recording{animation:btn-spin-out .25s var(--ease-out) both}.dismissing .chat-voice-waveform{animation:waveform-dismiss .28s var(--ease-out) both}.chat-send-btn{background:var(--accent);color:#fff}.chat-send-btn svg{transform:translateY(-1px)}.chat-send-btn:hover{background:var(--accent-hover);color:#fff}.chat-send-btn:active{transform:scale(.95)}.chat-send-btn:disabled{background:var(--text-muted);opacity:.4;cursor:not-allowed}.chat-send-btn.recording{background:var(--accent);color:#fff}.ch-history{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;padding:var(--space-8);max-width:1080px;margin:0 auto;width:100%;box-sizing:border-box}.ch-history-header{display:flex;align-items:flex-start;justify-content:space-between;padding-top:var(--space-5);margin-bottom:var(--space-5)}.ch-history-kicker{display:block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}.ch-history-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:400;color:var(--text);line-height:1.2;margin:0}.ch-history-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-base);margin-top:var(--space-2);max-width:52ch}.ch-btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;background:var(--accent);color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-btn-md);border:none;cursor:pointer;transition:background var(--duration-fast) var(--ease-out);flex-shrink:0;white-space:nowrap}.ch-btn-primary:hover{background:var(--accent-hover)}.ch-table-wrapper{background:var(--surface);border-radius:var(--radius-lg);overflow-x:auto;flex:1}.ch-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);font-family:var(--font-body);table-layout:auto}.ch-table thead th{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-strong);background:var(--surface-raised);white-space:nowrap}.ch-table tbody tr{cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.ch-table tbody tr:hover td{background:var(--accent-subtle)}.ch-table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;line-height:var(--leading-snug)}.ch-table tbody tr:last-child td{border-bottom:none}.ch-cell-title{font-weight:500;color:var(--text)}.ch-cell-date{display:flex;flex-direction:column;gap:1px}.ch-cell-date-day{font-size:var(--text-sm)}.ch-cell-date-time{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.ch-btn-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;color:var(--text-muted);border-radius:var(--radius-btn-sm);cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.ch-btn-icon svg{width:14px;height:14px}.ch-delete-btn:hover{color:var(--destructive)}.chat-bubble.streaming{contain:layout style;will-change:contents}.streaming-content{animation:stream-appear var(--duration-base) var(--ease-out) both}@keyframes stream-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.streaming-cursor{display:inline-block;width:2px;height:16px;background:var(--accent);animation:cursor-blink 1s ease-in-out infinite;vertical-align:text-bottom;margin-left:2px;border-radius:1px}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.chat-welcome{display:flex;flex-direction:column;max-width:680px;margin:0 auto;padding:var(--space-10) var(--space-4) var(--space-8)}.welcome-header{text-align:left;margin-bottom:var(--space-8)}.chat-welcome h2{font-family:var(--font-heading);color:var(--text);font-size:var(--text-2xl);margin:0 0 var(--space-2)}.welcome-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin:0;line-height:1.5}.welcome-section{margin-bottom:var(--space-6)}.welcome-section-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600;margin-bottom:var(--space-3)}.welcome-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0}.welcome-suggestions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.welcome-suggestion{font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:all .15s;text-align:left;line-height:1.4;min-height:36px}.welcome-suggestion:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.welcome-suggestion:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.welcome-rules{margin-top:var(--space-2)}.welcome-rules-grid{display:flex;flex-direction:column;gap:var(--space-2)}.welcome-rule{display:flex;align-items:baseline;gap:var(--space-3);font-size:var(--text-sm);color:var(--text);line-height:1.5}.welcome-rule-num{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--accent);min-width:16px;text-align:center}.welcome-rule-desc{color:var(--text-muted)}.chat-menu-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-btn-md);background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:var(--text-lg);transition:color .12s,background .12s;flex-shrink:0}.chat-menu-btn:hover{color:var(--text);background:var(--bg)}.chat-menu-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chat-inline-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.chat-header-back{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:0;flex-shrink:0;transition:color var(--duration-fast) var(--ease-out)}.chat-header-back:hover{color:var(--text)}.chat-header-title{font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.chat-input-floating{position:fixed;bottom:0;left:0;right:0;padding:var(--space-4) var(--space-8) var(--space-6);background:transparent;z-index:40;transition:left .2s ease;pointer-events:none}.chat-input-floating .chat-input-inner{pointer-events:auto}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--space-6);background:var(--bg)}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-lg)}.auth-card h2{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text);margin:0}.auth-toggle{background:none;border:none;color:var(--accent);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);padding:0;text-decoration:underline;text-underline-offset:2px}.auth-toggle:hover{color:var(--accent-hover)}[data-shape=cut] .chat-icon-btn{border-radius:0;clip-path:polygon(var(--cut-md) 0,100% 0,100% 100%,0 100%,0 var(--cut-md))}[data-shape=cut] .chat-input-inner{border-radius:0;clip-path:polygon(var(--cut-lg) 0,100% 0,100% 100%,0 100%,0 var(--cut-lg));box-shadow:none;filter:drop-shadow(0 4px 12px rgba(0,0,0,.06))}[data-shape=cut] .chat-input-inner:focus-within{filter:drop-shadow(0 4px 12px rgba(0,0,0,.06)) drop-shadow(0 0 3px color-mix(in srgb,var(--accent) 12%,transparent))}[data-shape=cut] .chat-input-inner.multiline,[data-shape=cut] .chat-input-inner.has-attachments{border-radius:0}[data-shape=cut] .chat-attach-menu{border-radius:0;clip-path:polygon(var(--cut-md) 0,100% 0,100% 100%,0 100%,0 var(--cut-md))}[data-shape=cut] .chat-attach-menu-item{border-radius:0}[data-shape=cut] .chat-thumb{border-radius:0;clip-path:polygon(var(--cut-sm) 0,100% 0,100% 100%,0 100%,0 var(--cut-sm))}@media(max-width:640px){.chat-messages-inner .chat-bubble{padding:var(--space-4) var(--space-5)}.chat-messages-inner .chat-bubble.user{max-width:90%}.chat-input-bar{padding:var(--space-3) var(--space-3) var(--space-4)}.chat-welcome{padding:var(--space-6) var(--space-3) var(--space-4)}.welcome-header{margin-bottom:var(--space-6)}}.cf-shell{display:grid;grid-template-columns:0fr 1fr;grid-template-rows:1fr;height:100%;overflow:hidden;font-family:var(--font-body);position:relative;transition:grid-template-columns var(--duration-base) var(--ease-out)}.cf-menu-open{grid-template-columns:260px 1fr}.cf-hamburger{position:absolute;top:var(--space-3);left:var(--space-3);z-index:50;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:0;flex-shrink:0;transition:background var(--duration-fast) var(--ease-out),left var(--duration-base) var(--ease-out)}.cf-menu-open .cf-hamburger{left:calc(260px - 36px - var(--space-3))}.cf-hamburger:hover{background:var(--surface-raised)}.cf-hamburger-line{display:block;width:16px;height:2px;background:var(--text-muted);border-radius:1px;transition:transform var(--duration-base) var(--ease-out),opacity var(--duration-base) var(--ease-out)}.cf-menu-open .cf-hamburger-line:nth-child(1){transform:translateY(6px) rotate(45deg)}.cf-menu-open .cf-hamburger-line:nth-child(2){opacity:0}.cf-menu-open .cf-hamburger-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.cf-sidenav{grid-column:1;grid-row:1;width:260px;min-width:0;height:100%;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:calc(36px + var(--space-3) + var(--space-4)) var(--space-3) var(--space-4);-webkit-user-select:none;user-select:none;overflow-y:auto;overflow-x:hidden;transform:translate(-100%);opacity:0;transition:transform var(--duration-base) var(--ease-out),opacity var(--duration-base) var(--ease-out)}.cf-menu-open .cf-sidenav{transform:translate(0);opacity:1}.cf-nav-section{display:flex;flex-direction:column;gap:var(--space-1)}.cf-nav-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--text-muted);background:transparent;border:none;cursor:pointer;text-align:left;width:100%;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.cf-nav-item:hover{color:var(--accent);background:var(--accent-subtle)}.cf-nav-item--active{color:var(--accent);background:transparent;font-weight:600}.cf-nav-divider{border:none;border-top:1px solid var(--border);margin:var(--space-3) var(--space-3)}.cf-nav-history{flex:1;min-height:0;display:flex;flex-direction:column}.cf-nav-history-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-3);margin-bottom:var(--space-2)}.cf-nav-history-label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.cf-nav-history-new{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:0;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.cf-nav-history-new:hover{color:var(--accent);background:var(--surface-raised)}.cf-nav-history-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1px}.cf-nav-history-empty{font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-2) var(--space-3)}.cf-nav-history-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-muted);background:transparent;border:none;cursor:pointer;text-align:left;width:100%;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.cf-nav-history-item:hover{color:var(--text);background:var(--accent-subtle)}.cf-nav-history-item:hover .cf-nav-history-delete{opacity:1}.cf-nav-history-item--active{color:var(--accent);background:transparent;font-weight:600}.cf-nav-history-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-nav-history-delete{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:0;opacity:0;transition:opacity var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.cf-nav-history-delete:hover{color:var(--destructive, #e53e3e)}.cf-nav-footer{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border)}.cf-nav-email{font-size:var(--text-xs);color:var(--text-muted);padding:0 var(--space-3);margin-bottom:var(--space-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-nav-signout{display:block;width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500;color:var(--text-muted);background:transparent;border:none;cursor:pointer;text-align:left;transition:color var(--duration-fast) var(--ease-out)}.cf-nav-signout:hover{color:var(--text)}.cf-main{grid-column:2;grid-row:1;background:var(--bg);overflow:hidden;display:flex;flex-direction:column;position:relative;min-width:0;padding-top:calc(36px + var(--space-3) * 2)}.cf-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex:1}.cf-loading-cursor{display:inline-block;width:2px;height:16px;background:var(--accent);animation:cf-blink 1s step-end infinite}@keyframes cf-blink{50%{opacity:0}}.cf-loading-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted)}.cf-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-8);text-align:center;gap:var(--space-2)}.cf-empty-icon{width:32px;height:32px;color:var(--text-muted);margin-bottom:var(--space-2)}.cf-empty-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--text);margin:0}.cf-empty-desc{font-size:var(--text-sm);color:var(--text-muted);max-width:280px;margin:0}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:page-enter var(--duration-slow) var(--ease-out) both;flex:1;min-height:0;display:flex;flex-direction:column}.page-transition-stagger{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;padding:var(--space-8)}.page-transition-stagger>*{opacity:0;animation:page-enter var(--duration-slow) var(--ease-out) both}.page-transition-stagger>*:nth-child(1){animation-delay:0ms}.page-transition-stagger>*:nth-child(2){animation-delay:50ms}.page-transition-stagger>*:nth-child(3){animation-delay:.1s}.page-transition-stagger>*:nth-child(4){animation-delay:.15s}.page-transition-stagger>*:nth-child(5){animation-delay:.2s}@media(prefers-reduced-motion:reduce){.page-transition,.page-transition-stagger>*{animation:none;opacity:1;transform:none}}.overview-page{flex:1;min-height:0;overflow-y:auto;overflow-x:clip}.cf-home-heading{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:600;color:var(--text);margin-bottom:var(--space-6)}.cf-app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media(max-width:1100px){.cf-app-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.cf-app-grid{grid-template-columns:1fr}}.cf-app-card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-6);cursor:pointer;text-align:left;position:relative;border:none;width:100%;transition:box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-spring)}.cf-app-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cf-app-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cf-app-card-body{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.cf-app-card-text{display:flex;flex-direction:column;min-width:0}.cf-app-kicker{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);letter-spacing:.1em;margin-bottom:var(--space-3)}.cf-app-name{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;color:var(--text);font-optical-sizing:auto;margin-bottom:var(--space-3)}.cf-app-icon{width:44px;height:44px;background:var(--accent-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700}.cf-app-body{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin-top:var(--space-3)}.vault-drawer-backdrop{position:fixed;inset:0;background:#0000004d;z-index:199}.vault-drawer{position:fixed;top:0;right:0;height:100vh;width:380px;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-slow) var(--ease-spring);z-index:200;overflow:hidden}.vault-drawer--open{transform:translate(0)}.vault-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);flex-shrink:0}.vault-drawer-header-left{display:flex;align-items:center;gap:var(--space-2)}.vault-drawer-header-icon{width:20px;height:20px;color:var(--accent);flex-shrink:0}.vault-drawer-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--text)}.vault-drawer-count{font-family:var(--font-mono);font-size:10px;color:var(--accent);background:var(--accent-subtle);border-radius:var(--radius-sm);padding:1px var(--space-2)}.vault-drawer-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.vault-drawer-close:hover{color:var(--text)}.vault-drawer-close svg{width:18px;height:18px}.vault-drawer-desc{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);color:var(--text-muted);border-bottom:1px solid var(--border);flex-shrink:0}.vault-drawer-error{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-3) var(--space-5) 0;padding:var(--space-2) var(--space-3);background:var(--destructive-subtle);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--destructive)}.vault-drawer-error-icon{width:14px;height:14px;flex-shrink:0}.vault-drawer-body{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-5)}.vault-drawer-loading{display:flex;align-items:center;gap:var(--space-3);justify-content:center;padding:var(--space-8)}.vault-drawer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8) var(--space-4);gap:var(--space-3)}.vault-drawer-empty-icon{width:32px;height:32px;color:var(--text-muted)}.vault-drawer-empty-text{font-size:var(--text-sm);color:var(--text-muted);line-height:1.6;max-width:260px}.vault-drawer-section{margin-bottom:var(--space-5)}.vault-drawer-section-label{display:block;font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3)}.vault-drawer-list{display:flex;flex-direction:column;gap:var(--space-2)}.vault-drawer-conn{background:var(--surface-raised);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.vault-drawer-conn--inactive{opacity:.6}.vault-drawer-conn-top{display:flex;align-items:center;gap:var(--space-3)}.vault-drawer-conn-icon{width:18px;height:18px;color:var(--accent);flex-shrink:0}.vault-drawer-conn-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.vault-drawer-conn-name{font-size:var(--text-sm);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vault-drawer-conn-meta-row{display:flex;align-items:center;gap:var(--space-2)}.vault-drawer-conn-category{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.06em;color:var(--accent);background:var(--accent-subtle);border-radius:var(--radius-sm);padding:1px var(--space-2);flex-shrink:0}.vault-drawer-conn-provider{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.vault-drawer-conn-status{flex-shrink:0}.vault-drawer-conn-status-text{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.vault-drawer-accounts{display:flex;flex-direction:column;gap:1px;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border)}.vault-drawer-account{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-1) 0}.vault-drawer-account-name{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.vault-drawer-account-type{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;flex-shrink:0}.vault-drawer-conn-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border)}.vault-drawer-conn-meta{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.vault-drawer-conn-app{color:var(--accent)}.vault-drawer-revoke-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:10px;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.vault-drawer-revoke-btn:hover{color:var(--destructive)}.vault-drawer-revoke-btn:disabled{cursor:not-allowed}.vault-drawer-revoke-icon{width:12px;height:12px;flex-shrink:0}.vault-drawer-add-section{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.vault-drawer-add-btn{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:var(--surface-raised);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);border:none;cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.vault-drawer-add-btn:hover{color:var(--accent);background:var(--accent-subtle)}.vault-drawer-add-btn-icon{width:16px;height:16px;flex-shrink:0}.vault-drawer-add-form{background:var(--surface-raised);border-radius:var(--radius-md);overflow:hidden}.vault-drawer-add-form-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.vault-drawer-add-form-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.06em}.vault-drawer-add-form-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;cursor:pointer;color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out)}.vault-drawer-add-form-close:hover{color:var(--text)}.vault-drawer-add-form-close svg{width:16px;height:16px}.vault-drawer-add-form-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.vault-drawer-add-form-field{display:flex;flex-direction:column;gap:var(--space-1)}.vault-drawer-add-form-label{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.vault-drawer-add-form-optional{font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-muted);opacity:.7}.vault-drawer-add-form-input{background:var(--bg);border:none;border-bottom:2px solid transparent;-webkit-appearance:none;appearance:none;color:var(--text);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);outline:none;width:100%;transition:border-color var(--duration-fast) var(--ease-out)}.vault-drawer-add-form-input:focus{border-bottom-color:var(--accent)}.vault-drawer-add-form-input::placeholder{color:var(--text-muted)}.vault-drawer-add-form-error{display:flex;align-items:center;gap:var(--space-2);margin:0 var(--space-4);padding:var(--space-2) var(--space-3);background:var(--destructive-subtle);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--destructive)}.vault-drawer-add-form-footer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border)}.vault-drawer-add-form-submit{background:var(--accent);color:#fff;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:none;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.vault-drawer-add-form-submit:hover{background:var(--accent-hover)}.vault-drawer-add-form-submit:disabled{background:var(--border-strong);cursor:not-allowed}.vault-drawer-add-form-security{display:flex;align-items:center;gap:var(--space-1);margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.vault-drawer-add-form-security-icon{width:12px;height:12px;flex-shrink:0}.vault-page{flex:1;min-height:0;overflow-y:auto;padding:var(--space-8);max-width:1080px;display:flex;flex-direction:column;gap:var(--space-5)}.vault-header{display:flex;align-items:flex-start;justify-content:space-between;padding-top:var(--space-5)}.vault-kicker{display:block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}.vault-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:400;color:var(--text);line-height:1.2;margin:0}.vault-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-base);margin-top:var(--space-2);max-width:52ch}.vault-btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;background:var(--accent);color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);border:none;cursor:pointer;transition:background var(--duration-fast) var(--ease-out);flex-shrink:0;white-space:nowrap}.vault-btn-primary:hover{background:var(--accent-hover)}.vault-btn-primary svg{width:18px;height:18px}.vault-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--destructive-subtle);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--destructive)}.vault-error-icon{width:14px;height:14px;flex-shrink:0}.vault-table-wrapper{background:var(--surface);border-radius:var(--radius-lg);overflow-x:auto;flex:1}.vault-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);font-family:var(--font-body);table-layout:auto}.vault-table thead th{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-strong);background:var(--surface-raised);white-space:nowrap}.vault-table tbody tr{transition:background var(--duration-fast) var(--ease-out)}.vault-table tbody tr:hover td{background:var(--accent-subtle)}.vault-table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;line-height:var(--leading-snug)}.vault-table tbody tr:last-child td{border-bottom:none}.vault-row-inactive{opacity:.6}.vault-cell-service{display:flex;align-items:center;gap:var(--space-3)}.vault-conn-icon{width:18px;height:18px;color:var(--accent);flex-shrink:0}.vault-cell-name{display:block;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vault-cell-provider{display:block;font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.vault-cell-type{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--accent);background:var(--accent-subtle);border-radius:var(--radius-sm);padding:1px var(--space-2)}.vault-cell-mono{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.vault-status-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:10px;font-weight:600;padding:2px var(--space-2);border-radius:var(--radius-sm);letter-spacing:.04em}.vault-status-active{color:#fff;background:var(--accent)}.vault-status-inactive{color:var(--text-muted);background:var(--surface-raised)}.vault-status-badge .status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.vault-btn-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.vault-btn-icon svg{width:16px;height:16px}.vault-delete-btn:hover{color:var(--destructive)}.vault-delete-btn:disabled{cursor:not-allowed;opacity:.5}.cf-section-label{display:block;font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.cf-section-title{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;margin:0}.cf-section-header{margin-bottom:var(--space-6)}.cf-section-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-base);margin-top:var(--space-2);max-width:52ch}.vault-add-form-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.vault-add-form-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.vault-add-form-title{font-size:var(--text-sm);font-weight:600}.vault-add-form-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer}.vault-add-form-close:hover{color:var(--text);background:var(--bg)}.vault-add-form-close svg{width:16px;height:16px}.vault-add-form-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.vault-add-form-field{display:flex;flex-direction:column;gap:var(--space-1)}.vault-add-form-label{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary)}.vault-add-form-optional{font-weight:400;color:var(--text-muted)}.vault-add-form-input{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg);color:var(--text)}.vault-add-form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.vault-add-form-error{display:flex;align-items:center;gap:var(--space-2);margin:0 var(--space-4);padding:var(--space-2) var(--space-3);background:var(--destructive-subtle);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--destructive)}.vault-add-form-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-top:1px solid var(--border)}.vault-add-form-submit{padding:var(--space-2) var(--space-4);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.vault-add-form-submit:hover{background:var(--accent-hover)}.vault-add-form-submit:disabled{opacity:.5;cursor:not-allowed}.vault-add-form-security{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted)}.vault-add-form-security-icon{width:12px;height:12px}@media(max-width:768px){.cf-menu-open{grid-template-columns:min(85vw,300px) 1fr}.cf-sidenav{width:min(85vw,300px)}}@media(max-width:480px){.vault-drawer{width:100%}}@media(prefers-reduced-motion:reduce){.vault-drawer,.vault-drawer-backdrop{transition:none}}.cf-select{position:relative;display:inline-flex;min-width:0}.cf-select-trigger{display:flex;align-items:center;gap:var(--space-2);background:var(--surface-raised);border:none;outline:none;-webkit-appearance:none;appearance:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text);text-align:left;width:100%;transition:box-shadow var(--duration-fast) var(--ease-out)}.cf-select-trigger--sm{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.cf-select-trigger--md{font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);background:var(--bg)}.cf-select-trigger:focus{box-shadow:inset 0 -2px 0 var(--accent)}.cf-select-trigger:hover{background:var(--border)}.cf-select-trigger--md:hover{background:var(--surface-raised)}.cf-select-trigger:disabled{opacity:.5;cursor:not-allowed}.cf-select-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-select-chevron{width:14px;height:14px;flex-shrink:0;color:var(--text-muted);transition:transform var(--duration-fast) var(--ease-out)}.cf-select-chevron--open{transform:rotate(180deg)}.cf-select-dropdown{position:fixed;z-index:9999;background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow-y:auto;max-height:240px;animation:cf-select-in var(--duration-fast) var(--ease-out) both}@keyframes cf-select-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cf-select-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.cf-select-option--highlighted{background:var(--surface-raised)}.cf-select-option--selected{color:var(--accent)}.cf-select-option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-select-check{width:14px;height:14px;flex-shrink:0;color:var(--accent)}.fullscreen-chat-cf-select{max-width:200px;min-width:0}.chat-drawer-cf-select{flex:1;min-width:0}@media(prefers-reduced-motion:reduce){.cf-select-dropdown{animation:none}.cf-select-chevron{transition:none}}.cf-daterange{position:relative}.cf-daterange-trigger{display:flex;align-items:center;gap:var(--space-2);background:var(--surface-raised);border:none;outline:none;-webkit-appearance:none;appearance:none;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:box-shadow var(--duration-fast) var(--ease-out)}.cf-daterange-trigger:focus{box-shadow:inset 0 -2px 0 var(--accent)}.cf-daterange-trigger:hover{background:var(--border)}.cf-daterange-icon{width:14px;height:14px;color:var(--text-muted);flex-shrink:0}.cf-daterange-dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;z-index:400;background:var(--surface);box-shadow:0 4px 12px #0000001f;border-radius:var(--radius-md);padding:var(--space-4);min-width:280px;animation:daterange-in var(--duration-fast) var(--ease-out) both}.cf-daterange-dropdown.cf-daterange-portal{position:fixed;top:auto;left:auto;z-index:9999}@keyframes daterange-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cf-daterange-presets{display:flex;gap:var(--space-1);margin-bottom:var(--space-3)}.cf-daterange-preset{flex:1;background:var(--surface-raised);border:none;outline:none;-webkit-appearance:none;appearance:none;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--text-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);cursor:pointer;text-align:center;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.cf-daterange-preset:hover{background:var(--accent-subtle);color:var(--accent)}.cf-daterange-preset.active{background:var(--accent);color:#fff}.cf-daterange-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.cf-daterange-nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--surface-raised);border:none;outline:none;-webkit-appearance:none;appearance:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.cf-daterange-nav-btn:hover{background:var(--accent-subtle);color:var(--accent)}.cf-daterange-nav-btn svg{width:16px;height:16px}.cf-daterange-month-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--text);letter-spacing:.02em}.cf-daterange-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.cf-daterange-day-header{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);text-align:center;padding:var(--space-1) 0;letter-spacing:.04em}.cf-daterange-day{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums lining-nums;color:var(--text);background:transparent;border:none;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.cf-daterange-day:hover{background:var(--accent-subtle)}.cf-daterange-day.outside{color:var(--text-muted);opacity:.5}.cf-daterange-day.today{box-shadow:inset 0 -2px 0 var(--accent);font-weight:600}.cf-daterange-day.in-range{background:var(--accent-subtle)}.cf-daterange-day.range-start,.cf-daterange-day.range-end{background:var(--accent);color:#fff;font-weight:600}.cf-daterange-hint{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);text-align:center;padding-top:var(--space-2);letter-spacing:.04em}.la-container{flex:1;min-height:0;overflow-y:auto;padding:var(--space-8);max-width:1080px}.la-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-4)}.la-header-actions{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-2);flex-wrap:wrap}.la-action-btn{display:flex;align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-3);background:var(--surface-raised);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.la-action-btn svg{width:16px;height:16px;flex-shrink:0}.la-action-btn:hover{color:var(--accent);background:var(--accent-subtle)}.la-action-btn:disabled{cursor:not-allowed;opacity:.6}.la-action-btn.la-action-busy{color:var(--accent);background:var(--accent-subtle)}.la-conn-status{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:11px;color:var(--text-muted);padding:var(--space-2) 0;margin-bottom:var(--space-2)}.la-conn-indicator.la-conn-active{color:var(--accent)}.la-conn-sep{color:var(--border-strong)}.la-action-msg{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);padding:var(--space-2) 0;margin-bottom:var(--space-2)}.la-action-msg-error{color:var(--destructive)}.la-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.la-settings-dropdown{position:fixed;z-index:9999;width:260px;background:var(--surface);box-shadow:0 4px 12px #0000001f;border-radius:var(--radius-md);overflow:hidden;animation:cf-select-in var(--duration-fast) var(--ease-out) both}.la-settings-section{padding:var(--space-3) var(--space-4)}.la-settings-section-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:var(--space-2)}.la-settings-meta{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);margin-bottom:var(--space-2)}.la-settings-item{display:block;width:100%;padding:var(--space-2) 0;background:none;border:none;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);text-align:left;cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.la-settings-item:hover,.la-settings-item:focus{color:var(--accent);outline:none}.la-settings-item--destructive{color:var(--text-muted)}.la-settings-item--destructive:hover,.la-settings-item--destructive:focus{color:var(--destructive)}.la-settings-divider{height:1px;background:var(--border)}.la-settings-confirm{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;flex-wrap:wrap}.la-settings-confirm-text{font-family:var(--font-mono);font-size:10px;color:var(--text);width:100%;margin-bottom:var(--space-1)}.la-settings-confirm-yes,.la-settings-confirm-no{height:24px;padding:0 var(--space-2);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:none;cursor:pointer;border-radius:var(--radius-sm)}.la-settings-confirm-yes{background:var(--accent);color:#fff}.la-settings-confirm-yes:hover{background:var(--accent-hover)}.la-settings-confirm-yes--destructive{background:var(--destructive)}.la-settings-confirm-no{background:var(--surface-raised);color:var(--text-muted)}.la-settings-confirm-no:hover{color:var(--text)}.la-settings-confirm-yes:disabled{opacity:.6;cursor:not-allowed}@media(prefers-color-scheme:dark){.la-settings-dropdown{box-shadow:0 4px 12px #0006}}@media(prefers-reduced-motion:reduce){.la-settings-dropdown{animation:none}}.la-tools-panel{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-3);padding:var(--space-4);background:var(--surface);border-radius:var(--radius-md)}.la-filter-bar{display:flex;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-6);padding:var(--space-4);background:var(--surface);border-radius:var(--radius-md)}.la-filter-search{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:180px;background:var(--surface-raised);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.la-filter-search-icon{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.la-filter-search-input{flex:1;background:none;border:none;outline:none;-webkit-appearance:none;appearance:none;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text);padding:0}.la-filter-search-input::placeholder{color:var(--text-muted)}.la-filter-group{display:flex;flex-direction:column;gap:var(--space-1)}.la-filter-label{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.la-filter-date{background:var(--surface-raised);border:none;outline:none;-webkit-appearance:none;appearance:none;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;min-width:100px}.la-filter-date:focus{box-shadow:inset 0 -2px 0 var(--accent)}.la-table-wrapper{background:var(--surface);border-radius:var(--radius-lg);overflow-x:auto}.la-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);font-family:var(--font-body);table-layout:auto}.la-table thead th{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-strong);background:var(--surface-raised);white-space:nowrap}.la-table thead th.col-num{text-align:right}.la-table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;line-height:var(--leading-snug)}.la-table tbody tr:nth-child(2n) td{background:var(--surface-raised)}.la-table tbody tr:hover td{background:var(--accent-subtle)}.la-table tbody tr:last-child td{border-bottom:none}.la-cell-date{font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums lining-nums;color:var(--text-secondary);white-space:nowrap}.la-cell-desc{max-width:280px}.la-desc-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.la-entity-label{display:inline-block;font-family:var(--font-mono);font-size:10px;color:var(--accent);background:var(--accent-subtle);border-radius:var(--radius-sm);padding:1px var(--space-2);margin-top:var(--space-1);letter-spacing:.04em}.la-cell-category{font-size:var(--text-xs);color:var(--text-secondary);text-transform:capitalize}.la-cell-source{white-space:nowrap}.la-source-icons{display:inline-flex;align-items:center;gap:var(--space-2)}.la-source-icon{width:16px;height:16px;flex-shrink:0}.la-source-bank{color:var(--text-muted)}.la-source-bill{color:var(--accent)}.la-source-hydrated{color:var(--text-secondary)}.la-cell-amount{font-family:var(--font-mono);font-variant-numeric:tabular-nums lining-nums;text-align:right;white-space:nowrap}.la-cell-amount.positive{color:#10b981}.la-cell-amount.negative{color:var(--destructive)}.la-cell-status{white-space:nowrap}.la-status{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.04em}.la-status-confirmed{color:#10b981}.la-status-pending{color:var(--text-muted)}.la-status-overdue{color:var(--destructive)}.la-table-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border)}.la-table-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.la-error{display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.la-error-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--destructive)}.la-scanning-row td{padding:var(--space-3) var(--space-4);background:var(--accent-subtle);border-bottom:1px solid var(--border)}.la-scanning-indicator{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);letter-spacing:.02em}.la-scanning-indicator svg{width:14px;height:14px;flex-shrink:0}.la-scanning-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center}.la-scanning-icon{width:28px;height:28px;color:var(--accent)}.la-scanning-title{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.04em}.la-scanning-desc{font-size:var(--text-sm);color:var(--text-muted);max-width:400px;line-height:var(--leading-base)}.la-detail-backdrop{position:fixed;inset:0;background:#0006;z-index:9998;animation:la-detail-fade var(--duration-fast) var(--ease-out) both}@keyframes la-detail-fade{0%{opacity:0}to{opacity:1}}.la-detail-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:520px;max-width:calc(100vw - var(--space-8));max-height:calc(100vh - var(--space-12));background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000029;display:flex;flex-direction:column;z-index:9999;overflow:hidden;animation:la-detail-in var(--duration-fast) var(--ease-out) both}@keyframes la-detail-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.la-detail-modal:focus{outline:none}.la-detail-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);flex-shrink:0;background:var(--surface-raised)}.la-detail-header-left{display:flex;align-items:center;gap:var(--space-2);min-width:0}.la-detail-header-icon{width:20px;height:20px;color:var(--accent);flex-shrink:0}.la-detail-title{font-size:var(--text-lg);font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.la-detail-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:color var(--duration-fast) var(--ease-out)}.la-detail-close:hover{color:var(--text)}.la-detail-close svg{width:18px;height:18px}.la-detail-body{flex:1;overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.la-detail-section-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.la-detail-section-icon{width:16px;height:16px;color:var(--accent);flex-shrink:0}.la-detail-section-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.la-detail-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);padding:var(--space-1) 0}.la-detail-row-label{font-size:var(--text-sm);color:var(--text-muted);flex-shrink:0}.la-detail-row-value{font-size:var(--text-sm);color:var(--text);text-align:right;word-break:break-word}.la-detail-row-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums lining-nums}.la-detail-amount{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:600;font-variant-numeric:tabular-nums lining-nums;color:var(--text);margin-bottom:var(--space-3)}.la-detail-line-items{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.la-detail-line-items thead th{font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);text-align:left;padding:var(--space-1) 0;border-bottom:1px solid var(--border)}.la-detail-line-items thead th.col-num{text-align:right}.la-detail-line-items tbody td{padding:var(--space-1) 0;border-bottom:1px solid var(--border);color:var(--text)}.la-detail-line-items tbody td.col-num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums lining-nums}.la-detail-line-items tbody tr:last-child td{border-bottom:none}.la-detail-confidence{display:flex;align-items:center;gap:var(--space-2)}.la-detail-confidence-bar{flex:1;height:4px;background:var(--border);border-radius:var(--radius-sm);overflow:hidden}.la-detail-confidence-fill{height:100%;background:var(--accent)}.la-detail-confidence-label{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);white-space:nowrap}.la-detail-loading{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-8) 0;justify-content:center}.la-detail-loading-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.la-row-clickable{cursor:pointer}.la-row-clickable:hover td{background:var(--accent-subtle)}.la-row-clickable:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media(prefers-color-scheme:dark){.la-detail-backdrop{background:#0009}.la-detail-modal{box-shadow:0 8px 24px #00000080}}@media(prefers-reduced-motion:reduce){.la-detail-modal,.la-detail-backdrop{animation:none}}@media(max-width:600px){.la-detail-modal{width:calc(100vw - var(--space-4));max-height:calc(100vh - var(--space-8))}}@media(max-width:640px){.la-filter-bar{flex-direction:column;align-items:stretch}.la-filter-search{min-width:unset}.la-cell-category,.la-cell-source{display:none}}.la-bank-section{margin-bottom:var(--space-6);background:var(--surface);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.la-bank-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.la-bank-header-left{display:flex;align-items:center;gap:var(--space-2)}.la-bank-icon{width:18px;height:18px;color:var(--accent);flex-shrink:0}.la-bank-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.06em}.la-bank-count{font-family:var(--font-mono);font-size:10px;color:var(--accent);background:var(--accent-subtle);border-radius:var(--radius-sm);padding:1px var(--space-2)}.la-bank-actions{display:flex;align-items:center;gap:var(--space-2)}.la-bank-connect-btn{background:var(--accent);color:#fff;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:background var(--duration-fast) var(--ease-out)}.la-bank-connect-btn:hover{background:var(--accent-hover)}.la-bank-connect-btn:disabled{background:var(--border-strong);cursor:not-allowed}.la-bank-sync-btn{display:flex;align-items:center;gap:var(--space-1);background:var(--surface-raised);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out)}.la-bank-sync-btn:hover{color:var(--accent)}.la-bank-sync-btn:disabled{cursor:not-allowed}.la-bank-sync-icon{width:14px;height:14px;flex-shrink:0}.cf-spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cf-spinning{animation:none}}.la-bank-error{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--destructive-subtle);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--destructive)}.la-bank-error-icon{width:14px;height:14px;flex-shrink:0}.la-bank-accounts{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.la-bank-account{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--surface-raised);border-radius:var(--radius-md)}.la-bank-account-info{display:flex;flex-direction:column;gap:2px}.la-bank-account-name{font-size:var(--text-sm);font-weight:500;color:var(--text)}.la-bank-account-meta{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.la-bank-account-status{display:flex;align-items:center;gap:var(--space-1)}.la-bank-status-ok{width:14px;height:14px;color:#10b981}.la-bank-status-warn{width:14px;height:14px;color:var(--destructive)}.la-bank-account-sync{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.la-upload-section{margin-bottom:var(--space-6)}.la-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8) var(--space-6);background:var(--surface);border:2px dashed var(--border);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.la-upload-zone:hover{border-color:var(--accent);background:var(--accent-subtle)}.la-upload-zone:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.la-upload-zone-active{border-color:var(--accent);background:var(--accent-subtle)}.la-upload-icon{width:28px;height:28px;color:var(--text-muted)}.la-upload-zone:hover .la-upload-icon,.la-upload-zone-active .la-upload-icon{color:var(--accent)}.la-upload-label{font-size:var(--text-sm);font-weight:500;color:var(--text)}.la-upload-hint{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:.04em}.la-upload-input{position:absolute;width:0;height:0;overflow:hidden;opacity:0}.la-upload-files{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.la-upload-chip{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface);border-radius:var(--radius-md)}.la-upload-chip-ext{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-subtle);border-radius:var(--radius-sm);padding:2px var(--space-2)}.la-upload-chip-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.la-upload-chip-name{font-size:var(--text-sm);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.la-upload-chip-status{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.la-upload-result{display:inline-flex;align-items:center;gap:var(--space-1)}.la-upload-result-icon{width:14px;height:14px;flex-shrink:0}.la-upload-ok{color:#10b981}.la-upload-err{color:var(--destructive)}.la-upload-chip-remove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-muted);flex-shrink:0;transition:color var(--duration-fast) var(--ease-out)}.la-upload-chip-remove svg{width:14px;height:14px}.la-upload-chip-remove:hover{color:var(--destructive)}.la-upload-submit{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--accent);color:#fff;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:background var(--duration-fast) var(--ease-out)}.la-upload-submit:hover{background:var(--accent-hover)}.la-upload-submit-icon{width:16px;height:16px;flex-shrink:0}.la-entity-section{margin-bottom:var(--space-6)}.la-entity-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-5);background:var(--surface);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;transition:color var(--duration-fast) var(--ease-out)}.la-entity-toggle:hover{color:var(--text)}.la-entity-toggle-label{display:flex;align-items:center;gap:var(--space-2)}.la-entity-count{font-family:var(--font-mono);font-size:10px;color:var(--accent);background:var(--accent-subtle);border-radius:var(--radius-sm);padding:1px var(--space-2)}.la-entity-toggle-icon{width:14px;height:14px;flex-shrink:0}.la-entity-panels{margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.la-entity-panel{background:var(--surface);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.la-entity-panel-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.la-entity-panel-icon{width:16px;height:16px;color:var(--accent);flex-shrink:0}.la-entity-panel-title{flex:1;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.06em}.la-entity-add-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out)}.la-entity-add-btn svg{width:16px;height:16px}.la-entity-add-btn:hover{color:var(--accent)}.la-entity-form{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) 0;border-top:1px solid var(--border);margin-top:var(--space-2)}.la-entity-form-row{display:flex;gap:var(--space-2)}.la-entity-form-row>*{flex:1}.la-entity-input{background:var(--bg);border:none;border-bottom:2px solid transparent;-webkit-appearance:none;appearance:none;color:var(--text);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);outline:none;width:100%;transition:border-color var(--duration-fast) var(--ease-out)}.la-entity-input:focus{border-bottom-color:var(--accent)}.la-entity-input::placeholder{color:var(--text-muted)}.la-entity-date-label{display:flex;flex-direction:column;gap:2px}.la-entity-date-label span{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:.04em}.la-entity-form-actions{display:flex;gap:var(--space-2);padding-top:var(--space-1)}.la-entity-save-btn{background:var(--accent);color:#fff;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:background var(--duration-fast) var(--ease-out)}.la-entity-save-btn:hover{background:var(--accent-hover)}.la-entity-save-btn:disabled{background:var(--border-strong);cursor:not-allowed}.la-entity-cancel-btn{padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;transition:color var(--duration-fast) var(--ease-out)}.la-entity-cancel-btn:hover{color:var(--text)}.la-entity-empty{font-size:var(--text-sm);color:var(--text-muted);padding:var(--space-2) 0}.la-entity-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--border)}.la-entity-item:first-of-type{border-top:none}.la-entity-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.la-entity-item-name{font-size:var(--text-sm);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.la-entity-item-meta{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.la-entity-delete-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-muted);flex-shrink:0;transition:color var(--duration-fast) var(--ease-out)}.la-entity-delete-btn svg{width:14px;height:14px}.la-entity-delete-btn:hover{color:var(--destructive)}.fp-presentations{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;max-width:1080px;margin:0 auto;padding:var(--space-8);width:100%;box-sizing:border-box}.fp-presentations-header{display:flex;align-items:flex-start;justify-content:space-between;padding-top:var(--space-5);margin-bottom:var(--space-5)}.fp-presentations-kicker{display:block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}.fp-presentations-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:400;color:var(--text);line-height:1.2;font-optical-sizing:auto}.fp-presentations-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-base);margin-top:var(--space-2);max-width:52ch}.fp-btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;background:var(--accent);color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out);flex-shrink:0}.fp-btn-primary:hover{background:var(--accent-hover)}.fp-btn-primary svg{width:18px;height:18px}.fp-presentations-table-wrapper{background:var(--surface);border-radius:var(--radius-lg);overflow-x:auto;flex:1}.fp-presentations-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);font-family:var(--font-body);table-layout:auto}.fp-presentations-table thead th{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-strong);background:var(--surface-raised);white-space:nowrap}.fp-presentations-table thead th.col-num{text-align:right}.fp-presentations-table tbody tr{cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.fp-presentations-table tbody tr:hover td{background:var(--accent-subtle)}.fp-presentations-table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;line-height:var(--leading-snug)}.fp-presentations-table tbody td.col-num{text-align:right}.fp-presentations-table tbody tr:last-child td{border-bottom:none}.fp-cell-name-row{display:flex;align-items:center;gap:var(--space-3)}.fp-cell-thumb{width:48px;height:27px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;background:var(--surface-raised)}.fp-cell-thumb--empty{background:var(--bg)}.fp-cell-title{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:text}.fp-cell-title-input{font-size:var(--text-sm);font-family:var(--font-body);color:var(--text);background:var(--bg);border:none;border-bottom:2px solid var(--accent);outline:none;padding:2px var(--space-2);max-width:280px;-webkit-appearance:none;appearance:none}.fp-cell-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums lining-nums}.fp-cell-date{white-space:nowrap}.fp-cell-date-day{display:block;font-size:var(--text-sm)}.fp-cell-date-time{display:block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.fp-btn-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--text-muted);border-radius:var(--radius-md);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.fp-btn-icon:hover{color:var(--text);background:var(--surface-raised)}.fp-btn-icon svg{width:16px;height:16px}.fp-delete-btn{opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.fp-presentations-table tbody tr:hover .fp-delete-btn{opacity:1}.fp-delete-btn:hover{color:var(--destructive)}.fp-container{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;max-width:none}.cf-standalone-content:has(.fp-container){padding:0;overflow:hidden}.fp-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-4) var(--space-6);flex-shrink:0;border-bottom:1px solid var(--border);background:var(--surface)}.fp-header-left{display:flex;align-items:center;gap:var(--space-3)}.fp-header-title-group{display:flex;flex-direction:column;gap:2px}.fp-back-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:var(--radius-md);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.fp-back-btn:hover{color:var(--accent);background:var(--surface-raised)}.fp-back-btn svg{width:18px;height:18px}.fp-editor-title-input{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:400;color:var(--text);background:none;border:none;border-bottom:2px solid transparent;outline:none;padding:0;min-width:200px;-webkit-appearance:none;appearance:none;font-optical-sizing:auto;transition:border-color var(--duration-fast) var(--ease-out)}.fp-editor-title-input:focus{border-bottom-color:var(--accent)}.fp-editor-title-input::placeholder{color:var(--text-muted)}.fp-editor{display:grid;grid-template-columns:160px 1fr auto;flex:1;min-height:0;overflow:hidden}.fp-sidebar-left{background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;padding:var(--space-3)}.fp-thumbnails{display:flex;flex-direction:column;gap:var(--space-2)}.fp-thumb{position:relative;border-radius:var(--radius-md);background:var(--surface-raised);cursor:pointer;aspect-ratio:16 / 9;overflow:hidden;transition:box-shadow var(--duration-fast) var(--ease-out)}.fp-thumb--selected{box-shadow:inset 0 0 0 2px #10b981}.fp-thumb--drag-over{box-shadow:inset 0 -2px 0 var(--accent)}.fp-thumb--dragging{opacity:.4}.fp-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.fp-thumb-empty{background:var(--bg)}.fp-thumb-number{position:absolute;bottom:var(--space-1);left:var(--space-1);font-family:var(--font-mono);font-size:9px;color:var(--text-muted);background:var(--surface);border-radius:var(--radius-sm);padding:1px var(--space-1)}.fp-thumb-delete{position:absolute;top:var(--space-1);right:var(--space-1);width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:var(--radius-sm);color:var(--text-muted);opacity:0;transition:opacity var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.fp-thumb:hover .fp-thumb-delete{opacity:1}.fp-thumb-delete:hover{color:var(--destructive)}.fp-thumb-delete svg{width:12px;height:12px}.fp-add-slide{display:flex;align-items:center;justify-content:center;height:40px;border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.fp-add-slide:hover{color:var(--accent);background:var(--accent-subtle)}.fp-add-slide svg{width:18px;height:18px}.fp-canvas-area{overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--surface);height:100%}.fp-canvas-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.fp-canvas-inner{position:relative;background:#fff;box-shadow:var(--shadow-md);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow var(--duration-fast) var(--ease-out)}.fp-canvas-inner.drag-active{box-shadow:var(--shadow-lg)}@media(prefers-color-scheme:dark){.fp-canvas-inner{background:#1e1e1e}}.fp-canvas-drag-overlay{position:absolute;inset:0;background:var(--accent-subtle);display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.fp-canvas-drag-overlay-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.fp-canvas-drag-overlay-icon{width:32px;height:32px;color:var(--accent)}.fp-canvas-drag-overlay-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent);letter-spacing:.04em}.fp-canvas-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.fp-canvas-empty-content{text-align:center;display:flex;flex-direction:column;gap:var(--space-1)}.fp-canvas-empty-title{font-size:var(--text-sm);color:var(--text-muted)}.fp-canvas-kbd{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;background:var(--surface-raised);color:var(--text-secondary);border-radius:var(--radius-sm);padding:1px var(--space-2);margin:0 2px}.fp-canvas-empty-hint{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.fp-canvas-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fffc;z-index:5}@media(prefers-color-scheme:dark){.fp-canvas-loading{background:#141413cc}}.fp-canvas-loading-content{display:flex;align-items:center;gap:var(--space-3)}.fp-canvas-loading-spinner{width:18px;height:18px;border:2px solid var(--border-strong);border-top-color:var(--accent);animation:spin 1s linear infinite}.fp-canvas-loading-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted)}.fp-right-zone{display:flex;background:var(--surface);border-left:1px solid var(--border)}.fp-toolbar-rail{display:flex;flex-direction:column;align-items:center;width:48px;padding:var(--space-3) 0;gap:var(--space-2);border-left:1px solid var(--border)}.fp-toolbar-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-muted);background:transparent;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.fp-toolbar-btn:hover{color:var(--accent);background:var(--surface-raised)}.fp-toolbar-btn--active{color:var(--accent);background:var(--accent-subtle)}.fp-toolbar-btn svg{width:20px;height:20px}.fp-toolbar-divider{width:24px;height:1px;background:var(--border);margin:var(--space-1) 0}.fp-toolbar-btn--present{color:var(--accent)}.fp-toolbar-btn--present:hover{background:var(--accent);color:#fff}.fp-panel{width:280px;display:flex;flex-direction:column;overflow-y:auto}.fp-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);flex-shrink:0}.fp-panel-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.06em}.fp-panel-meta{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.fp-panel-body{flex:1;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto}.fp-design-actions{display:flex;gap:var(--space-2)}.fp-design-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-raised);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.fp-design-btn:hover{color:var(--accent);background:var(--accent-subtle)}.fp-design-btn svg{width:16px;height:16px}.fp-design-selection{display:flex;flex-direction:column;gap:var(--space-3)}.fp-design-selection-label{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--accent);background:var(--accent-subtle);border-radius:var(--radius-sm);padding:1px var(--space-2);align-self:flex-start;letter-spacing:.04em;text-transform:uppercase}.fp-design-field{display:flex;flex-direction:column;gap:var(--space-1)}.fp-design-field-label{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.fp-design-slider{width:100%;-webkit-appearance:none;appearance:none;height:4px;background:var(--border);outline:none;cursor:pointer}.fp-design-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--accent);border-radius:var(--radius-sm);cursor:pointer}.fp-design-field-value{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);text-align:right}.fp-design-divider{height:1px;background:var(--border);margin:var(--space-2) 0}.fp-design-field-hint{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);line-height:var(--leading-mono);margin-top:-4px}.fp-design-field--toggle{display:flex;align-items:center;justify-content:space-between}.fp-design-toggle{position:relative;width:36px;height:20px;background:none;border:none;padding:0;cursor:pointer;-webkit-appearance:none;appearance:none}.fp-design-toggle-track{display:block;width:36px;height:20px;background:var(--border-strong);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out);position:relative}.fp-design-toggle--active .fp-design-toggle-track{background:var(--accent)}.fp-design-toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:var(--radius-sm);transition:transform var(--duration-fast) var(--ease-spring)}.fp-design-toggle--active .fp-design-toggle-thumb{transform:translate(16px)}.fp-design-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-muted)}.fp-design-empty svg{width:24px;height:24px}.fp-design-empty span{font-size:var(--text-xs)}.fp-talktrack-ai{display:flex;flex-direction:column;gap:var(--space-2)}.fp-talktrack-ai-label{display:flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}.fp-talktrack-ai-label svg{width:14px;height:14px}.fp-talktrack-prompts{display:flex;flex-wrap:wrap;gap:var(--space-1)}.fp-talktrack-prompt-btn{padding:var(--space-1) var(--space-3);background:var(--surface-raised);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--text-secondary);letter-spacing:.04em;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.fp-talktrack-prompt-btn:hover{color:var(--accent);background:var(--accent-subtle)}.fp-talktrack-prompt-btn:disabled{opacity:.5;cursor:not-allowed}.fp-talktrack-custom-input{display:flex;align-items:center;gap:var(--space-1);background:var(--surface-raised);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2)}.fp-talktrack-custom-field{flex:1;background:none;border:none;outline:none;font-size:var(--text-xs);font-family:var(--font-body);color:var(--text);padding:var(--space-1) 0;-webkit-appearance:none;appearance:none}.fp-talktrack-custom-field::placeholder{color:var(--text-muted)}.fp-talktrack-custom-send{width:24px;height:24px;background:var(--accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.fp-talktrack-custom-send:disabled{background:var(--border-strong);cursor:not-allowed}.fp-talktrack-custom-send svg{width:14px;height:14px}.fp-talktrack-ai-status{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent)}.fp-talktrack-connect-hint{font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-2) var(--space-3);background:var(--surface-raised);border-radius:var(--radius-md);line-height:var(--leading-base)}.fp-chat-panel{display:flex;flex-direction:column}.fp-chat-panel .fp-panel-body{display:none}.fp-chat-messages{flex:1;overflow-y:auto;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.fp-chat-empty{display:flex;align-items:center;justify-content:center;height:100%;padding:var(--space-6)}.fp-chat-empty p{font-size:var(--text-xs);color:var(--text-muted);text-align:center;line-height:var(--leading-base)}.fp-chat-msg{display:flex}.fp-chat-msg--user{justify-content:flex-end}.fp-chat-msg--assistant{justify-content:flex-start}.fp-chat-msg-bubble{max-width:90%;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);line-height:var(--leading-base);white-space:pre-wrap;word-break:break-word}.fp-chat-msg--user .fp-chat-msg-bubble{background:var(--accent);color:#fff;border-radius:var(--radius-md)}.fp-chat-msg--assistant .fp-chat-msg-bubble{background:var(--surface-raised);color:var(--text);border-radius:var(--radius-md)}.fp-chat-streaming-text{font-family:var(--font-mono);font-size:10px;color:var(--accent)}.fp-chat-input-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--border);background:var(--surface-raised)}.fp-chat-input-field{flex:1;background:var(--bg);border:none;outline:none;font-size:var(--text-xs);font-family:var(--font-body);color:var(--text);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);-webkit-appearance:none;appearance:none}.fp-chat-input-field::placeholder{color:var(--text-muted)}.fp-chat-send-btn{width:28px;height:28px;background:var(--accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.fp-chat-send-btn:hover{background:var(--accent-hover)}.fp-chat-send-btn:disabled{background:var(--border-strong);cursor:not-allowed}.fp-chat-send-btn svg{width:16px;height:16px}.fp-talktrack-textarea{width:100%;min-height:120px;background:var(--bg);border:none;-webkit-appearance:none;appearance:none;outline:none;border-radius:var(--radius-md);padding:var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text);line-height:var(--leading-base);resize:vertical}.fp-talktrack-textarea::placeholder{color:var(--text-muted)}.fp-talktrack-textarea:focus{box-shadow:inset 0 -2px 0 var(--accent)}.fp-talktrack-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.fp-talktrack-voice{display:flex;flex-direction:column;gap:var(--space-2)}.fp-talktrack-voice-row{display:flex;align-items:center;gap:var(--space-2)}.fp-talktrack-play-btn,.fp-talktrack-stop-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0;transition:background var(--duration-fast) var(--ease-out)}.fp-talktrack-play-btn{background:var(--accent);color:#fff}.fp-talktrack-play-btn:hover{background:var(--accent-hover)}.fp-talktrack-play-btn:disabled{background:var(--border-strong);cursor:not-allowed}.fp-talktrack-stop-btn{background:var(--destructive);color:#fff}.fp-talktrack-stop-btn:hover{opacity:.85}.fp-talktrack-play-btn svg,.fp-talktrack-stop-btn svg{width:14px;height:14px}.fp-talktrack-progress{height:3px;background:var(--border);border-radius:var(--radius-sm);overflow:hidden}.fp-talktrack-progress-bar{height:100%;background:var(--accent);transition:width .1s linear}.fp-talktrack-highlighted{font-size:var(--text-sm);line-height:var(--leading-base);color:var(--text-muted);padding:var(--space-2) 0}.fp-talktrack-word{transition:color var(--duration-fast) var(--ease-out)}.fp-talktrack-word--active{color:var(--accent);font-weight:600}.fp-talktrack-word--past{color:var(--text)}.fp-settings-section{display:flex;flex-direction:column;gap:var(--space-2)}.fp-settings-label{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.fp-settings-radio-group{display:flex;gap:var(--space-2)}.fp-settings-radio{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);background:var(--surface-raised);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.fp-settings-radio:hover{color:var(--text)}.fp-settings-radio--active{background:var(--accent);color:#fff}.fp-settings-toggle-group{display:flex;gap:var(--space-2)}.fp-settings-toggle{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--surface-raised);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.fp-settings-toggle:hover{color:var(--text)}.fp-settings-toggle--active{background:var(--accent);color:#fff}.fp-settings-toggle svg{width:14px;height:14px}.fp-settings-logo{display:flex;align-items:center;gap:var(--space-3)}.fp-settings-logo-img{width:40px;height:40px;object-fit:contain;background:var(--surface-raised);border-radius:var(--radius-md)}.fp-settings-logo-info{display:flex;flex-direction:column;gap:2px}.fp-settings-logo-name{font-size:var(--text-xs);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.fp-settings-logo-remove{display:flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:10px;color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out)}.fp-settings-logo-remove:hover{color:var(--destructive)}.fp-settings-logo-remove svg{width:12px;height:12px}.fp-settings-upload-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-raised);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out)}.fp-settings-upload-btn:hover{color:var(--accent)}.fp-settings-upload-btn svg{width:16px;height:16px}.fp-settings-checkbox{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text);cursor:pointer}.fp-settings-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.fp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fp-present-overlay{position:fixed;inset:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:none}.fp-present-overlay:hover{cursor:default}.fp-present-canvas-wrapper{position:relative}.fp-present-transition{position:absolute;inset:0;background:#000;opacity:0;animation:fp-present-fade var(--duration-fast) var(--ease-out)}@keyframes fp-present-fade{0%{opacity:.4}to{opacity:0}}.fp-present-counter{position:fixed;bottom:var(--space-4);right:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:#ffffff80;z-index:10000}.fp-present-hint{position:fixed;top:var(--space-4);right:var(--space-4);font-family:var(--font-mono);font-size:10px;color:#ffffff4d;z-index:10000;opacity:1;transition:opacity 2s ease}.fp-present-mode-select{cursor:default;align-items:center;justify-content:center}.fp-mode-select-card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-8) var(--space-6);width:380px;display:flex;flex-direction:column;gap:var(--space-5)}.fp-mode-select-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.fp-mode-select-options{display:flex;flex-direction:column;gap:var(--space-3)}.fp-mode-option{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-5);background:var(--surface-raised);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.fp-mode-option:hover:not(:disabled){background:var(--accent-subtle)}.fp-mode-option:disabled{opacity:.4;cursor:not-allowed}.fp-mode-option-name{font-size:var(--text-base);font-weight:600;color:var(--text)}.fp-mode-option-desc{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-base)}.fp-mode-select-cancel{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);background:none;padding:var(--space-2);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);text-align:center}.fp-mode-select-cancel:hover{color:var(--text)}.fp-speaker-notes{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:10001;width:480px;max-height:240px;background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.fp-speaker-notes-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);flex-shrink:0}.fp-speaker-notes-counter{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.fp-speaker-notes-popout{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;color:var(--text-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.fp-speaker-notes-popout svg{width:14px;height:14px}.fp-speaker-notes-popout:hover{color:var(--accent)}.fp-speaker-notes-body{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);line-height:var(--leading-base);color:var(--text)}.fp-speaker-notes-empty{color:var(--text-muted);font-style:italic}.fp-speaker-notes-nav{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-top:1px solid var(--border);flex-shrink:0}.fp-speaker-notes-nav-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-3);background:var(--surface-raised);border-radius:var(--radius-md);color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out)}.fp-speaker-notes-nav-btn svg{width:16px;height:16px}.fp-speaker-notes-nav-btn:hover:not(:disabled){color:var(--accent)}.fp-speaker-notes-nav-btn:disabled{opacity:.4;cursor:not-allowed}.fp-present-auto-progress{position:fixed;bottom:0;left:0;right:0;height:3px;background:#ffffff1a;z-index:10001}.fp-present-auto-progress-bar{height:100%;background:var(--accent);transition:width .1s linear}@media(max-width:900px){.fp-editor{grid-template-columns:120px 1fr auto}.fp-panel{width:240px}}@media(max-width:640px){.fp-editor{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.fp-sidebar-left{border-right:none;border-bottom:1px solid var(--border)}.fp-thumbnails{flex-direction:row;overflow-x:auto}.fp-thumb{width:100px;flex-shrink:0}.fp-right-zone{border-left:none;border-top:1px solid var(--border)}}@media(prefers-reduced-motion:reduce){.fp-canvas-loading-spinner,.fp-present-transition{animation:none}}.op-container{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;padding:var(--space-8);max-width:1080px;margin:0 auto;width:100%;box-sizing:border-box}.op-history-header{display:flex;align-items:flex-start;justify-content:space-between;padding-top:var(--space-5);margin-bottom:var(--space-5)}.op-history-kicker{display:block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}.op-history-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:400;color:var(--text);line-height:1.2;font-optical-sizing:auto}.op-history-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-base);margin-top:var(--space-2);max-width:52ch}.op-setup-hint{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-3) var(--space-4);background:var(--surface-raised);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.op-session-table-wrapper{background:var(--surface);border-radius:var(--radius-lg);overflow-x:auto;flex:1}.op-session-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);font-family:var(--font-body);table-layout:fixed}.op-session-table thead th{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-strong);background:var(--surface-raised);white-space:nowrap}.op-session-table thead th:nth-child(1){width:18%}.op-session-table thead th:nth-child(2){width:auto}.op-session-table thead th:nth-child(3){width:16%}.op-session-table thead th:nth-child(4){width:15%}.op-session-table thead th:nth-child(5){width:16%}.op-session-table thead th:nth-child(6){width:36px}.op-session-table thead th.col-num{text-align:right}.op-session-table tbody tr{cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.op-session-table tbody tr:hover td{background:var(--accent-subtle)}.op-session-table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;line-height:var(--leading-snug)}.op-session-table tbody td.col-num{text-align:right}.op-session-table tbody tr:last-child td{border-bottom:none}.op-cell-date{white-space:nowrap}.op-cell-date-day{display:block;font-size:var(--text-sm)}.op-cell-date-time{display:block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.op-cell-title{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-cell-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums lining-nums}.op-status-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:10px;font-weight:600;padding:2px var(--space-2);border-radius:var(--radius-sm);letter-spacing:.04em}.op-status-active{color:#fff;background:var(--accent)}.op-status-completed{color:var(--text-muted);background:var(--surface-raised)}.op-delete-btn{opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.op-session-table tbody tr:hover .op-delete-btn{opacity:1}.op-delete-btn:hover{color:var(--destructive)}.op-btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;background:var(--accent);color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out);flex-shrink:0}.op-btn-primary:hover{background:var(--accent-hover)}.op-btn-primary:disabled{background:var(--border-strong);cursor:not-allowed}.op-btn-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--text-muted);border-radius:var(--radius-md);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.op-btn-icon:hover{color:var(--text);background:var(--surface-raised)}.op-btn-stop{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:10px;font-weight:700;background:var(--destructive-subtle);color:var(--destructive);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);letter-spacing:.3px;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.op-btn-stop:hover{background:var(--destructive);color:#fff}.op-dot-listening{background:var(--accent);animation:op-pulse-dot 2s ease-in-out infinite}@keyframes op-pulse-dot{0%,to{box-shadow:0 0 0 2px #3d6b5e33}50%{box-shadow:0 0 0 5px #3d6b5e00}}.op-dot-error{background:var(--destructive)}.op-live-badge{font-family:var(--font-mono);font-size:10px;font-weight:700;color:#fff;background:var(--accent);padding:2px var(--space-2);border-radius:var(--radius-sm);letter-spacing:.5px;animation:op-pulse-badge 2s ease-in-out infinite}@keyframes op-pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.op-error-msg{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--destructive);padding:var(--space-2) 0}.op-session-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);flex-shrink:0}.op-session-header-left{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.op-session-title-input{flex:1;font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--text);background:none;border:none;border-bottom:2px solid transparent;outline:none;padding:var(--space-1) 0;-webkit-appearance:none;appearance:none;transition:border-color var(--duration-fast) var(--ease-out);letter-spacing:-.01em;min-width:200px;overflow:hidden;text-overflow:ellipsis}.op-session-title-input:focus{border-bottom-color:var(--accent)}.op-session-header-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.op-session-duration{font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums lining-nums;color:var(--text-muted)}.op-session-body{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6);flex:1;overflow:hidden;padding-top:var(--space-4)}@media(max-width:640px){.op-session-body{grid-template-columns:1fr}}.op-session-coaching{overflow-y:auto;display:flex;flex-direction:column}.op-session-transcript{overflow:hidden;display:flex;flex-direction:column}.op-transcript-panel{display:flex;flex-direction:column;height:100%;position:relative}.op-transcript-panel-header{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;padding-bottom:var(--space-3);border-bottom:1px solid var(--border);flex-shrink:0}.op-transcript-scroll{flex:1;overflow-y:auto;padding-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.op-transcript-empty{flex:1;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.op-transcript-entry{display:flex;flex-direction:column;gap:var(--space-1);padding-left:var(--space-3);border-left:2px solid var(--border)}.op-transcript-entry-them{border-left-color:var(--accent)}.op-transcript-meta{display:flex;align-items:center;gap:var(--space-2)}.op-transcript-speaker{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.op-transcript-entry-them .op-transcript-speaker{color:var(--accent)}.op-transcript-time{font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums lining-nums;color:var(--text-muted);opacity:.6}.op-transcript-text{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text);line-height:var(--leading-base)}.op-transcript-scroll-btn{position:absolute;bottom:var(--space-2);right:var(--space-2);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--surface-raised);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer}.op-questions-list{display:flex;flex-direction:column}.op-question-latest{animation:op-question-in var(--duration-base) var(--ease-out)}@keyframes op-question-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.op-question-latest{animation:none}}.op-question-previous{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) 0;border-top:1px solid var(--border);cursor:pointer;text-align:left;width:100%;transition:background var(--duration-fast) var(--ease-out)}.op-question-previous:hover{background:var(--surface-raised);margin:0 calc(-1 * var(--space-3));padding-left:var(--space-3);padding-right:var(--space-3)}.op-question-previous-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.op-question-previous-q{font-size:var(--text-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.op-question-previous-lead{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-snug)}.op-question-expanded{padding:var(--space-3) 0;border-top:1px solid var(--border)}.op-question-collapse-btn{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--space-2)}.op-question-collapse-btn:hover{color:var(--accent)}.op-match{display:flex;flex-direction:column;gap:var(--space-3)}.op-question{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-base)}.op-question:before{content:"Q: ";font-weight:600;color:var(--text-secondary)}.op-lead{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--text);line-height:var(--leading-snug);letter-spacing:-.01em}.op-source-panel{background:var(--surface-raised);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.op-source-header{display:flex;align-items:center;gap:var(--space-2)}.op-badge{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--accent);background:var(--accent-subtle);padding:2px var(--space-2);border-radius:var(--radius-sm);text-transform:lowercase;letter-spacing:.04em}.op-badge-muted{color:var(--text-muted);background:var(--bg)}.op-source-id{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);opacity:.6}.op-source-metrics{font-size:var(--text-xs);font-weight:600;color:var(--accent);line-height:var(--leading-snug)}.op-source-context{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-base)}.op-runner-up{border-top:1px solid var(--border);padding-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.op-runner-up-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.op-runner-up-lead{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-base)}.op-runner-up-meta{display:flex;align-items:center;gap:var(--space-2)}.op-waiting{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-3)}.op-viz-canvas{width:120px;height:40px}.op-waiting-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted)}.op-settings-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:500}.op-settings-panel{background:var(--surface);border-radius:var(--radius-lg);width:420px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.op-settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border);flex-shrink:0}.op-settings-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.op-settings-body{flex:1;overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.op-settings-section{display:flex;flex-direction:column;gap:var(--space-3)}.op-settings-section-title{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;color:var(--text)}.op-settings-field{display:flex;flex-direction:column;gap:var(--space-1)}.op-settings-label{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.op-settings-textarea{width:100%;background:var(--bg);border:none;-webkit-appearance:none;appearance:none;outline:none;border-radius:var(--radius-md);padding:var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text);line-height:var(--leading-base);resize:vertical}.op-settings-textarea::placeholder{color:var(--text-muted)}.op-settings-textarea:focus{box-shadow:inset 0 -2px 0 var(--accent)}.op-settings-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);flex-shrink:0}.op-btn-save{width:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;background:var(--accent);color:#fff;padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out)}.op-btn-save:hover{background:var(--accent-hover)}.vc-container{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;padding:var(--space-8);max-width:1080px;margin:0 auto;width:100%;box-sizing:border-box}.vc-history-header{display:flex;align-items:flex-start;justify-content:space-between;padding-top:var(--space-5);margin-bottom:var(--space-5)}.vc-history-kicker{display:block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}.vc-history-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:400;color:var(--text);line-height:1.2;font-optical-sizing:auto}.vc-history-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-base);margin-top:var(--space-2);max-width:52ch}.vc-btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--accent);color:#fff;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.07em;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;border:none;transition:background var(--duration-fast) var(--ease-out);white-space:nowrap;flex-shrink:0}.vc-btn-primary:hover{background:var(--accent-hover)}.vc-btn-primary:disabled{background:var(--border-strong);cursor:not-allowed}.vc-btn-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--surface-raised);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;border:none;transition:color var(--duration-fast) var(--ease-out);flex-shrink:0}.vc-btn-icon:hover{color:var(--text)}.vc-recording{display:flex;flex-direction:column;height:100%;padding-top:var(--space-5)}.vc-waveform-container{width:100%;height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.vc-waveform-canvas{width:100%;height:100%;display:block}.vc-recording-timer{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--text);text-align:center;margin-bottom:var(--space-4);font-variant-numeric:tabular-nums lining-nums}.vc-error-msg{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--destructive);padding:var(--space-2) var(--space-3);background:var(--destructive-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.vc-recording-transcript{flex:1;overflow-y:auto;padding:var(--space-4);background:var(--surface);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-base);color:var(--text);margin-bottom:var(--space-4);min-height:120px}.vc-transcript-final{color:var(--text);display:inline}.vc-transcript-interim{color:var(--text-muted);font-style:italic}.vc-transcript-placeholder{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-sm)}.vc-recording-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding-bottom:var(--space-5)}.vc-btn-cancel{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;padding:var(--space-2) var(--space-4);background:none;border:none;cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.vc-btn-cancel:hover{color:var(--text)}.vc-btn-done{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--accent);color:#fff;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.07em;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);cursor:pointer;border:none;transition:background var(--duration-fast) var(--ease-out)}.vc-btn-done:hover{background:var(--accent-hover)}.vc-btn-done:disabled{background:var(--border-strong);cursor:not-allowed}.vc-processing{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3)}.vc-processing-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted)}.vc-result{display:flex;flex-direction:column;height:100%;padding-top:var(--space-5)}.vc-result-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.vc-result-title{flex:1;font-family:var(--font-body);font-size:var(--text-lg);font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.vc-result-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;flex-shrink:0}.vc-result-duration{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums lining-nums}.vc-btn-copy{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--surface-raised);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);white-space:nowrap}.vc-btn-copy:hover{background:var(--accent-subtle);color:var(--accent)}.vc-result-body{flex:1;overflow-y:auto;background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-6)}.vc-structured-output h2{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;color:var(--text);margin-top:1.5em;margin-bottom:.4em;line-height:var(--leading-tight)}.vc-structured-output h2:first-child{margin-top:0}.vc-structured-output h3{font-family:var(--font-body);font-size:var(--text-lg);font-weight:600;color:var(--text);margin-top:1.25em;margin-bottom:.35em;line-height:var(--leading-snug)}.vc-structured-output p{font-size:var(--text-sm);line-height:var(--leading-base);color:var(--text-secondary);margin-bottom:var(--paragraph-spacing);max-width:68ch}.vc-structured-output strong{color:var(--text);font-weight:600}.vc-structured-output ol,.vc-structured-output ul{padding-left:1.5em;margin-bottom:var(--paragraph-spacing)}.vc-structured-output li{font-size:var(--text-sm);line-height:var(--leading-base);color:var(--text-secondary);margin-bottom:.35em}.vc-structured-output code{font-family:var(--font-mono);font-size:.875em;background:var(--code-bg);padding:.1em .35em;border-radius:var(--radius-sm)}.vc-structured-output pre{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-mono);background:var(--code-bg);padding:var(--space-4);overflow-x:auto;border-radius:var(--radius-md);margin:var(--paragraph-spacing) 0}.vc-structured-output pre code{background:none;padding:0;border-radius:0}.vc-raw-transcript{margin-top:var(--space-4);margin-bottom:var(--space-5)}.vc-raw-transcript-toggle{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;cursor:pointer;padding:var(--space-2) 0}.vc-raw-transcript-text{font-size:var(--text-sm);line-height:var(--leading-base);color:var(--text-muted);padding:var(--space-4);background:var(--surface-raised);border-radius:var(--radius-md);margin-top:var(--space-2)}.vc-session-table-wrapper{background:var(--surface);border-radius:var(--radius-lg);overflow-x:auto;flex:1}.vc-session-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);font-family:var(--font-body)}.vc-session-table thead th{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);text-align:left;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-strong);background:var(--surface-raised);white-space:nowrap}.vc-session-table tbody tr{cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.vc-session-table tbody tr:hover td{background:var(--accent-subtle)}.vc-session-table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.vc-session-table tbody tr:last-child td{border-bottom:none}.vc-cell-date{display:flex;flex-direction:column;gap:2px}.vc-cell-date-day{font-weight:500}.vc-cell-date-time{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.vc-cell-title{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vc-cell-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums lining-nums}.vc-delete-btn{opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.vc-session-table tbody tr:hover .vc-delete-btn{opacity:1}.vc-delete-btn:hover{color:var(--destructive)}.vc-setup-hint{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-3) var(--space-4);background:var(--surface-raised);border-radius:var(--radius-md);margin-bottom:var(--space-4)}@media(prefers-reduced-motion:reduce){.cf-loading-cursor{animation:none;opacity:1}}.sm-container{width:100%;flex:1;min-height:0;overflow-y:auto}.sm-page{max-width:1080px;margin:0 auto;padding:var(--space-6)}.sm-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.sm-header-left{display:flex;align-items:flex-start;gap:var(--space-3)}.sm-header-actions{display:flex;align-items:center;gap:var(--space-2)}.sm-section-label{display:block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--space-1)}.sm-title{font-size:var(--text-2xl);font-weight:700;color:var(--text);line-height:var(--leading-tight);margin:0}.sm-description{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-base);margin:0 0 var(--space-4)}.sm-back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;flex-shrink:0;margin-top:var(--space-1)}.sm-back-btn:hover{border-color:var(--accent);color:var(--accent)}.sm-back-btn svg{width:16px;height:16px}.sm-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;cursor:pointer;border:none;border-radius:var(--radius-md);white-space:nowrap;transition:background var(--duration-fast) var(--ease-out)}.sm-btn svg{width:16px;height:16px;flex-shrink:0}.sm-btn--accent{background:var(--accent);color:#fff}.sm-btn--accent:hover{background:var(--accent-hover)}.sm-btn--accent:disabled{background:var(--border-strong);cursor:not-allowed;color:var(--text-muted)}.sm-btn--muted{background:var(--surface-raised);color:var(--text-secondary);border:1px solid var(--border)}.sm-btn--muted:hover{border-color:var(--accent);color:var(--accent)}.sm-btn--muted:disabled{opacity:.5;cursor:not-allowed}.sm-btn--danger:hover{border-color:var(--destructive);color:var(--destructive)}.sm-btn--full{width:100%;justify-content:center;padding:var(--space-3) var(--space-4)}.sm-label{display:block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--space-1)}.sm-input{width:100%;background:var(--bg);border:none;border-bottom:2px solid transparent;color:var(--text);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);outline:none;-webkit-appearance:none;appearance:none;transition:border-color var(--duration-fast) var(--ease-out)}.sm-input:focus{border-bottom-color:var(--accent)}.sm-select{cursor:pointer}.sm-textarea{width:100%;background:var(--bg);border:none;border-bottom:2px solid transparent;color:var(--text);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);outline:none;resize:vertical;-webkit-appearance:none;appearance:none;line-height:var(--leading-base);transition:border-color var(--duration-fast) var(--ease-out)}.sm-textarea:focus{border-bottom-color:var(--accent)}.sm-textarea--tall{min-height:160px}.sm-color-input{width:48px;height:32px;border:1px solid var(--border);background:none;cursor:pointer;padding:0;margin-top:var(--space-2);-webkit-appearance:none;appearance:none}.sm-hidden-picker{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.sm-form{display:flex;flex-direction:column;gap:var(--space-6)}.sm-form-section{display:flex;flex-direction:column;gap:var(--space-3)}.sm-form-heading{font-size:var(--text-sm);font-weight:600;color:var(--text);margin:0}.sm-form-row{display:flex;gap:var(--space-3);align-items:flex-end}.sm-form-field{display:flex;flex-direction:column;flex:1}.sm-form-hint{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);line-height:var(--leading-mono)}.sm-form-hint-row{display:flex;align-items:center}.sm-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border)}.sm-banner{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.sm-banner--warning{background:var(--warning-subtle);color:var(--warning)}.sm-banner--error{background:var(--destructive-subtle);color:var(--destructive)}.sm-chip{display:inline-block;font-family:var(--font-mono);font-size:10px;color:var(--text-muted);background:var(--surface-raised);padding:2px var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.06em}.sm-style-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.sm-type-badge{font-family:var(--font-mono);font-size:10px;color:var(--accent);background:var(--accent-subtle);padding:2px var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.06em}.sm-create-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.sm-create-form-inner{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.sm-create-form-actions{display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-2)}.sm-game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media(max-width:900px){.sm-game-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.sm-game-grid{grid-template-columns:1fr}}.sm-game-card{display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);cursor:pointer;text-align:left;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.sm-game-card:hover{border-color:var(--accent)}.sm-game-card-thumbs{display:flex;align-items:center;gap:var(--space-2)}.sm-game-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--accent-subtle);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--accent)}.sm-game-card-info{display:flex;flex-direction:column;gap:2px}.sm-game-card-name{font-size:var(--text-lg);font-weight:600;color:var(--text)}.sm-game-card-desc{font-size:var(--text-sm);color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sm-game-card-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.sm-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.sm-filter-tabs{display:flex;gap:0;overflow-x:auto}.sm-filter-tab{padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;text-transform:capitalize;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.sm-filter-tab:hover{color:var(--text)}.sm-filter-tab--active{color:var(--accent);border-bottom-color:var(--accent)}.sm-filter-actions{display:flex;gap:var(--space-2)}.sm-sprite-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media(max-width:900px){.sm-sprite-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.sm-sprite-grid{grid-template-columns:repeat(2,1fr)}}.sm-sprite-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out)}.sm-sprite-card:hover{border-color:var(--accent)}.sm-sprite-card-img{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--bg);overflow:hidden}.sm-sprite-thumb{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.sm-sprite-placeholder{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;color:var(--text-muted)}.sm-sprite-card-info{padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:2px}.sm-sprite-card-name{font-size:var(--text-sm);font-weight:600;color:var(--text)}.sm-sprite-card-meta{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.sm-sprite-card-delete{position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.sm-sprite-card-delete svg{width:14px;height:14px}.sm-sprite-card:hover .sm-sprite-card-delete{opacity:1}.sm-sprite-card-delete:hover{color:var(--destructive);border-color:var(--destructive)}.sm-preview-main{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.sm-preview-canvas{display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-8);min-height:320px}.sm-preview-img{max-width:256px;max-height:256px;image-rendering:pixelated}.sm-preview-placeholder{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted)}.sm-pose-tabs{display:flex;gap:var(--space-3);overflow-x:auto}.sm-pose-tab{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;min-width:72px;transition:border-color var(--duration-fast) var(--ease-out)}.sm-pose-tab:hover{border-color:var(--text-muted)}.sm-pose-tab--active{border-color:var(--accent)}.sm-pose-tab-thumb{width:48px;height:48px;object-fit:contain;image-rendering:pixelated}.sm-pose-tab-label{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.sm-pose-single-label{display:flex;align-items:center}.sm-prompt-details{margin-bottom:var(--space-4)}.sm-prompt-summary{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;padding:var(--space-2) 0}.sm-prompt-block{font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-mono);color:var(--text-secondary);background:var(--code-bg);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto;white-space:pre-wrap;margin-top:var(--space-2)}.sm-perspective-group{display:flex;gap:0}.sm-perspective-btn{padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);background:var(--surface-raised);border:1px solid var(--border);cursor:pointer;text-transform:capitalize;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.sm-perspective-btn:first-child{border-radius:var(--radius-md)}.sm-perspective-btn:hover{color:var(--text)}.sm-perspective-btn--active{background:var(--accent);color:#fff;border-color:var(--accent)}.sm-palette{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-3)}.sm-palette-swatch-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px}.sm-palette-input{position:absolute;top:0;left:0;width:40px;height:40px;opacity:0;cursor:pointer}.sm-palette-swatch{width:40px;height:40px;border-radius:var(--radius-md);cursor:pointer}.sm-palette-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0}.sm-palette-remove svg{width:12px;height:12px}.sm-palette-remove:hover{color:var(--destructive)}.sm-palette-hex{font-family:var(--font-mono);font-size:9px;color:var(--text-muted)}.sm-palette-add{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--surface-raised);border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer}.sm-palette-add svg{width:16px;height:16px}.sm-palette-add:hover{border-color:var(--accent);color:var(--accent)}.sm-pose-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.sm-pose-chip{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text);background:var(--surface-raised);border:1px solid var(--border);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm)}.sm-pose-chip-remove{display:flex;align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0}.sm-pose-chip-remove svg{width:12px;height:12px}.sm-pose-chip-remove:hover{color:var(--destructive)}.sm-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-8) var(--space-4);background:var(--bg);border:2px dashed var(--border-strong);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out)}.sm-drop-zone:hover{border-color:var(--accent)}.sm-drop-zone--active{border-color:var(--accent);background:var(--accent-subtle)}.sm-drop-zone-text{font-size:var(--text-sm);color:var(--text-secondary)}.sm-drop-zone-hint{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.sm-upload-previews{display:flex;gap:var(--space-3);overflow-x:auto}.sm-upload-preview{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);min-width:88px}.sm-upload-preview-img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated}.sm-upload-preview-label{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.sm-upload-preview-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:none;color:var(--text-muted);cursor:pointer;padding:0}.sm-upload-preview-remove svg{width:12px;height:12px}.sm-upload-preview-remove:hover{color:var(--destructive)}.sm-pose-select-row{display:flex;flex-direction:column;gap:var(--space-2)}.sm-gen-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.sm-gen-preview{display:flex;flex-direction:column;background:var(--surface);border:2px solid var(--accent);border-radius:var(--radius-md);overflow:hidden}.sm-gen-preview--rejected{border-color:var(--border);opacity:.5}.sm-gen-preview-img{width:100%;aspect-ratio:1;object-fit:contain;image-rendering:pixelated;background:var(--bg)}.sm-gen-preview-label{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);padding:var(--space-1) var(--space-2);text-align:center}.sm-gen-preview-actions{display:flex;gap:var(--space-1);padding:var(--space-2);justify-content:center}.sm-gen-action{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer}.sm-gen-action svg{width:16px;height:16px}.sm-gen-action:hover{color:var(--accent);border-color:var(--accent)}.sm-gen-action:disabled{opacity:.4;cursor:not-allowed}.sm-gen-action--approved{color:var(--accent);background:var(--accent-subtle);border-color:var(--accent)}@media(max-width:640px){.sm-page{padding:var(--space-4)}.sm-header{flex-direction:column;gap:var(--space-3)}.sm-filter-bar{flex-direction:column;align-items:stretch}.sm-filter-actions{justify-content:flex-start}.sm-form-row{flex-direction:column}.sm-preview-canvas{padding:var(--space-4);min-height:200px}.sm-preview-img{max-width:128px;max-height:128px}}