:root{--bg:#f4f5f7;--surface:#fff;--surface-2:#f7f8fa;--surface-hover:#eef0f4;--surface-active:#e3e7ff;--canvas:#e6e8ec;--text:#1d2026;--text-2:#4b5260;--muted:#7a8190;--border:#e3e5ea;--border-strong:#cfd3da;--accent:#4f6bff;--accent-hover:#3d58eb;--accent-soft:#4f6bff1f;--accent-text:#3149d6;--danger:#e5484d;--ok:#2fa36b;--shadow-sm:0 1px 2px #1018280f;--shadow-md:0 8px 24px #1018281f, 0 2px 6px #1018280f;--shadow-page:0 1px 3px #1018281a, 0 6px 20px #10182814;--radius:10px;--radius-sm:7px;--ui-font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#15171b;--surface:#1c1f24;--surface-2:#22262c;--surface-hover:#2a2e35;--surface-active:#2d3560;--canvas:#0f1114;--text:#e8eaee;--text-2:#b9bec8;--muted:#8a909c;--border:#2c3037;--border-strong:#3a3f48;--accent:#6f86ff;--accent-hover:#8597ff;--accent-soft:#6f86ff29;--accent-text:#9fb0ff;--shadow-sm:0 1px 2px #0006;--shadow-md:0 10px 30px #00000080, 0 2px 6px #0006;--shadow-page:0 2px 6px #00000080, 0 10px 30px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--ui-font);-webkit-font-smoothing:antialiased;font-size:13px;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}.app{grid-template-rows:auto auto 1fr auto;height:100%;display:grid}.main{grid-template-columns:1fr auto;min-height:0;display:grid;position:relative}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:5;align-items:center;gap:12px;height:62px;padding:0 16px 0 12px;display:flex;position:relative}.brand{cursor:pointer;background:0 0;border:none;border-radius:12px;flex-shrink:0;padding:0}.brand-logo{background:linear-gradient(140deg, #6b84ff 0%, var(--accent) 45%, #8b5cf6 100%);color:#fff;border-radius:11px;place-items:center;width:38px;height:38px;transition:transform .15s,box-shadow .15s;display:grid;box-shadow:inset 0 1px #ffffff47,0 2px 8px #4f6bff59}.brand:hover .brand-logo{transform:translateY(-1px)scale(1.04);box-shadow:inset 0 1px #ffffff47,0 6px 16px #4f6bff73}.brand:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.doc-head{flex-direction:column;flex:1;justify-content:center;gap:1px;min-width:0;display:flex}.title-row{align-items:center;gap:8px;min-width:0;display:flex}.title-sizer{min-width:0;max-width:min(560px,100%);display:inline-grid}.title-sizer:after,.title-sizer .doc-title{font:600 16px/1.3 var(--ui-font);letter-spacing:-.01em;border:1px solid #0000;grid-area:1/1;padding:3px 7px}.title-sizer:after{content:attr(data-value) " ";visibility:hidden;white-space:pre;overflow:hidden}.doc-title{width:100%;min-width:0;color:var(--text);text-overflow:ellipsis;background:0 0;border-radius:7px;outline:none;transition:background .12s,border-color .12s}.doc-title:hover{background:var(--surface-hover)}.doc-title:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.save-chip{height:22px;color:var(--ok);background:#2fa36b1a;border-radius:11px;flex-shrink:0;align-items:center;gap:5px;padding:0 8px;font-size:11.5px;font-weight:500;transition:color .2s,background .2s;display:inline-flex}.save-chip.pending{color:#c27c0e;background:#f5a52421}:root[data-theme=dark] .save-chip.pending{color:#f5b74a}.spin{animation:.9s linear infinite spin}.doc-sub{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;padding-left:8px;font-size:12px;display:flex;overflow:hidden}.crumb{color:inherit;cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0}.crumb:hover{color:var(--accent-text);text-underline-offset:2px;text-decoration:underline}.crumb-sep{opacity:.6;flex-shrink:0}.dot-sep{opacity:.55;background:currentColor;border-radius:50%;flex-shrink:0;width:3px;height:3px}.topbar-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.tb-divider{background:var(--border);width:1px;height:22px;margin:0 2px}.theme-btn{width:32px;height:32px}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;align-items:center;gap:7px;height:32px;padding:0 12px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--surface-hover)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--surface-hover)}.btn.danger{color:var(--danger)}.btn:disabled{opacity:.5;cursor:default}.icon-btn{border-radius:var(--radius-sm);min-width:30px;height:30px;color:var(--text-2);cursor:pointer;background:0 0;border:none;place-items:center;gap:2px;padding:0 5px;transition:background .1s,color .1s;display:inline-grid}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.icon-btn.active{background:var(--accent-soft);color:var(--accent-text)}.icon-btn:disabled{opacity:.35;cursor:default;background:0 0}.icon-btn.with-caret{grid-auto-flow:column;padding-right:3px}.toolbar{background:var(--surface);border-bottom:1px solid var(--border);scrollbar-width:thin;align-items:center;gap:4px;padding:6px 10px;display:flex;overflow-x:auto}.tb-group{flex-shrink:0;align-items:center;gap:1px;padding:0 4px;display:flex}.tb-sep{background:var(--border);flex-shrink:0;width:1px;height:22px}.tb-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer;white-space:nowrap;justify-content:space-between;align-items:center;gap:6px;height:30px;padding:0 8px;display:inline-flex}.tb-select:hover{border-color:var(--border-strong)}.size-box{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);align-items:center;height:30px;display:flex;overflow:hidden}.size-box input{text-align:center;background:0 0;border:none;outline:none;width:38px;height:100%}.size-box button{cursor:pointer;width:24px;height:100%;color:var(--text-2);background:0 0;border:none;place-items:center;display:grid}.size-box button:hover{background:var(--surface-hover)}.color-ind{justify-items:center;gap:1px;display:grid}.color-bar{border-radius:2px;width:16px;height:3px}.popover{z-index:1000;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);min-width:160px;max-height:min(70vh,520px);padding:6px;animation:.12s ease-out pop;position:fixed;overflow:auto}@keyframes pop{0%{opacity:0;transform:translateY(-4px)}}.menu-item{cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:7px 10px;display:flex}.menu-item:hover,.menu-item.focused{background:var(--surface-hover)}.menu-item.selected{background:var(--accent-soft);color:var(--accent-text)}.menu-item .hint{color:var(--muted);margin-left:auto;padding-left:16px;font-size:11px}.menu-sep{background:var(--border);height:1px;margin:5px 4px}.menu-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:8px 10px 4px;font-size:10.5px;font-weight:600}.swatches{grid-template-columns:repeat(10,22px);gap:4px;padding:4px;display:grid}.swatch{cursor:pointer;border:1px solid #0000001f;border-radius:5px;width:22px;height:22px;padding:0}.swatch:hover{transform:scale(1.12)}.swatch.none{background:linear-gradient(135deg, transparent 45%, var(--danger) 45%, var(--danger) 55%, transparent 55%), var(--surface)}.table-grid{grid-template-columns:repeat(10,18px);gap:3px;padding:6px;display:grid}.table-cell-pick{border:1px solid var(--border-strong);background:var(--surface-2);border-radius:3px;width:18px;height:18px}.table-cell-pick.on{background:var(--accent-soft);border-color:var(--accent)}.table-grid-label{text-align:center;color:var(--text-2);padding:2px 0 6px}.chars-grid{grid-template-columns:repeat(10,30px);gap:3px;padding:4px;display:grid}.char-btn{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:6px;width:30px;height:30px;font-family:Carlito;font-size:16px}.char-btn:hover{border-color:var(--accent);background:var(--accent-soft)}.canvas-scroller{background:var(--canvas);overflow-anchor:none;min-width:0;position:relative;overflow:auto}.zoom-box{margin:28px auto 60px;position:relative}.paper-stack{transform-origin:0 0;position:absolute;top:0;left:0}.page{box-shadow:var(--shadow-page);background:#fff;position:absolute;left:0;overflow:hidden}.page-hf{color:#50555c;white-space:pre-wrap;font-kerning:none;font-variant-ligatures:none;font-feature-settings:"kern" 0, "liga" 0, "clig" 0, "calt" 0;text-rendering:geometricprecision;font-synthesis:none;grid-template-columns:1fr 1fr 1fr;gap:8px;line-height:1.2;display:grid;position:absolute}.page-hf>:first-child{text-align:left}.page-hf>:nth-child(2){text-align:center}.page-hf>:nth-child(3){text-align:right}.page-hf.footer{align-items:end}.page-gap-mask{background:var(--canvas);pointer-events:none;z-index:2;position:absolute;left:-2px;right:-2px}.flow-clip{z-index:1;position:absolute;top:0;left:0;overflow:clip}.flow{position:absolute}.page-overlay{z-index:3;pointer-events:none;position:absolute;left:0}.margin-guide{inset:var(--mt) var(--mr) var(--mb) var(--ml);outline:1px dashed #4f6bff59;position:absolute}.page-number-badge{color:var(--muted);-webkit-user-select:none;user-select:none;font-size:11px;position:absolute;right:-46px}.doc-content.show-marks p:after,.doc-content.show-marks h1:after,.doc-content.show-marks h2:after,.doc-content.show-marks h3:after,.doc-content.show-marks h4:after{content:"¶";color:#6f86ff;opacity:.7;width:0;font-style:normal;font-weight:400;display:inline-block}.doc-content.show-marks .page-break:after{content:"Salto de página";font:10px/1 var(--ui-font);color:#6f86ff;text-align:center;border-top:1px dashed #6f86ff;padding-top:3px;position:absolute;top:-1px;left:0;right:0}.doc-content .ProseMirror-selectednode,.doc-content .img-block.ProseMirror-selectednode .img-frame{outline:2px solid var(--accent);outline-offset:1px}.doc-content .img-block.ProseMirror-selectednode{outline:none}.doc-content .img-handle{background:var(--accent);cursor:nwse-resize;border:2px solid #fff;border-radius:3px;width:12px;height:12px;display:none;position:absolute;bottom:-6px;right:-6px}.doc-content .img-block.ProseMirror-selectednode .img-handle{display:block}.doc-content .sel-ghost{background:#4f6bff38}.doc-content .search-hit{background:#ffc80073}.doc-content .search-hit-current{background:#ff8c00b3}.doc-content .selectedCell:after{content:"";pointer-events:none;background:#4f6bff29;position:absolute;inset:0}.doc-content .column-resize-handle{background:var(--accent);pointer-events:none;width:4px;position:absolute;top:0;bottom:0;right:-2px}.doc-content.resize-cursor{cursor:col-resize}.doc-content a:hover{cursor:pointer}.doc-content ::selection{background:#4f6bff40}.ProseMirror-gapcursor:after{border-top-color:#000}.compare-layer{z-index:4;pointer-events:none;position:absolute;inset:0}.compare-layer canvas{width:100%;height:100%;display:block}.compare-layer.difference{mix-blend-mode:difference}.compare-layer.overlay{opacity:.5}.compare-layer.pdf{background:#fff}.compare-bar{z-index:20;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:12px;align-items:center;gap:6px;padding:6px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.seg{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:2px;display:flex}.seg button{cursor:pointer;color:var(--text-2);background:0 0;border:none;border-radius:6px;padding:5px 10px;font-weight:500}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.findbar{z-index:15;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:12px;gap:6px;width:360px;padding:8px;display:grid;position:absolute;top:12px;right:20px}.find-row{align-items:center;gap:4px;display:flex}.find-row input[type=text]{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);outline:none;flex:1;min-width:0;height:30px;padding:0 9px}.find-row input[type=text]:focus{border-color:var(--accent)}.find-count{color:var(--muted);text-align:center;min-width:48px;font-size:11.5px}.sidebar{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;width:300px;min-height:0;display:flex}.sidebar.wide{width:400px}.side-chat{flex-direction:column;flex:1;min-height:0;display:flex}.side-chat[hidden],.side-body[hidden]{display:none}.side-tab.ai{flex-shrink:0;margin-left:auto}.side-tab.ai.on{color:var(--accent-text)}.chat-loading{flex:1;place-items:center;display:grid}.sidebar.collapsed{border:none;width:0;overflow:hidden}.side-tabs{border-bottom:1px solid var(--border);gap:2px;min-width:0;padding:8px 8px 0;display:flex}.side-tab{cursor:pointer;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:5px;min-width:0;margin-bottom:-1px;padding:8px 6px;font-weight:600;display:flex;overflow:hidden}.side-tab svg{flex-shrink:0}.side-tab.on{color:var(--text);border-bottom-color:var(--accent)}.side-body{flex:1;padding:6px 14px 20px;overflow:auto}.side-section{border-bottom:1px solid var(--border);padding:12px 0}.side-section:last-child{border-bottom:none}.side-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:10px;font-size:11px;font-weight:700}.field{gap:5px;margin-bottom:10px;display:grid}.field>label,.field-label{color:var(--text-2);font-size:12px;font-weight:500}.field-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.input,.select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);outline:none;width:100%;min-width:0;height:32px;padding:0 9px}.input:focus,.select:focus{border-color:var(--accent)}.num-input{align-items:center;display:flex;position:relative}.num-input .input{padding-right:34px}.num-input .unit{color:var(--muted);pointer-events:none;font-size:11px;position:absolute;right:9px}.btn-row{flex-wrap:wrap;gap:2px;display:flex}.check{cursor:pointer;color:var(--text-2);align-items:center;gap:8px;margin:6px 0;display:flex}.check input{accent-color:var(--accent);width:15px;height:15px}.help{color:var(--muted);font-size:11.5px;line-height:1.45}.help code{background:var(--surface-hover);border-radius:4px;padding:1px 4px;font-size:11px}.token-chips{gap:6px;display:grid}.token-chip{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer;width:100%;color:var(--text-2);text-align:left;align-items:center;gap:8px;padding:6px 9px;transition:background .25s,border-color .25s,color .25s;display:flex}.token-chip:hover{border-color:var(--accent);color:var(--text)}.token-chip code{color:var(--accent-text);background:var(--accent-soft);border-radius:4px;padding:1px 6px;font-family:Roboto Mono,ui-monospace,monospace;font-size:11.5px;transition:inherit}.token-chip span{flex:1;font-size:12px}.token-chip svg{opacity:.55}.token-chip.copied{border-color:var(--ok);color:var(--ok);background:#2fa36b24}.token-chip.copied code{background:var(--ok);color:#fff}.token-chip.copied svg{opacity:1}.margin-visual{grid-template-columns:1fr 1fr;gap:8px;display:grid}.statusbar{background:var(--surface);border-top:1px solid var(--border);height:32px;color:var(--text-2);align-items:center;gap:16px;padding:0 12px;font-size:12px;display:flex}.statusbar .spacer{flex:1}.zoom-ctrl{align-items:center;gap:6px;display:flex}.zoom-ctrl input[type=range]{width:120px;accent-color:var(--accent)}.zoom-ctrl .icon-btn{min-width:24px;height:24px}.zoom-val{text-align:right;font-variant-numeric:tabular-nums;cursor:pointer;min-width:42px}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:900;background:#0a0c1073;place-items:center;animation:.15s ease-out fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:14px;flex-direction:column;width:min(720px,100vw - 32px);max-height:calc(100vh - 64px);display:flex;overflow:hidden}.modal.small{width:min(420px,100vw - 32px)}.modal-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:16px 18px;display:flex}.modal-head h2{flex:1;margin:0;font-size:16px}.modal-body{padding:16px 18px;overflow:auto}.modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.modal.wide{width:min(1040px,100vw - 32px);height:min(760px,100vh - 64px)}.modal.wide .modal-body{background:var(--bg);flex:1;padding:20px}.count-badge{background:var(--surface-hover);min-width:22px;height:20px;color:var(--text-2);vertical-align:2px;border-radius:10px;place-items:center;margin-left:6px;padding:0 7px;font-size:11.5px;font-weight:600;display:inline-grid}.docs-actions{align-items:center;gap:8px;display:flex}.search-box{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);height:32px;color:var(--muted);align-items:center;gap:7px;width:240px;padding:0 10px;display:flex}.search-box:focus-within{border-color:var(--accent);color:var(--text-2)}.search-box input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1}.doc-grid{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:18px;display:grid}.doc-card{border:1px solid var(--border);cursor:pointer;background:var(--surface);text-align:left;border-radius:14px;flex-direction:column;padding:0;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative;overflow:hidden}.doc-card:hover,.doc-card:focus-visible{border-color:var(--accent);box-shadow:var(--shadow-md);outline:none;transform:translateY(-2px)}.doc-card.current{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.doc-thumb{background:var(--canvas);border-bottom:1px solid var(--border);height:196px;padding:14px 14px 0;position:relative;overflow:hidden}.thumb-page{transform-origin:0 0;pointer-events:none;background:#fff;border-radius:3px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 6px 18px #10182829}.thumb-content{position:absolute;overflow:hidden}.thumb-content ul{list-style:outside}.thumb-content ol{list-style:decimal}.new-thumb{place-items:start center;display:grid}.new-sheet{aspect-ratio:210/297;background:var(--surface);border:2px dashed var(--border-strong);width:62%;color:var(--accent);border-radius:6px;place-items:center;transition:border-color .15s,background .15s;display:grid}.doc-card.new:hover .new-sheet{border-color:var(--accent);background:var(--accent-soft)}.doc-info{gap:3px;padding:10px 12px 12px;display:grid}.doc-info b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.doc-info span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.doc-badge{background:var(--accent);color:#fff;letter-spacing:.02em;box-shadow:var(--shadow-sm);border-radius:10px;padding:2px 8px;font-size:10.5px;font-weight:600;position:absolute;top:10px;left:10px}.doc-card-actions{opacity:0;gap:4px;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:8px;right:8px;transform:translateY(-3px)}.doc-card:hover .doc-card-actions,.doc-card:focus-within .doc-card-actions{opacity:1;transform:none}.doc-card-actions .icon-btn{background:var(--surface);box-shadow:var(--shadow-sm);border:1px solid var(--border);min-width:28px;height:28px}.doc-card-actions .icon-btn:hover{color:var(--accent-text)}.docs-empty{text-align:center;color:var(--muted);padding:40px 0}.toasts{z-index:2000;pointer-events:none;gap:8px;display:grid;position:fixed;bottom:44px;left:50%;transform:translate(-50%)}.toast{color:#fff;box-shadow:var(--shadow-md);background:#22252b;border-radius:10px;align-items:center;gap:10px;padding:10px 16px;font-weight:500;animation:.15s ease-out pop;display:flex}.toast.error{background:var(--danger)}.busy{z-index:1500;background:#0a0c104d;place-items:center;display:grid;position:fixed;inset:0}.busy-card{background:var(--surface);box-shadow:var(--shadow-md);border-radius:14px;align-items:center;gap:12px;padding:18px 22px;font-weight:500;display:flex}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.kbd{color:var(--muted);font-size:10.5px}@media (width<=900px){.sidebar:not(.collapsed){z-index:30;box-shadow:var(--shadow-md);position:absolute;top:0;bottom:0;right:0}.hide-sm,.doc-sub{display:none}}:root[data-app=documents]{--accent:#1677ff;--accent-hover:#0f62d6;--accent-soft:#1677ff1f;--accent-text:#0b5bd3;--surface-active:#dcebff}:root[data-app=documents][data-theme=dark]{--accent:#4c9aff;--accent-hover:#6eaeff;--accent-soft:#4c9aff29;--accent-text:#8fc0ff;--surface-active:#1f3556}:root[data-app=spreadsheets]{--accent:#12a150;--accent-hover:#0d8a43;--accent-soft:#12a1501f;--accent-text:#0b7a3b;--surface-active:#d9f2e3}:root[data-app=spreadsheets][data-theme=dark]{--accent:#34c274;--accent-hover:#4fd58b;--accent-soft:#34c27429;--accent-text:#7be0a6;--surface-active:#1c3d2b}:root[data-app=presentations]{--accent:#ee7b0c;--accent-hover:#d46a02;--accent-soft:#ee7b0c21;--accent-text:#b85700;--surface-active:#ffe8cf}:root[data-app=presentations][data-theme=dark]{--accent:#ff9a3c;--accent-hover:#ffad5e;--accent-soft:#ff9a3c29;--accent-text:#ffb878;--surface-active:#4a3117}:root[data-app=tools]{--accent:#6d5efc;--accent-hover:#5a4be6;--accent-soft:#6d5efc1f;--accent-text:#5142d8;--surface-active:#e6e3ff}:root[data-app=tools][data-theme=dark]{--accent:#8b7fff;--accent-hover:#a096ff;--accent-soft:#8b7fff2b;--accent-text:#b3abff;--surface-active:#2f2b5c}.app-logo{flex-shrink:0;place-items:center;transition:transform .15s;display:inline-grid}.app-logo img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.brand:hover .app-logo{transform:translateY(-1px)scale(1.06)}.app-link{border-radius:var(--radius-sm);color:var(--text);align-items:center;gap:11px;padding:7px 9px;text-decoration:none;display:flex}.app-link:hover{background:var(--surface-hover)}.app-link.current{background:var(--accent-soft)}.app-link>span:last-child{gap:1px;min-width:0;display:grid}.app-link b{font-size:13.5px;font-weight:600}.app-link small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}a.crumb{text-decoration:none}.tb-label{color:var(--muted);white-space:nowrap;padding:0 4px;font-size:11.5px}.offscreen-export{pointer-events:none;position:fixed;top:0;left:-100000px}.preview-scroller{background:var(--canvas);border-radius:var(--radius);justify-items:center;gap:18px;min-height:0;padding:20px;display:grid;overflow:auto}.lib-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:-4px 0 16px;display:flex}.lib-filters{background:var(--surface);border:1px solid var(--border);scrollbar-width:none;border-radius:12px;gap:4px;padding:4px;display:flex;overflow-x:auto}.lib-filter{height:32px;color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;align-items:center;gap:7px;padding:0 12px;font-weight:500;transition:background .12s,color .12s;display:inline-flex}.lib-filter:hover{background:var(--surface-hover);color:var(--text)}.lib-filter>span:last-child{background:var(--surface-hover);min-width:20px;color:var(--muted);border-radius:9px;padding:1px 6px;font-size:11px;font-weight:600}.lib-filter.on{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-soft)}.lib-filter.on>span:last-child{color:#fff;background:#ffffff3d}.lib-sort{width:auto;height:34px}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.lib-grid .doc-card{border-radius:16px}.lib-grid .doc-card:not(.new):hover,.lib-grid .doc-card:not(.new):focus-visible{border-color:color-mix(in srgb, var(--kind) 60%, var(--border));box-shadow:0 10px 26px color-mix(in srgb, var(--kind) 18%, transparent)}.lib-thumb{background:radial-gradient(260px 140px at 100% 0%, color-mix(in srgb, var(--kind) 16%, transparent), transparent 70%), var(--canvas);height:178px}.lib-thumb.lib-presentations{place-items:center;padding:14px;display:grid}.lib-thumb.lib-presentations .slide-thumb{box-shadow:var(--shadow-page);border-radius:4px}.lib-thumb.lib-spreadsheets{padding:14px 0 0 14px}.lib-tag{height:22px;color:color-mix(in srgb, var(--kind) 82%, var(--text));background:color-mix(in srgb, var(--kind) 14%, var(--surface));border:1px solid color-mix(in srgb, var(--kind) 30%, transparent);box-shadow:var(--shadow-sm);pointer-events:none;border-radius:11px;align-items:center;gap:5px;padding:0 9px 0 6px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:146px;left:10px}.lib-ext{vertical-align:-2px;color:var(--muted);margin-left:4px}.lib-new .new-thumb{background:color-mix(in srgb, var(--kind) 7%, var(--canvas));height:178px}.lib-new .new-sheet{color:var(--kind);border-color:color-mix(in srgb, var(--kind) 45%, var(--border-strong));width:46%}.lib-new:hover .new-sheet{border-color:var(--kind)!important;background:color-mix(in srgb, var(--kind) 10%, var(--surface))!important}.lib-new .doc-info b{color:color-mix(in srgb, var(--kind) 70%, var(--text))}.lib-new-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}.lib-new-btn{border:1.5px dashed color-mix(in srgb, var(--kind) 45%, var(--border-strong));background:color-mix(in srgb, var(--kind) 6%, var(--surface));color:var(--text);text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background .15s,transform .15s;display:flex}.lib-new-btn:hover{border-color:var(--kind);background:color-mix(in srgb, var(--kind) 12%, var(--surface));transform:translateY(-1px)}.lib-new-btn>span:not(.app-logo){flex:1;gap:1px;min-width:0;display:grid}.lib-new-btn b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.lib-new-btn small{color:var(--muted);font-size:11.5px}.lib-new-btn>svg{color:var(--kind);flex-shrink:0}@media (width<=720px){.lib-new-row{grid-template-columns:1fr}}.lib-new-row{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}