@layer reset{*{box-sizing:border-box}html,body,#root{block-size:100%;margin:0}}@layer tokens{:root{--bg:#16181d;--panel:#1e2128;--editor-bg:#282c34;--preview-bg:#2a2d35;--border:#2c303a;--text:#e4e6eb;--muted:#8b909c;--on-accent:#10131a;--accent:#6ea8fe;--error-bg:#2a1c1e;--error-border:#7a3b3b;--error-text:#ffd9d9;--error-muted:#d8b3b3;--scrim:#0c0e128c;--shadow:#0006;--text-sm:.8125rem;--text-xs:.75rem;--text-2xs:.625rem;--space-1:.25rem;--space-2:.375rem;--space-3:.625rem;--space-4:.875rem;--space-5:1rem;--radius:.375rem;--divider-size:6px;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--danger:#f08a8a;--card-bg:#1a1d24;--card-hover:#212530;--page-ratio:794 / 1123}}@layer base{body{background:var(--bg);color:var(--text);font-family:system-ui}}@layer layout{.app{flex-direction:column;block-size:100dvh;display:flex}.topbar{padding-inline:var(--space-4);border-bottom:1px solid var(--border);background:var(--panel);flex:none;justify-content:space-between;align-items:center;block-size:3rem;display:flex}.panes{flex:auto;min-block-size:0;display:grid}.editor-column{min-block-size:0;min-inline-size:0;display:grid}.pane{border-right:1px solid var(--border);flex-direction:column;min-block-size:0;min-inline-size:0;display:flex}.pane:last-child,.editor-column .pane{border-right:none}.page{flex-direction:column;block-size:100%;display:flex}.page-body{padding:var(--space-5);flex:1;overflow-y:auto}}@layer components{.brand{align-items:flex-end;gap:var(--space-3);letter-spacing:-.01em;font-weight:600;display:flex}.status{--status-color:var(--muted);color:var(--status-color);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1px;font-size:.6875rem;font-weight:400}.status[data-busy]{--status-color:var(--accent)}.actions{align-items:center;gap:var(--space-3);display:flex}.toggle{align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-xs);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.toggle:hover{color:var(--text)}.toggle input{accent-color:var(--accent);cursor:pointer;margin:0}button{--btn-bg:var(--accent);--btn-fg:var(--on-accent);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--btn-bg);color:var(--btn-fg);font:inherit;font-size:var(--text-sm);cursor:pointer;font-weight:500}button:disabled{opacity:.45;cursor:default}button[data-variant=ghost]{--btn-bg:transparent;--btn-fg:var(--text)}.pane-label{padding:var(--space-2) var(--space-3);background:var(--panel);border-bottom:1px solid var(--border);color:var(--muted);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.09em;flex:none;font-weight:600}.editor{background:var(--editor-bg);flex:auto;min-block-size:0;overflow:hidden}.editor .cm-editor{block-size:100%}.editor .cm-scroller{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-sm)}.divider{--divider-bg:var(--border);background:var(--divider-bg);touch-action:none;position:relative}.divider:hover,.divider:active{--divider-bg:var(--accent)}.divider:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.divider:after{content:"";position:absolute;inset:-3px}.divider-v{cursor:col-resize}.divider-h{cursor:row-resize}.preview-body{background:var(--preview-bg);flex:auto;min-block-size:0;position:relative}.preview-body iframe{border:none;block-size:100%;inline-size:100%;display:block}.placeholder{block-size:100%;color:var(--muted);font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}.error-overlay{padding:var(--space-5);background:var(--scrim);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);pointer-events:none;justify-content:center;align-items:flex-start;display:none;position:absolute;inset:0}.error-overlay:not([hidden]){display:flex}.error-card{align-items:flex-start;gap:var(--space-3);max-inline-size:32rem;padding:var(--space-3) var(--space-4);border:1px solid var(--error-border);border-radius:var(--radius);background:var(--error-bg);color:var(--error-text);font-size:var(--text-sm);box-shadow:0 .5rem 1.5rem var(--shadow);pointer-events:auto;line-height:1.5;display:flex}.error-text p{margin:var(--space-1) 0 0;color:var(--error-muted);font-size:var(--text-xs)}.error-dismiss{--btn-bg:transparent;--btn-fg:var(--error-text);padding:0 var(--space-1);font-size:var(--text-sm);border-color:#0000;flex:none;line-height:1.2}.error-dismiss:hover{border-color:var(--error-border)}body[data-dragging]{-webkit-user-select:none;user-select:none}body[data-dragging] iframe{pointer-events:none}body[data-dragging=col],body[data-dragging=col] *{cursor:col-resize}body[data-dragging=row],body[data-dragging=row] *{cursor:row-resize}.brand-link{color:inherit;text-decoration:none}.brand-link:hover{color:var(--accent)}.doc-name{color:var(--muted);font-size:var(--text-xs);margin-bottom:1px;font-weight:400}.button-link{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--accent);color:var(--on-accent);font-size:var(--text-sm);align-items:center;text-decoration:none;display:inline-flex}.button-link:hover{opacity:.9}.account{align-items:center;gap:var(--space-3);min-block-size:1.75rem;display:flex}.account-email{max-inline-size:18ch;color:var(--muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-link{color:var(--muted);font-size:var(--text-xs);text-decoration:none}.account-link:hover{color:var(--text)}.doc-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));margin:0;padding:0;list-style:none;display:grid}.doc-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);flex-direction:column;display:flex;overflow:hidden}.doc-card:hover{background:var(--card-hover)}.doc-preview{aspect-ratio:var(--page-ratio);background:#fff;text-decoration:none;display:block;overflow:hidden}.doc-preview img{object-fit:cover;object-position:top center;block-size:100%;inline-size:100%}.doc-preview-empty{color:#9aa0ac;block-size:100%;font-size:var(--text-xs);place-items:center;display:grid}.doc-meta{gap:var(--space-1);padding:var(--space-3);flex-direction:column;display:flex}.doc-title{color:var(--text);font-size:var(--text-sm);font-weight:600;text-decoration:none}.doc-title:hover{color:var(--accent)}.doc-time{color:var(--muted);font-size:var(--text-xs)}.doc-actions{gap:var(--space-2);padding:0 var(--space-3) var(--space-3);display:flex}button[data-variant=danger]{--btn-bg:transparent;--btn-fg:var(--danger)}.empty{align-items:center;gap:var(--space-3);padding:4rem var(--space-5);text-align:center;flex-direction:column;display:flex}.empty h1{margin:0;font-size:1.25rem}.empty p{color:var(--muted);font-size:var(--text-sm);margin:0}.page-error{margin-bottom:var(--space-5);padding:var(--space-3);border:1px solid var(--error-border);border-radius:var(--radius);background:var(--error-bg);color:var(--error-text);font-size:var(--text-sm)}.dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--text);max-inline-size:min(24rem,100vw - 2rem);padding:0}.dialog::backdrop{background:var(--scrim)}.dialog-body{gap:var(--space-4);padding:var(--space-5);flex-direction:column;display:flex}.dialog-body h2{margin:0;font-size:1rem}.dialog-text{color:var(--muted);font-size:var(--text-sm);margin:0;line-height:1.5}.dialog-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.provider{--btn-bg:#fff;--btn-fg:#1f2328;justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-3);font-weight:500;display:flex}.field{gap:var(--space-2);font-size:var(--text-sm);flex-direction:column;display:flex}.field input{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font:inherit}.field input:focus-visible{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}.field input[aria-invalid=true]{border-color:var(--error-border)}.field-error{color:var(--error-text);font-size:var(--text-xs);margin:0}}