:root{font-family:Arial,Helvetica,sans-serif;color:#202124;background:#f8fafd;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:360px}button,input{font:inherit}button{cursor:pointer;border:0;background:transparent;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #a8c7fa;outline-offset:1px}.hover{transition:background-color 100ms linear}.hover:hover{background:#e2e7ef}.hover:active{background:#d3dce9}.docs-header{height:72px;display:flex;align-items:flex-start;padding:12px 16px 0;gap:12px;background:#f8fafd}.document-icon{width:36px;height:44px;padding:0;border-radius:4px;flex-shrink:0}.document-icon svg{width:32px;height:40px}.document-meta{display:flex;flex-direction:column;min-width:0}.document-meta input{height:25px;width:240px;max-width:100%;padding:1px 6px 2px;margin-left:-6px;font-size:18px;line-height:22px;letter-spacing:0;border:1px solid transparent;border-radius:4px;color:#444746;background:transparent}.document-meta input:hover{border-color:#c4c7c5}.menu-row{height:26px;display:flex;align-items:center;margin-left:-8px}.empty-menu{height:25px;border-radius:4px;width:43px;flex-shrink:0}.empty-menu:nth-child(4){width:55px}.empty-menu:nth-child(5){width:62px}.empty-menu:nth-child(7){width:78px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:12px;height:40px;padding-top:0}.round{width:36px;height:36px;border-radius:50%}.share-slot{width:105px;height:40px;border-radius:24px;background:#c2e7ff}.share-slot:hover{background:#b2d7ef}.profile-slot{width:32px;height:32px;border-radius:50%;background:#d8e3df;margin-left:5px}.profile-slot:hover{background:#c6d4ce}.toolbar-wrap{padding:0 16px;background:#f8fafd;position:sticky;top:0;z-index:5}.toolbar{height:40px;display:flex;align-items:center;gap:1px;padding:0 9px;background:#edf2fa;border-radius:24px;overflow:hidden}.toolbar-group{display:flex;align-items:center;gap:1px;flex-shrink:0}.tool{height:28px;width:28px;border-radius:4px;flex-shrink:0}.tool:hover{background:#dce4ef}.divider{height:22px;width:1px;margin:0 6px;background:#d7dce3;flex-shrink:0}.zoom{width:62px}.style{width:107px}.font{width:88px}.small{width:22px}.size{width:32px;border:1px solid #c4c7c5;height:24px;border-radius:3px}.toolbar-spacer{flex:1;min-width:8px}.end{width:65px}.workspace{display:flex;position:relative;min-height:calc(100vh - 112px);background:#f8fafd}.outline-rail{width:54px;flex-shrink:0;padding:32px 8px 0}.outline-toggle{border-radius:50%;height:32px;width:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.outline-toggle span{height:1px;width:15px;background:#747775;display:block}.outline-toggle span:first-child{width:10px;align-self:flex-start;margin-left:9px}.document-canvas{flex:1;min-width:0;padding:0 12px}.ruler{width:816px;max-width:100%;height:26px;display:flex;align-items:center;margin:0 auto;color:#7b7e82;font-size:9px;user-select:none}.ruler-margin{height:14px;background:#e9ecf1;width:96px;flex-shrink:0;border-top:1px solid #d5d9df}.ruler-ticks{height:14px;flex:1;border-top:1px solid #c7ccd4;display:flex;justify-content:space-evenly;background:repeating-linear-gradient(to right,transparent 0,transparent 11px,#c7ccd4 11px,#c7ccd4 12px);background-size:100% 4px;background-repeat:no-repeat}.ruler-ticks span{background:#f8fafd;margin-top:3px;padding:0 3px;font-size:9px;line-height:11px}.paper{width:816px;max-width:100%;min-height:calc(100vh - 154px);margin:0 auto;background:#fff;border:1px solid #d3d6db;box-shadow:0 1px 2px #2021240c;padding:96px 96px 140px}#editor{font:15px/1.6 Arial,Helvetica,sans-serif;min-height:850px;outline:0;overflow-wrap:anywhere;white-space:pre-wrap;tab-size:4;color:#202124}#editor p{margin:0 0 16px}.scroll-space{height:32px}.right-rail{width:56px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:15px;padding:20px 0;position:sticky;top:45px;height:340px}.side-slot{height:32px;width:32px;border-radius:50%}.rail-divider{height:1px;width:20px;background:#e0e3e7;margin:1px 0}#save-error{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);padding:12px 18px;border-radius:4px;background:#fce8e6;color:#8c2c22;font-size:12px;z-index:20}[hidden]{display:none!important}@media(min-width:1500px){.document-canvas{padding-right:100px}.outline-rail{width:120px}.ruler{margin-top:0}}@media(max-width:1000px){.header-actions{gap:6px}.round{width:28px}.document-canvas{padding:0 8px}.outline-rail{width:40px;padding-left:4px}.right-rail{width:40px}.toolbar{overflow-x:auto}.paper{padding:75px 70px 120px}.ruler-margin{width:70px}}@media(max-width:650px){.docs-header{padding:12px 12px 0;gap:8px}.document-meta input{width:180px;font-size:17px}.header-actions .round,.share-slot{display:none}.menu-row{max-width:260px;overflow:hidden}.toolbar-wrap{padding:0 8px}.outline-rail,.right-rail{display:none}.document-canvas{padding:0 10px}.paper{padding:60px 28px 100px;min-height:calc(100vh - 150px)}.ruler-margin{width:28px}#editor{min-height:850px}.toolbar-spacer{display:none}}@media print{.docs-header,.toolbar-wrap,.ruler,.outline-rail,.right-rail,.scroll-space,#save-error{display:none!important}.workspace{display:block;background:#fff}.document-canvas{padding:0}.paper{border:0;box-shadow:none;width:auto;padding:0;margin:0}#editor{min-height:0}@page{margin:25mm}}

/* Palette colours and surfaces from data.aburra.ai. */
:root{--accent:#D3F36B;--theme-ink:#D3F36B;--background:#050505;--card:#151715;--foreground:#f1f2ef;--muted:#232623;--muted-foreground:#adb5a8;--border:#373d35;--hover-surface:color-mix(in srgb,var(--accent) 5%,var(--card));--selected-surface:color-mix(in srgb,var(--accent) 12%,var(--card))}
:root[data-theme="light"]{--background:#f5f6f4;--card:#fff;--foreground:#1b211d;--muted:#e8ece6;--muted-foreground:#59645b;--border:#c9d0c6;--hover-surface:color-mix(in srgb,var(--accent) 8%,white);--selected-surface:color-mix(in srgb,var(--accent) 20%,white)}
:root,body,.docs-header,.toolbar-wrap,.workspace{background:var(--background);color:var(--foreground)}
.document-meta input{color:var(--foreground)}.document-meta input:hover{border-color:var(--border)}.toolbar{background:var(--card)}.hover:hover,.tool:hover{background:var(--hover-surface)}.hover:active{background:var(--selected-surface)}.divider,.rail-divider{background:var(--border)}.size{border-color:var(--border)}
.share-slot,.profile-slot{background:var(--accent)}.share-slot:hover,.profile-slot:hover{background:color-mix(in srgb,var(--accent) 85%,var(--foreground))}
.paper{background:var(--card);border-color:var(--border)}#editor{color:var(--foreground);caret-color:var(--theme-ink)}.ruler{color:var(--muted-foreground)}.ruler-margin{background:var(--muted);border-color:var(--border)}.ruler-ticks{border-color:var(--border);background-image:repeating-linear-gradient(to right,transparent 0,transparent 11px,var(--border) 11px,var(--border) 12px)}.ruler-ticks span{background:var(--background)}.outline-toggle span{background:var(--muted-foreground)}button:focus-visible,input:focus-visible{outline-color:var(--theme-ink)}
.document-icon svg path:first-child{fill:var(--accent)}.document-icon svg path:nth-child(2){fill:color-mix(in srgb,var(--accent) 65%,white)}.document-icon svg path:last-child{stroke:#10120e}
.colour-switcher{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:36px;white-space:nowrap;padding:0 11px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--foreground);font-size:12px;box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--foreground) 3%,transparent)}.colour-switcher:hover{background:var(--hover-surface);border-color:var(--theme-ink)}.colour-dot{width:12px;height:12px;flex-shrink:0;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.palette-description{color:var(--muted-foreground)}.colour-switcher svg{height:15px;width:15px;fill:none;stroke:var(--theme-ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;transition:transform .2s}.colour-switcher:active svg{transform:rotate(55deg)}::selection{background:var(--accent);color:#10120e}
@media(max-width:1050px){.header-actions>.round{display:none}}@media(max-width:760px){.palette-description{display:none}.colour-switcher{height:32px;gap:7px;padding:0 9px}.header-actions>.share-slot{display:none}}@media(max-width:440px){.colour-switcher>span:nth-child(2){display:none}.colour-switcher{width:36px;padding:0}.colour-switcher svg{display:none}.header-actions .profile-slot{display:none}}@media(prefers-reduced-motion:reduce){.colour-switcher svg,.hover{transition:none}}@media print{.paper,#editor{background:white!important;color:black!important}}

.page-setup-menu{width:94px;font-size:13px;padding:0 8px;white-space:nowrap}.paper,.ruler{width:var(--page-width,816px)}.paper{padding:20mm;min-height:var(--page-height,1000px)}#editor{min-height:calc(var(--page-height,1000px) - 40mm - 2px)}.ruler-margin{width:20mm}.ruler-ticks{background-size:100% 4px}.ruler-ticks span{display:none}
dialog{width:510px;max-width:calc(100vw - 32px);padding:26px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--foreground);box-shadow:0 16px 50px #0004}dialog::backdrop{background:#0007}.setup-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.setup-heading h1{font-size:21px;font-weight:400;margin:0}.setup-heading button{width:30px;height:30px;border-radius:50%;font-size:24px;color:var(--muted-foreground)}.setup-heading button:hover{background:var(--hover-surface)}.setup-label{font-size:14px;margin:26px 0 16px}.setup-label span{display:block;font-size:11px;color:var(--muted-foreground);margin-top:7px}.size-options{margin:0;border:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.size-option{position:relative;border:1px solid var(--border);border-radius:6px;display:flex;align-items:center;flex-direction:column;gap:13px;padding:18px 5px 13px;cursor:pointer;min-width:0;font-size:12px}.size-option:hover{background:var(--hover-surface)}.size-option:has(input:checked){border-color:var(--theme-ink);background:var(--selected-surface);box-shadow:0 0 0 1px var(--theme-ink)}.size-option input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.size-option:has(input:focus-visible){outline:2px solid var(--theme-ink);outline-offset:4px}.size-preview{height:67px;aspect-ratio:var(--ratio);border:1px solid var(--muted-foreground);background:var(--background);position:relative;pointer-events:none}.size-preview:after{content:"";position:absolute;inset:8px;border:1px dashed var(--border)}.size-option small{font-size:9px;color:var(--muted-foreground)}.setup-note{font-size:11px;line-height:1.7;color:var(--muted-foreground);margin:21px 0}.setup-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.setup-actions button{border-radius:20px;padding:10px 22px;font-size:13px;color:var(--theme-ink)}.setup-actions button:hover{background:var(--hover-surface)}.setup-actions .setup-apply{background:var(--accent);color:#10120e}.setup-actions .setup-apply:hover{filter:brightness(.95)}.visually-hidden{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}
@media(max-width:650px){.paper{padding:20mm min(20mm,7vw)}.ruler-margin{width:min(20mm,7vw)}.size-options{grid-template-columns:repeat(2,1fr)}.size-option{padding:13px 5px}.size-preview{height:55px}}
@media print{.paper{width:auto;min-height:0;padding:0}#editor{min-height:0}dialog{display:none!important}}

.documents-menu{width:113px;font-size:13px;white-space:nowrap}.documents-menu:disabled,.page-setup-menu:disabled{opacity:.4;cursor:default}#documentActions{height:29px;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0 28px;font-size:10px;color:var(--muted-foreground)}#documentActions button{font-size:11px;padding:4px 8px;border-radius:4px;color:var(--theme-ink)}#documentActions button:disabled{opacity:.4;cursor:not-allowed}#documentStatus{margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#documentsView{max-width:1040px;margin:0 auto;padding:50px 40px}.documents-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.documents-heading h1{font-size:30px;font-weight:400;margin:0 0 12px}.documents-heading p{font-size:12px;color:var(--muted-foreground);margin:0}.documents-primary,.documents-secondary{border-radius:5px;font-size:13px;padding:11px 18px;white-space:nowrap}.documents-primary{background:var(--accent);color:#10120e}.documents-secondary{border:1px solid var(--border);background:var(--card);color:var(--foreground)}.documents-primary:hover{filter:brightness(.95)}.documents-secondary:hover{background:var(--hover-surface)}.documents-controls{display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--border);padding-bottom:22px;margin:35px 0 10px}.documents-controls input{max-width:340px;width:100%;padding:10px 13px;border:1px solid var(--border);border-radius:5px;background:var(--card);color:var(--foreground);font-size:13px}.documents-controls button,#loadMoreDocuments{color:var(--theme-ink);font-size:12px;padding:10px;border-radius:4px}.documents-controls button:hover,#loadMoreDocuments:hover{background:var(--hover-surface)}.document-list h2{font-size:11px;font-weight:400;letter-spacing:.5px;color:var(--muted-foreground);margin:28px 12px 10px}.document-row{display:flex;align-items:center;gap:18px;padding:17px 12px;width:100%;text-align:left;border-bottom:1px solid var(--border);border-radius:4px}.document-row:hover{background:var(--hover-surface)}.document-row-icon{color:var(--theme-ink);font-size:26px}.document-row-text{display:flex;flex-direction:column;gap:7px;min-width:0}.document-row strong{font-size:14px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-row small{font-size:10px;color:var(--muted-foreground)}.document-row-date{font-size:11px;color:var(--muted-foreground);margin-left:auto;white-space:nowrap}.documents-empty{font-size:13px;color:var(--muted-foreground);padding:30px 12px}#documentsDialogBody{font-size:13px;line-height:1.7}#documentsDialogBody>p{color:var(--muted-foreground);margin:22px 0}#documentsDialogBody>button{margin:6px 10px 0 0}.revision-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--border);font-size:11px}.revision-row button{font-size:11px;padding:7px 12px}#documentsDialog{max-height:80vh;overflow:auto}
@media(max-width:650px){.menu-row{max-width:300px}#documentsView{padding:35px 20px}.documents-heading{align-items:flex-start}.documents-heading h1{font-size:26px}.documents-heading p{line-height:1.6}.documents-primary{font-size:11px;padding:10px 12px}.document-row-date{display:none}#documentActions{padding:0 12px;gap:3px;font-size:9px}#documentStatus{font-size:8px}#documentActions button{font-size:10px;padding:4px 5px}}
@media print{#documentsView,#documentActions,#documentsDialog{display:none!important}}