:root{--bg:#0f172a;--panel:#1e293b;--panel-2:#273449;--border:#334155;--text:#f1f5f9;--muted:#94a3b8;--accent:#38bdf8;--ok:#22c55e;--warn:#f59e0b;--err:#f87171;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);overscroll-behavior-y:contain}button{font:inherit;color:inherit;background:var(--panel-2);border:1px solid var(--border);cursor:pointer;border-radius:10px;min-height:44px;padding:.6rem 1rem}button:active{background:var(--border)}button.primary{background:var(--accent);color:#04212f;border-color:var(--accent);font-weight:600}button.icon{min-width:44px;padding:.5rem;font-size:1.05rem;line-height:1;position:relative}.badge{background:var(--accent);color:#04212f;text-align:center;border-radius:999px;min-width:15px;height:15px;padding:0 3px;font-size:.6rem;font-weight:800;line-height:15px;position:absolute;top:2px;right:2px}.badge[hidden]{display:none}input[type=text]{font:inherit;color:inherit;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;width:100%;min-height:44px;padding:.6rem .8rem}.topbar{background:var(--panel);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}.topbar h1{text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:1.05rem;overflow:hidden}.status-pill{border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:.25rem .6rem;font-size:.75rem}.status-pill[data-status=synced]{color:var(--ok);border-color:var(--ok)}.status-pill[data-status=syncing]{color:var(--accent);border-color:var(--accent)}.status-pill[data-status=offline]{color:var(--warn);border-color:var(--warn)}.status-pill[data-status=error]{color:var(--err);border-color:var(--err)}.list{flex-direction:column;gap:.6rem;padding:1rem;display:flex}.list-row{align-items:stretch;gap:.5rem;display:flex}.list-row .list-item{flex:1;min-width:0}.list-item{background:var(--panel);border:1px solid var(--border);text-align:left;border-radius:12px;align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}button.delete-btn{background:var(--panel);border:1px solid var(--border);min-width:44px;color:var(--muted);border-radius:12px;padding:0 .75rem;font-size:1.1rem;line-height:1}button.delete-btn:hover,button.delete-btn:focus-visible{color:#fca5a5;border-color:#7f1d1d}.list-item .meta{flex:1;min-width:0}.list-item .meta .name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.list-item .meta .sub{color:var(--muted);font-size:.8rem}.doc-tags{flex-wrap:wrap;gap:.35rem;margin-top:.4rem;display:flex}.doc-tags:empty{display:none}.tag{background:var(--panel-2);border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .5rem;font-size:.72rem;line-height:1.5;display:inline-flex}.tag.date{color:var(--muted)}.tag.ready{color:var(--ok);border-color:var(--ok)}.tag.failed{color:var(--warn);border-color:var(--warn)}.tag.pending{color:var(--muted)}.flatten-bar{background:var(--border);border-radius:999px;width:34px;height:4px;display:inline-block;overflow:hidden}.flatten-bar-fill{background:var(--accent);border-radius:999px;width:40%;height:100%;animation:1.3s ease-in-out infinite flatten-bar-slide;display:block}@keyframes flatten-bar-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.empty-state{text-align:center;color:var(--muted);padding:2rem 1rem}.new-row{gap:.5rem;padding:0 1rem 1rem;display:flex}.flatten-option{border:1px solid var(--border);background:var(--panel-2);cursor:pointer;border-radius:10px;align-items:flex-start;gap:.6rem;margin:0 1rem 1rem;padding:.6rem .7rem;font-size:.85rem;line-height:1.4;display:flex}.flatten-option input{flex:none;margin-top:.2rem}.flatten-option .muted{font-size:.8rem}.install-banner{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;margin:0 1rem .5rem;padding:.6rem .8rem;font-size:.85rem;display:flex}.viewer{flex-direction:column;height:100%;display:flex}.viewer .toolbar{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex}.viewer .toolbar .spacer{flex:1}.viewer .toolbar .divider{background:var(--border);align-self:stretch;width:1px;margin:0 .25rem}.swatch{border:2px solid var(--border);width:32px;height:32px;min-height:unset;border-radius:999px;padding:0}.swatch[data-active=true]{border-color:var(--text)}.page-canvas-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-x pan-y;background:#0b1220;flex:1;min-width:0;min-height:0;display:flex;overflow:auto}.page-stack{transform-origin:0 0;will-change:transform;margin:1rem auto;position:relative}.page-stack canvas{display:block}.page-stack canvas.pdf-layer{position:relative}.page-stack canvas.markup-layer,.page-stack canvas.cable-layer{position:absolute;top:0;left:0}.page-stack canvas.cable-layer{pointer-events:none;touch-action:none}.active-tag-highlight{pointer-events:none;background:#38bdf838;border:2.5px solid #38bdf8;border-radius:3px;position:absolute;top:0;left:0}.active-tag-highlight[hidden]{display:none}#batch-toggle:disabled{opacity:.35;pointer-events:none}#batch-toggle[aria-pressed=true]{color:#240a3d;background:#c084fc;border-color:#c084fc;font-weight:600}#cables-toggle[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#04212f;font-weight:600}.toast-stack{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + .75rem);z-index:40;pointer-events:none;flex-direction:column;align-items:center;gap:.4rem;width:min(94vw,460px);display:flex;position:fixed;transform:translate(-50%)}.toast{border:1px solid var(--border);border-left:4px solid var(--c,var(--accent));background:#0f172af2;border-radius:12px;align-items:center;gap:.55rem;width:100%;padding:.5rem .7rem;font-size:.9rem;animation:.22s ease-out toast-in;display:flex;box-shadow:0 10px 26px #00000073}.toast.mine{border-color:var(--c,var(--accent))}.toast .e{font-size:1.15rem;line-height:1}.toast .t{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.toast.out{opacity:0;transition:opacity .38s,transform .38s;transform:translateY(-6px)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.toast{animation:none}.toast.out{transition:none}}.status-picker{padding:10px}.status-head{border-bottom:1px solid var(--border);margin-bottom:8px;padding:0 2px 8px}.status-head .tag{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700}.status-list{flex-direction:column;gap:6px;min-width:236px;display:flex}.status-footer{border-top:1px solid var(--border);margin-top:8px;padding-top:8px}.status-footer .primary{width:100%;min-height:46px;font-weight:700}.status-footer .primary:disabled{opacity:.4}.status-item{text-align:left;align-items:center;gap:.6rem;min-height:46px;padding:0 .7rem;font-weight:500;display:flex}.status-item .box{border:2px solid var(--c);color:#04212f;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;font-size:.8rem;font-weight:800;display:grid}.status-item[aria-pressed=true] .box{background:var(--c)}.status-item[aria-pressed=true]{border-color:var(--c)}.status-item .emoji{font-size:1.05rem}.status-item .label{flex:1;min-width:0}.activity-panel{right:.6rem;top:calc(env(safe-area-inset-top,0px) + 3.4rem);z-index:45;background:var(--panel);border:1px solid var(--border);border-radius:14px;flex-direction:column;width:min(92vw,380px);max-height:min(60vh,460px);display:flex;position:fixed;box-shadow:0 18px 44px #00000080}.activity-panel[hidden]{display:none}.activity-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.6rem .5rem .6rem .85rem;display:flex}.activity-list{flex-direction:column;gap:.3rem;padding:.4rem;display:flex;overflow:auto}.activity-row{text-align:left;align-items:center;gap:.6rem;width:100%;min-height:48px;padding:.45rem .6rem;display:flex}.activity-row .e{flex:none;font-size:1.1rem}.activity-row .body{flex-direction:column;flex:1;min-width:0;display:flex}.activity-row .txt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.activity-row .when{color:var(--muted);font-size:.75rem}.activity-row .go{color:var(--muted);flex:none}.settings-panel{right:.6rem;top:calc(env(safe-area-inset-top,0px) + 3.4rem);z-index:45;background:var(--panel);border:1px solid var(--border);border-radius:14px;width:min(92vw,380px);position:fixed;box-shadow:0 18px 44px #00000080}.settings-panel[hidden]{display:none}.settings-body{flex-direction:column;gap:.5rem;padding:.6rem .7rem .8rem;display:flex}.settings-row{padding:.2rem .15rem .4rem}.settings-label{flex-direction:column;gap:.15rem;display:flex}.settings-label .muted{font-size:.82rem}.settings-option{border:1px solid var(--border);background:var(--panel-2);cursor:pointer;border-radius:10px;align-items:flex-start;gap:.65rem;padding:.6rem .65rem;line-height:1.35;display:flex}.settings-option:has(input:checked){border-color:var(--accent);background:#38bdf814}.settings-option input{flex:none;margin-top:.2rem}.settings-option .muted{font-size:.82rem}.batch-bar{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + .75rem);z-index:41;background:#0f172af5;border:1px solid #c084fc;border-radius:999px;align-items:center;gap:.6rem;padding:.5rem .6rem .5rem .9rem;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.batch-bar[hidden]{display:none}.batch-bar #batch-count{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.batch-bar .primary{min-height:40px}.loupe-backdrop{z-index:50;background:#02061773;position:fixed;inset:0}.loupe{visibility:hidden;background:var(--panel);border:1px solid var(--accent);border-radius:14px;padding:8px;position:fixed;box-shadow:0 18px 44px #0000008c}.loupe-view{background:#0b1220;border-radius:9px;display:block}.loupe-choices{flex-wrap:wrap;gap:6px;max-width:240px;margin-top:8px;display:flex}.loupe-choice{font-variant-numeric:tabular-nums;align-items:center;gap:7px;min-height:44px;padding:0 .7rem;font-weight:600;display:flex}.loupe-choice .pip{color:#0b1220;border-radius:999px;place-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:grid}button.ghost{border-color:var(--border);background:0 0;min-height:38px;padding:.4rem .8rem;font-size:.9rem}.page-picker-backdrop{justify-content:center;align-items:center;padding:1rem;display:flex}.page-picker{background:var(--panel);border:1px solid var(--accent);border-radius:14px;flex-direction:column;width:min(560px,100%);max-height:min(80vh,640px);padding:14px;display:flex;position:relative;box-shadow:0 18px 44px #0000008c}.page-picker-head{flex-direction:column;gap:2px;margin-bottom:10px;display:flex}.page-picker-head strong{overflow-wrap:anywhere;font-size:1rem}.page-picker-head .muted{color:var(--muted);font-size:.82rem}.page-picker-toolbar{gap:8px;margin-bottom:10px;display:flex}.page-picker-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;padding:2px;display:grid;overflow-y:auto}.page-picker-cell{background:var(--panel-2);border:2px solid var(--border);border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-height:0;padding:6px;display:flex;position:relative}.page-picker-cell canvas{background:#0b1220;border-radius:5px;max-width:100%;display:block}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:999px;width:20px;height:20px;animation:.7s linear infinite spinner-spin}@keyframes spinner-spin{to{transform:rotate(360deg)}}.page-picker-cell.loading{justify-content:center;min-height:90px}.page-picker-cell.loading canvas{display:none}.page-picker-preparing-panel{width:auto;color:var(--muted);flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1.5rem;font-size:.9rem;display:flex}.page-picker-preparing-panel .spinner{width:28px;height:28px}.page-picker-cell .num{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.78rem}.page-picker-cell[aria-pressed=true]{border-color:var(--accent);background:#38bdf824}.page-picker-cell[aria-pressed=true] .num{color:var(--text);font-weight:700}.page-picker-grid.no-thumbs{grid-template-columns:repeat(auto-fill,minmax(52px,1fr))}.page-picker-grid.no-thumbs .page-picker-cell{justify-content:center;min-height:44px}.page-picker-grid.no-thumbs .num{color:var(--text);font-size:.95rem}.page-picker-footer{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.page-nav,.zoom-nav{align-items:center;gap:.5rem;display:flex}#zoom-level{font-variant-numeric:tabular-nums;min-width:68px}#markup-toggle[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#04212f;font-weight:600}#show-markups-toggle[aria-pressed=false]{color:#3a2c00;background:#facc15;border-color:#facc15;font-weight:600}.viewer .toolbar[data-markup=off] .draw-only{display:none}.page-nav span{text-align:center;font-variant-numeric:tabular-nums;min-width:4.5rem}.hint{color:var(--muted);padding:0 1rem 1rem;font-size:.8rem}.name-gate{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;padding:1.5rem;display:flex}.name-gate form{flex-direction:column;gap:.75rem;width:100%;max-width:320px;display:flex}