:root{--bg:#faf9f6;--surface:#fff;--text:#1f1f1f;--muted:#6b6b6b;--border:#e7e5e0;--accent:#3b5bdb;--accent-hover:#2f4ac0;--danger:#c0392b;--danger-bg:#fdecea;--info-bg:#eef2ff;--highlight:#fde68a;--note-underline:#d97706;--stripe:#f7f6f3;--radius:12px;--shadow:0 1px 2px #0000000a, 0 4px 12px #0000000a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#151515;--surface:#1e1e1e;--text:#ececec;--muted:#9a9a9a;--border:#2f2f2f;--accent:#7c9bff;--accent-hover:#9bb3ff;--danger:#ff8a7a;--danger-bg:#3a1f1c;--info-bg:#1f2540;--highlight:#7a5f12;--note-underline:#f2b33d;--stripe:#222;--shadow:none}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}:root{--page-top:48px;--title-line:2.5rem}@media (width<=600px){:root{--page-top:28px}}.page{max-width:720px;padding:var(--page-top) 16px 96px;margin:0 auto}.muted{color:var(--muted)}.meta{color:var(--muted);margin:0;font-size:.82rem}.app-header{margin-bottom:20px}.logo{font-size:1.6rem;line-height:var(--title-line);letter-spacing:-.01em;margin:0}.tagline{color:var(--muted);margin:0;font-size:.9rem}.account-bar{z-index:1;max-width:720px;height:calc(var(--page-top) + var(--title-line));margin:0 auto calc(-1 * (var(--page-top) + var(--title-line)));padding:var(--page-top) 16px 0;pointer-events:none;justify-content:flex-end;align-items:center;gap:14px;font-size:.82rem;display:flex;position:relative}.account-bar>*{pointer-events:auto}.account-bar .muted{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:45vw;overflow:hidden}.account-bar .btn{font-size:inherit;color:var(--text);border:none;padding:0;font-weight:400}.account-bar .btn:hover:not(:disabled){color:var(--accent)}body:has(.pdf-viewer) .account-bar{max-width:1000px}.demo-banner{border-bottom:1px solid var(--border);text-align:center;color:var(--muted);padding:8px 16px;font-size:.82rem}.demo-banner .link-btn{color:var(--text);text-underline-offset:2px;text-decoration:underline}.demo-banner .link-btn:hover{color:var(--accent)}.auth-screen{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.auth-card{text-align:center;width:100%;max-width:360px}.auth-card h1{font-size:1.6rem;line-height:var(--title-line);letter-spacing:-.01em;margin:0}.auth-card>.muted{margin:4px 0 0;font-size:.92rem}.auth-card .message{margin-top:16px}.auth-card .btn{justify-content:center;width:100%;height:40px;margin-top:28px}.auth-demo{overflow-wrap:anywhere;margin:16px 0 0;font-size:.82rem;line-height:1.5}.btn{border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:8px;padding:8px 14px;font-size:.9rem;font-weight:500;line-height:1.4;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--muted)}.btn:disabled{color:var(--muted);cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:disabled{background:var(--border);border-color:var(--border);color:var(--muted)}.btn-small{padding:4px 10px;font-size:.85rem}.btn-ghost{color:var(--muted);border-color:#0000}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:#0000}.link-btn{all:unset;cursor:pointer;color:var(--muted);font-size:.82rem}.link-btn:hover{color:var(--accent)}.link-btn:disabled{cursor:default;opacity:.6}.link-danger:hover{color:var(--danger)}.link-btn:focus-visible,.icon-btn:focus-visible,.tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.icon-btn{all:unset;width:28px;height:28px;color:var(--muted);cursor:pointer;border-radius:6px;place-items:center;display:inline-grid}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn-danger{background:var(--danger);border-color:var(--danger);color:var(--bg)}.btn-danger:hover:not(:disabled){border-color:var(--danger);filter:brightness(.92)}.confirm{border:1px solid var(--border);background:var(--surface);width:min(400px,100vw - 32px);color:var(--text);border-radius:10px;padding:0;box-shadow:0 20px 50px #0003}.confirm[open]{animation:.14s ease-out confirm-in}.confirm::backdrop{background:#0006}@keyframes confirm-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.confirm-body{padding:22px 22px 18px}.confirm-title{margin:0;font-size:1.05rem;font-weight:600}.confirm-message{color:var(--muted);word-break:break-word;margin:8px 0 0;font-size:.92rem;line-height:1.5}.confirm-message strong{color:var(--text);font-weight:500}.confirm-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.save-bar{align-items:center;gap:8px;display:flex}.save-bar input{border:1px solid var(--border);min-width:0;height:40px;color:var(--text);font:inherit;background:0 0;border-radius:6px;flex:1;padding:0 12px;font-size:.95rem}.save-bar input::placeholder{color:var(--muted)}.save-bar input:focus{border-color:var(--accent);outline:none}.save-bar .btn{height:40px}.message{margin:10px 0 0;font-size:.88rem}.message-error{color:var(--danger)}.message-info{color:var(--muted)}.doc-list{margin-top:24px}.doc-row{border-bottom:1px solid var(--border);padding:20px 0}.doc-row-clickable{cursor:pointer}.doc-row-busy{opacity:.5}.doc-row-flash{animation:2s ease-out row-flash}@keyframes row-flash{0%,40%{background:color-mix(in srgb, var(--accent) 10%, transparent);box-shadow:-12px 0 0 color-mix(in srgb, var(--accent) 10%, transparent), 12px 0 0 color-mix(in srgb, var(--accent) 10%, transparent)}to{background:0 0;box-shadow:-12px 0 #0000,12px 0 #0000}}.doc-title-line{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.doc-title{word-break:break-word;margin:0;font-size:1.05rem;font-weight:600;line-height:1.4;transition:color .15s}.doc-row-clickable:hover .doc-title{color:var(--accent)}.doc-title-line+.meta{margin-top:2px}.doc-excerpt{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:.92rem;display:-webkit-box;overflow:hidden}.doc-error{color:var(--muted);margin:6px 0 0;font-size:.88rem}.doc-retry{color:var(--danger);text-underline-offset:2px;font-size:inherit;text-decoration:underline}.doc-retry:hover{color:var(--danger);text-decoration-thickness:2px}.doc-delete{opacity:0;flex-shrink:0;margin:-2px -6px 0 0;transition:opacity .15s,color .15s}.doc-row:hover .doc-delete,.doc-delete:focus-visible{opacity:1}.doc-delete:hover:not(:disabled){color:var(--danger)}@media (hover:none){.doc-delete{opacity:1}}.skeleton{background:linear-gradient(90deg, var(--stripe) 25%, var(--border) 50%, var(--stripe) 75%);background-size:200% 100%;border-radius:4px;animation:1.2s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.skeleton-line{width:70%;height:14px}.skeleton-line+.skeleton-line{margin-top:10px}.skeleton-line-short{width:35%}.empty{text-align:center;padding:56px 16px}.empty-title{margin:0;font-weight:600}.empty p{margin:4px 0}.back{font-size:.88rem;line-height:var(--title-line);margin:0 0 28px;display:inline-block}.reader-header{margin-bottom:24px}.reader-header .meta a{color:inherit;text-decoration:none}.reader-header .meta a:hover{color:var(--accent)}.reader-title{letter-spacing:-.02em;margin:6px 0 8px;font-size:2rem;line-height:1.2}.byline{color:var(--muted);margin:0;font-size:.9rem}.article-body{font-family:Iowan Old Style,Charter,Georgia,serif;font-size:1.15rem;line-height:1.75}.article-body h1,.article-body h2,.article-body h3,.article-body h4{margin-top:2em;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.3}mark{background:var(--highlight);color:inherit;cursor:pointer;border-radius:3px;padding:1px 0;transition:background .15s}mark:hover{background:color-mix(in srgb, var(--highlight) 80%, var(--accent))}mark.has-note{text-decoration:underline;-webkit-text-decoration-color:var(--note-underline);text-decoration-color:var(--note-underline);text-underline-offset:3px;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;background:0 0;border-radius:0;text-decoration-thickness:2px}mark.has-note:hover{background:color-mix(in srgb, var(--note-underline) 14%, transparent)}mark[data-id=pending]{background:color-mix(in srgb, var(--highlight) 55%, transparent);box-shadow:0 2px 0 var(--accent);cursor:default}.notes{border-bottom:1px solid var(--border);margin:0 0 32px;padding:16px 0}.notes summary{cursor:pointer;font-size:.95rem;font-weight:600}.notes ul{margin:8px 0 0;padding:0;list-style:none}.notes li{padding:16px 0}.notes li+li{border-top:1px solid var(--border)}.notes li:last-child{padding-bottom:4px}.note-quote{all:unset;cursor:pointer;border-left:2px solid var(--accent);padding-left:14px;font-family:Iowan Old Style,Charter,Georgia,serif;transition:color .15s;display:block}.note-quote:hover{color:var(--accent)}.notes .note-quote{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notes-more{color:var(--text);margin-top:4px;font-size:.88rem;display:inline-block}.note-text{color:var(--muted);margin:6px 0 0 16px;font-size:.92rem}.note-actions{flex-wrap:wrap;gap:16px;margin:8px 0 0 16px;display:flex}.note-editor{margin:10px 0 0 16px}.note-editor textarea{border:1px solid var(--border);width:100%;color:var(--text);font:inherit;resize:vertical;background:0 0;border-radius:6px;padding:8px 10px;font-size:.92rem}.note-editor textarea:focus{border-color:var(--accent);outline:none}.note-editor-actions{justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.tooltip{z-index:10;color:#fff;background:#1c1c1e;border-radius:999px;animation:.12s ease-out pop;position:absolute;transform:translate(-50%,-100%);box-shadow:0 8px 24px #0003}.tooltip:after{content:"";border:7px solid #0000;border-top-color:#1c1c1e;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes pop{0%{opacity:0;transform:translate(-50%,calc(4px - 100%))}to{opacity:1;transform:translate(-50%,-100%)}}.tooltip-toolbar{white-space:nowrap;align-items:center;padding:4px;display:flex}.tooltip-toolbar button{all:unset;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:.85rem;font-weight:500;display:inline-flex}.tooltip-toolbar button:hover:not(:disabled){background:#ffffff1f}.tooltip-toolbar button:disabled{opacity:.5;cursor:default}.tooltip-divider{background:#fff3;width:1px;height:18px;margin:0 2px}.tooltip-label{color:#fff9;padding:0 8px 0 12px;font-size:.78rem}.tooltip-expanded{border-radius:16px;width:320px;max-width:calc(100vw - 16px)}.tooltip-editor{padding:10px}.tooltip-editor textarea{color:#fff;width:100%;font:inherit;resize:vertical;background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;padding:8px 10px;font-size:.9rem}.tooltip-editor textarea::placeholder{color:#ffffff73}.tooltip-editor textarea:focus{border-color:#fff6;outline:none}.tooltip-editor-actions{justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.tooltip-text-btn,.tooltip-save-btn{all:unset;cursor:pointer;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:500}.tooltip-text-btn{color:#ffffffb3}.tooltip-text-btn:hover{background:#ffffff1a}.tooltip-save-btn{color:#1c1c1e;background:#fff}.tooltip-save-btn:hover:not(:disabled){background:#e9e9e9}.tooltip-save-btn:disabled{opacity:.6;cursor:default}.note-editor input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:8px;margin-top:6px;padding:8px 10px;font-size:.9rem}.note-editor input:focus{border-color:var(--accent);outline:none}.chip{background:var(--stripe);color:var(--muted);font:inherit;border:none;border-radius:4px;margin:6px 0 0 16px;padding:1px 8px;font-size:.75rem;font-weight:500;display:inline-block}button.chip{cursor:pointer}button.chip:hover{color:var(--accent)}.chip-dark{color:#fff;background:#ffffff1f;margin:0 0 6px}.note-preview{z-index:9;color:#fff;white-space:pre-wrap;pointer-events:none;background:#1c1c1e;border-radius:10px;max-width:280px;padding:8px 12px;font-size:.85rem;line-height:1.45;animation:.12s ease-out pop;position:absolute;transform:translate(-50%,-100%);box-shadow:0 8px 24px #0003}.note-preview:after{content:"";border:6px solid #0000;border-top-color:#1c1c1e;position:absolute;top:100%;left:50%;transform:translate(-50%)}@media (prefers-color-scheme:dark){.tooltip,.note-preview{border:1px solid #ffffff1a}}.reader-loading .skeleton-title{border-radius:8px;height:44px;margin-bottom:16px}.reader-loading .skeleton-text{border-radius:8px;height:320px}.article-body{margin-top:24px}.article-body img{max-width:100%;height:auto}.article-body a{color:var(--accent)}.article-body li p{margin:.25em 0}.article-body li>:first-child,.article-body li>:first-child>p:first-child{margin-top:0}.article-body table{border-collapse:collapse;max-width:100%;margin:1.5em 0;font-size:.9rem;display:block;overflow-x:auto}.article-body th,.article-body td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:8px 14px}.article-body th,.article-body thead td{border-bottom:2px solid var(--muted);font-weight:600}.article-body tbody tr:nth-child(2n){background:var(--stripe)}.article-body figcaption,.article-body caption{color:var(--muted);text-align:left;margin-top:8px;font-size:.9rem}.tabs{border-bottom:1px solid var(--border);gap:24px;margin-bottom:24px;display:flex}.tab{all:unset;color:var(--muted);cursor:pointer;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 0;font-size:.92rem;font-weight:500}.tab:hover{color:var(--text)}.tab-active{color:var(--text);border-bottom-color:var(--accent)}.collection-list{border-top:1px solid var(--border)}.collection-row{all:unset;border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:baseline;gap:16px;width:100%;padding:16px 0;display:flex}.collection-name{font-weight:600;transition:color .15s}.collection-row:hover .collection-name{color:var(--accent)}.collection-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.75rem;font-weight:600}.collection-group{margin-bottom:40px}.collection-doc-title{margin:0 0 16px;font-size:1.05rem;font-weight:600;line-height:1.4}.collection-group ul{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.skeleton-block{height:200px}mark.flash{animation:1.6s ease-out flash}@keyframes flash{0%,30%{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 45%, transparent)}to{box-shadow:0 0 0 4px #0000}}.collection-title-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.collection-actions{gap:14px;display:flex}.rename-form{align-items:center;gap:8px;margin:6px 0 8px;display:flex}.rename-form input{border:1px solid var(--accent);min-width:0;color:var(--text);font:inherit;letter-spacing:-.02em;background:0 0;border-radius:6px;flex:1;padding:6px 10px;font-size:1.4rem;font-weight:700}.rename-form input:focus{outline:none}.picker{border:1px solid var(--border);background:var(--bg);color:var(--muted);border-radius:8px;align-items:center;gap:8px;margin-top:6px;padding:0 10px;display:flex;position:relative}.picker:focus-within{border-color:var(--accent)}.picker input,.note-editor .picker input{width:auto;min-width:0;color:var(--text);font:inherit;background:0 0;border:none;flex:1;margin:0;padding:8px 0;font-size:.9rem}.picker input:focus{outline:none}.picker-menu{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:10px;max-height:220px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000026}.picker-option{color:var(--text);cursor:pointer;border-radius:6px;padding:7px 10px;font-size:.9rem}.picker-option-active{background:color-mix(in srgb, var(--accent) 14%, transparent)}.picker-dark{color:#fff9;background:#ffffff0f;border-color:#ffffff26;margin-top:8px}.picker-dark:focus-within{border-color:#fff6}.picker-dark input{color:#fff}.picker-dark input::placeholder{color:#ffffff73}.picker-dark .picker-menu{background:#2a2a2d;border-color:#ffffff1a}.picker-dark .picker-option{color:#fff}.picker-dark .picker-option-active{background:#ffffff1a}.collections-toolbar{margin-bottom:16px}.collections-toolbar>.link-btn{font-size:.88rem}.new-collection-form{align-items:center;gap:8px;display:flex}.new-collection-form input{border:1px solid var(--border);min-width:0;height:36px;color:var(--text);font:inherit;background:0 0;border-radius:6px;flex:1;padding:0 12px;font-size:.95rem}.new-collection-form input:focus{border-color:var(--accent);outline:none}.picker-multi{flex-wrap:wrap;row-gap:4px;padding:4px 10px}.picker-multi input{min-width:120px}.picker-chip{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent);border-radius:999px;align-items:center;gap:2px;padding:2px 4px 2px 10px;font-size:.8rem;font-weight:500;display:inline-flex}.picker-chip button{all:unset;cursor:pointer;border-radius:999px;padding:0 5px;line-height:1.3}.picker-chip button:hover{background:color-mix(in srgb, var(--accent) 25%, transparent)}.picker-dark .picker-chip{color:#fff;background:#ffffff24}.picker-dark .picker-chip button:hover{background:#ffffff38}.chip-row{flex-wrap:wrap;gap:6px;margin:6px 0 0 15px;display:flex}.chip-row .chip{margin:0}.preview-chips{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.preview-chips .chip-dark{margin:0}.page:has(.pdf-viewer){max-width:1000px}.pdf-wrap{position:relative}.pdf-toolbar{z-index:5;background:var(--surface);border:1px solid var(--border);width:max-content;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:4px;margin:0 auto 16px;padding:4px;font-size:.85rem;display:flex;position:sticky;top:12px}.pdf-toolbar button{all:unset;cursor:pointer;border-radius:999px;place-items:center;width:28px;height:28px;font-size:1.1rem;display:grid}.pdf-toolbar button:hover:not(:disabled){background:var(--stripe)}.pdf-toolbar button:disabled{opacity:.35;cursor:default}.pdf-toolbar span{text-align:center;min-width:44px;color:var(--muted)}.pdf-viewer{width:100vw;margin-left:calc(50% - 50vw);overflow-x:auto}body{overflow-x:clip}.pdf-pages{flex-direction:column;width:max-content;margin:0 auto;display:flex}.pdf-page{position:relative;overflow:hidden}.pdf-page+.pdf-page{border-top:1px solid var(--border)}.pdf-page-inner{position:relative}.pdf-page canvas{mix-blend-mode:multiply;display:block}@media (prefers-color-scheme:dark){.pdf-page canvas{filter:invert()hue-rotate(180deg)brightness(.9);mix-blend-mode:screen}}.textLayer mark{color:#0000;cursor:pointer;background:#facc1573;border-radius:0;padding:0}.textLayer mark:hover{background:#facc15a6}.textLayer mark.has-note{box-shadow:inset 0 -2px 0 var(--note-underline);background:0 0;text-decoration:none}.textLayer mark.has-note:hover{background:color-mix(in srgb, var(--note-underline) 18%, transparent)}.textLayer mark[data-id=pending]{box-shadow:none;background:#7c9bff59}@media (prefers-color-scheme:dark){.textLayer mark{background:#facc154d}.textLayer mark:hover{background:#facc1573}}.snip-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:4px 12px;padding:12px 0;display:flex}.snip-bar:not(:has(+.notes)){margin-bottom:32px}.snip-btn{color:var(--text);align-items:center;gap:6px;font-size:.88rem;display:inline-flex}.snip-btn svg{width:14px;height:14px}.snip-tip{font-size:.82rem}.snip-fab{right:max(16px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));z-index:30;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:9px 16px;font-size:.88rem;font-weight:500;animation:.15s ease-out fab-in;display:inline-flex;position:fixed;box-shadow:0 4px 16px #0000001f}.snip-fab:hover{border-color:var(--muted)}.snip-fab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.snip-fab svg{width:14px;height:14px}@keyframes fab-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.snip-thumb{all:unset;border-left:2px solid var(--accent);cursor:zoom-in;padding-left:14px;display:block}.snip-thumb img{border:1px solid var(--border);border-radius:8px;max-width:100%;max-height:220px;display:block}.modal-backdrop{z-index:50;background:#00000080;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;width:520px;max-width:100%;max-height:calc(100vh - 32px);padding:20px;display:flex;overflow:auto;box-shadow:0 20px 60px #0000004d}.modal-title{margin:0;font-size:1.1rem}.snip-preview{object-fit:contain;border:1px solid var(--border);background:var(--bg);border-radius:8px;max-width:100%;max-height:300px}.modal textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font:inherit;resize:vertical;border-radius:8px;padding:8px 10px;font-size:.92rem}.modal textarea:focus{border-color:var(--accent);outline:none}.modal .picker{margin-top:0}.modal-actions{justify-content:flex-end;gap:6px;display:flex}.lightbox{z-index:60;cursor:zoom-out;background:#000c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.lightbox img{border-radius:8px;max-width:100%;max-height:100%}.snip-overlay{z-index:40;cursor:crosshair;background:#00000026;position:fixed;inset:0}.snip-box{border:2px solid var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);pointer-events:none;border-radius:2px;position:fixed}.snip-hint{color:#fff;pointer-events:none;background:#1c1c1e;border-radius:999px;padding:6px 14px;font-size:.85rem;position:fixed;top:16px;left:50%;transform:translate(-50%)}