:root{
  --bg:#f4f5f7;--card:#fff;--ink:#222;--muted:#69707a;--border:#dfe3e8;
  --accent:#2f62e8;--accent2:#173b9c;--danger:#b42318;--ok:#067647;--shadow:0 12px 30px rgba(20,30,50,.07);
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#111318;--card:#191c22;--ink:#edf0f4;--muted:#9da6b3;--border:#303642;
  --accent:#7da2ff;--accent2:#a9bfff;--danger:#ff8b82;--ok:#66d19e;--shadow:0 12px 30px rgba(0,0,0,.28);
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100%}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.topbar{min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#111827;color:#fff;gap:20px}
.brand{color:#fff;font-weight:800;letter-spacing:.02em}.top-actions{display:flex;align-items:center;gap:14px}.top-link{color:#fff;opacity:.9}.top-link:hover{opacity:1}.user-name{opacity:.9}.link-btn{background:none;border:0;color:#fff;cursor:pointer;font:inherit}.icon-btn{border:1px solid var(--border);background:var(--card);color:var(--ink);width:32px;height:32px;border-radius:7px;font-size:16px;cursor:pointer}.dark-toggle{background:#fff;color:#111827;border-color:#334155}.shell{max-width:1320px;margin:0 auto;padding:24px}
.hero{min-height:calc(100vh - 106px);display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--accent);margin-bottom:12px}.hero h1,.page-heading h1{font-size:clamp(40px,6vw,72px);line-height:1.02;margin:0 0 20px}.lede{max-width:720px;font-size:20px;color:var(--muted)}.lede-sm{color:var(--muted);font-size:16px}.home-note{margin-top:22px}.cta-row{display:flex;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--card);color:var(--ink);border-radius:8px;padding:9px 14px;cursor:pointer;text-decoration:none;gap:8px}.button:hover{text-decoration:none;border-color:#bfc6d0}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.primary:hover{background:var(--accent2);border-color:var(--accent2);color:#111}.button.wide{width:100%;padding:11px}.button.tiny{font-size:11px;padding:5px 7px;min-width:auto}.hero-card{padding:18px;background:#dfe5f0;border-radius:16px;box-shadow:var(--shadow);transform:rotate(1.4deg)}.mini-toolbar{display:flex;gap:16px;padding:12px;background:#fff;border-radius:10px 10px 0 0;border-bottom:1px solid #ddd}.mini-page{background:#fff;min-height:360px;padding:40px 48px;border-radius:0 0 10px 10px}.mini-project{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#667085;margin-bottom:8px}
.card{background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}.auth-wrap{max-width:450px;margin:8vh auto}.auth-card{padding:28px}.auth-card h1{margin-top:0}.auth-card form{display:grid;gap:16px}.auth-card p{margin-bottom:0}label{display:grid;gap:6px;font-weight:600}input,select,textarea{font:inherit;border:1px solid var(--border);border-radius:7px;padding:10px;background:var(--card);color:var(--ink)}textarea{resize:vertical}.muted{color:var(--muted);font-size:13px}.center{text-align:center}.split-links{display:flex;justify-content:space-between;margin-top:16px}.alert{padding:10px 12px;border-radius:8px;margin-bottom:16px}.alert.error{background:#fef3f2;color:var(--danger);border:1px solid #fecdca}.alert.success{background:#ecfdf3;color:var(--ok);border:1px solid #abefc6}.dev-reset{margin-top:16px;padding:12px;background:#fff8db;border:1px solid #f3d26b;border-radius:8px;font-size:13px;overflow-wrap:anywhere}
.page-heading{margin:20px 0 28px}.page-heading h1{font-size:44px;margin-bottom:8px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.project-card{padding:20px;display:flex;flex-direction:column;justify-content:space-between;min-height:190px}.project-card h2{margin:0 0 8px}.project-card p{color:var(--muted);min-height:46px}.project-actions{display:flex;gap:8px;flex-wrap:wrap}.create-project-card{max-width:650px;padding:20px;margin-top:22px}.create-project-card h2{margin-top:0}.project-form{display:grid;gap:15px}.sidebar-new{margin-top:12px}.project-mini-list{display:grid;gap:4px}.project-mini{display:block;padding:7px 9px;border:1px solid transparent;border-radius:7px;color:var(--ink)}.project-mini:hover{background:color-mix(in srgb,var(--accent) 7%,var(--card));text-decoration:none}.project-mini.active{background:color-mix(in srgb,var(--accent) 12%,var(--card));border-color:color-mix(in srgb,var(--accent) 30%,var(--border));font-weight:700}
.editor-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:18px;align-items:start}.sidebar{padding:0;min-width:0}.sidebar-card{padding:12px}.sidebar-card + .sidebar-card{margin-top:14px}.sidebar-head{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 12px;gap:10px}.sidebar-head small{display:block}.doc-item{width:100%;text-align:left;border:1px solid transparent;background:none;color:var(--ink);padding:9px 10px;border-radius:8px;cursor:pointer;display:grid;gap:2px}.doc-item:hover{background:color-mix(in srgb,var(--accent) 7%,var(--card))}.doc-item.active{background:color-mix(in srgb,var(--accent) 12%,var(--card));border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.doc-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-item small{color:var(--muted);font-size:11px}.workspace{min-width:0}.save-status{height:24px;color:var(--muted);font-size:12px;text-align:right}.save-status.error-status{color:var(--danger)}.toolbar{padding:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:10px}.toolbar button,.toolbar select{height:34px;border:1px solid var(--border);background:var(--card);color:var(--ink);border-radius:6px;padding:0 9px;cursor:pointer}.toolbar button:hover{background:color-mix(in srgb,var(--accent) 7%,var(--card))}.toolbar .sep{height:24px;width:1px;background:var(--border);margin:0 2px}.editor-card{min-height:70vh;overflow:hidden}.doc-title{font-size:28px;font-weight:750;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:18px 22px;width:100%;outline:none}.editor{min-height:62vh;padding:24px;outline:none;overflow:auto}.editor.drag-over{outline:3px dashed var(--accent);outline-offset:-10px;background:color-mix(in srgb,var(--accent) 5%,var(--card))}.editor.drag-over::after{content:"Drop images here";position:sticky;top:12px;display:block;width:max-content;margin:0 auto -28px;padding:6px 10px;border:1px solid var(--accent);border-radius:999px;background:var(--card);color:var(--accent);font-size:12px;font-weight:700;pointer-events:none}.editor img{max-width:100%;height:auto;display:block;margin:10px 0}.editor-table{width:100%;border-collapse:collapse;margin:18px 0;table-layout:fixed}.editor-table th,.editor-table td{border:1px solid var(--border);padding:9px 10px;min-width:70px;vertical-align:top;text-align:left;word-break:break-word}.editor-table th{background:color-mix(in srgb,var(--accent) 8%,var(--card));font-weight:750}.editor-table tr:nth-child(even) td{background:color-mix(in srgb,var(--ink) 2%,var(--card))}.table-dialog{position:fixed;z-index:1000;top:88px;right:24px;width:min(360px,calc(100vw - 32px));padding:16px}.table-dialog[hidden]{display:none}.table-dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.table-dialog-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.table-dialog-fields label{font-size:12px}.table-check{display:flex;grid-template-columns:none;align-items:center;gap:8px;margin:12px 0;font-size:12px;font-weight:600}.table-check input{width:auto}.table-preview{overflow:auto;padding:8px;background:color-mix(in srgb,var(--ink) 3%,var(--card));border:1px solid var(--border);border-radius:7px}.table-preview .editor-table{margin:0;font-size:11px}.table-preview .editor-table th,.table-preview .editor-table td{padding:5px;min-width:48px}.table-more{text-align:center;color:var(--muted);font-style:italic}.table-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.editor blockquote{border-left:4px solid #b7c0cf;margin:12px 0;padding:4px 14px;color:var(--muted)}.editor pre{background:#111827;color:#f8fafc;padding:14px;border-radius:7px;overflow:auto}.ql-align-center{text-align:center}.ql-align-right{text-align:right}.ql-align-justify{text-align:justify}.bottom-bar{margin-top:10px;padding:10px;display:flex;justify-content:space-between;gap:10px}.bottom-bar>div{display:flex;gap:8px}.bottom-bar button,.bottom-bar a{min-width:88px}.export-actions{justify-content:flex-end;flex-wrap:wrap}.editor-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;margin:8px 2px 0}
.version-card{max-height:calc(100vh - 480px);min-height:250px;display:flex;flex-direction:column}.version-head{display:flex;justify-content:space-between;align-items:flex-start;padding:4px 4px 10px;border-bottom:1px solid var(--border)}.version-head small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:2px}.version-count{display:inline-flex;min-width:25px;height:25px;padding:0 7px;align-items:center;justify-content:center;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--card));color:var(--accent);font-size:12px;font-weight:800}.version-timeline{overflow:auto;padding:10px 4px 4px}.version-item{position:relative;display:flex;gap:10px;padding:0 0 16px 12px}.version-item:last-child{padding-bottom:2px}.version-item:before{content:"";position:absolute;left:4px;top:8px;bottom:-4px;width:1px;background:var(--border)}.version-item:last-child:before{display:none}.version-dot{position:relative;z-index:1;width:9px;height:9px;min-width:9px;border-radius:50%;margin-top:6px;background:#aab3bf;border:2px solid var(--card);box-shadow:0 0 0 1px #aab3bf}.version-item.current .version-dot{background:var(--accent);box-shadow:0 0 0 1px var(--accent)}.version-content{min-width:0}.version-top{display:flex;align-items:center;gap:6px}.version-current{font-size:10px;color:var(--ok);font-weight:800;text-transform:uppercase;letter-spacing:.05em}.version-date{color:var(--muted);font-size:11px}.version-title{font-weight:650;font-size:12px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.version-preview{color:var(--muted);font-size:11px;line-height:1.35;margin-top:2px}.version-restore{margin-top:6px;border:1px solid var(--border);background:var(--card);color:var(--ink);border-radius:6px;padding:5px 7px;font:inherit;font-size:11px;cursor:pointer}.version-restore:hover{background:color-mix(in srgb,var(--accent) 7%,var(--card))}
.billing-wrap{max-width:560px}.billing-card{padding:28px}.billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.billing-grid>div{border:1px solid var(--border);border-radius:9px;padding:12px;display:grid;gap:4px}.label-muted{text-transform:uppercase;letter-spacing:.06em;font-size:10px;color:var(--muted)}.link-button{border:0;background:none;color:var(--accent);padding:0;cursor:pointer;font:inherit}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
:root[data-theme="dark"] .alert.error{background:#351c1b;border-color:#6b2e2b}:root[data-theme="dark"] .alert.success{background:#173126;border-color:#275f49}:root[data-theme="dark"] .dev-reset{background:#302b15;border-color:#5e5222}:root[data-theme="dark"] .hero-card{background:#252a33}:root[data-theme="dark"] .mini-toolbar,:root[data-theme="dark"] .mini-page{background:#f8fafc;color:#20242a}
@media(max-width:860px){.hero{grid-template-columns:1fr;gap:20px}.editor-layout{grid-template-columns:1fr}.sidebar{min-height:auto}.version-card{max-height:320px}.bottom-bar{flex-direction:column}.export-actions{justify-content:flex-start}.editor-meta{flex-direction:column;gap:3px}.editor-meta span:last-child{text-align:left}.billing-grid{grid-template-columns:1fr}.top-actions{gap:9px;flex-wrap:wrap}.top-link:not(.search-top-link){display:none}}

.search-heading{margin-bottom:20px}.search-card{padding:20px;margin-bottom:22px}.search-form{display:grid;gap:10px}.search-label{font-weight:700}.search-input-row{display:flex;gap:10px;margin-top:6px}.search-input-row input{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.search-alert{margin:4px 0 0}.search-results-section{margin-top:10px}.search-results-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.search-results-head h2{margin:0;font-size:22px}.search-results{display:grid;gap:10px}.search-result{padding:16px 18px;display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.search-result-main{min-width:0}.search-result-type{text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800;color:var(--accent);margin-bottom:3px}.search-result h3{margin:0;font-size:18px;overflow-wrap:anywhere}.search-result-project{font-size:12px;color:var(--muted);margin-top:2px}.search-snippet{margin:10px 0 6px;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}.search-match{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.search-match code{background:color-mix(in srgb,var(--accent) 9%,var(--card));padding:2px 5px;border-radius:4px;color:var(--ink)}.no-results{padding:20px;display:grid;gap:4px}.no-results code{background:color-mix(in srgb,var(--accent) 8%,var(--card));padding:2px 4px;border-radius:4px}@media(max-width:600px){.search-input-row{flex-direction:column}.search-result{flex-direction:column}.search-result .button{align-self:flex-start}}