:root{color-scheme:light;font-family:Avenir Next,Avenir,ui-sans-serif,system-ui,sans-serif;color:#241e16;background:#f7f1e6;font-synthesis:none;text-rendering:optimizeLegibility;--paper: oklch(99% .009 82);--ink: oklch(24% .018 75);--muted: oklch(47% .025 72);--line: oklch(86% .018 78);--accent: oklch(45% .095 145);--accent-soft: oklch(91% .045 145);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:100vh}.workspace{display:grid;grid-template-columns:minmax(0,78ch);grid-template-rows:auto auto 1fr;gap:var(--space-xl);justify-content:center;padding:clamp(24px,4vw,56px)}.topbar{display:flex;align-items:start;justify-content:space-between;gap:var(--space-lg)}.eyebrow{margin:0 0 var(--space-sm);color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:14ch;margin-bottom:0;font-family:Georgia,ui-serif,serif;font-size:clamp(2.2rem,6vw,5rem);font-weight:500;line-height:.95}h2{margin-bottom:var(--space-md);font-size:.9rem;font-weight:700}.toolbar{display:flex;align-items:center;gap:var(--space-xs)}.toolbar span[aria-hidden=true]{width:var(--space-sm)}.toolbar button,.icon-button,.text-button{display:inline-flex;min-width:36px;height:36px;align-items:center;justify-content:center;gap:var(--space-sm);border:1px solid var(--line);border-radius:6px;background:color-mix(in oklch,var(--paper),transparent 15%);cursor:pointer;line-height:1}.toolbar button svg,.icon-button svg,.text-button svg{flex:0 0 auto}.text-button{flex:0 0 auto;width:auto;min-width:max-content;padding:0 var(--space-md);white-space:nowrap}.toolbar button:hover,.icon-button:hover,.text-button:hover{border-color:color-mix(in oklch,var(--accent),var(--line) 40%)}.editor-wrap{position:relative;display:grid;align-content:start;width:100%;min-height:52vh;padding-bottom:var(--space-3xl)}.editor-surface{min-height:52vh;outline:none;font-family:Georgia,ui-serif,serif;font-size:1.35rem;line-height:1.7}.editor-surface p,.editor-surface ul,.editor-surface h1,.editor-surface h2{margin:0 0 var(--space-lg)}.editor-surface h1{max-width:none;font-size:2rem;line-height:1.1}.editor-surface h2{font-family:Georgia,ui-serif,serif;font-size:1.55rem;line-height:1.2}.suggestion-line{width:fit-content;max-width:min(100%,62ch);margin-top:var(--space-lg);color:var(--muted);font-family:Georgia,ui-serif,serif;font-size:1.12rem;line-height:1.5}.ghost-text{color:var(--muted);opacity:.42;pointer-events:none;white-space:pre-wrap}.autocomplete-error{width:fit-content;max-width:min(100%,62ch);margin-top:var(--space-lg);color:#7e3029;font-size:.9rem;line-height:1.4}.suggestion-line span{margin-left:var(--space-sm);color:var(--accent);font-family:Avenir Next,Avenir,ui-sans-serif,system-ui,sans-serif;font-size:.78rem;font-weight:700}.side-panel{display:grid;align-content:start;gap:var(--space-2xl);border-inline-start:1px solid var(--line);background:color-mix(in oklch,var(--paper),var(--accent-soft) 18%);padding:clamp(20px,3vw,32px)}.search-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-sm)}input{width:100%;height:36px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);padding:0 var(--space-md)}label{display:grid;gap:var(--space-sm);margin-bottom:var(--space-md);color:var(--muted);font-size:.86rem}label span{color:var(--ink);font-weight:650}.switch-row{grid-template-columns:1fr auto;align-items:center}.switch-row input{width:18px;height:18px}.word-list{display:flex;flex-wrap:wrap;gap:var(--space-sm);min-height:72px;margin-top:var(--space-md)}.word-list button{height:30px;border:1px solid var(--line);border-radius:999px;background:var(--paper);padding:0 var(--space-md);cursor:pointer}.model-status,.word-list p{color:var(--muted);font-size:.82rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.side-panel{border-block-start:1px solid var(--line);border-inline-start:0}.topbar{align-items:stretch;flex-direction:column}.text-button{width:fit-content}}