:root{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#243832;background:#f0f3f5;font-size:16px;--green:#176e51;--green-dark:#10553d;--line:#e0e7e5;--muted:#72807c;--orange:#ed9a29}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible{outline:3px solid #49ad8e;outline-offset:3px}button{touch-action:manipulation}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.app-header{height:82px;display:flex;align-items:center;gap:24px;padding:0 30px;background:white;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-size:25px;font-weight:750;letter-spacing:.04em}.brand>span:last-child{display:flex;gap:18px;align-items:center}.brand small{font-size:14px;font-weight:450;letter-spacing:0;color:var(--muted)}.brand-mark{height:42px;width:42px;display:grid;place-items:center;border-radius:12px;background:var(--green);color:white}.brand-mark svg{width:25px;height:25px}.privacy{margin-left:auto;color:#67786f;display:flex;align-items:center;gap:7px;font-size:13px}.privacy svg{width:15px;height:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border-radius:10px;min-height:44px;border:1px solid transparent;font-weight:600;font-size:14px;white-space:nowrap;transition:background .16s,transform .1s,box-shadow .16s}.button:active:not(:disabled){transform:translateY(2px)}.primary{background:var(--green);color:white;box-shadow:0 3px 0 var(--green-dark)}.primary:hover:not(:disabled){background:#1c805d}.secondary{background:white;color:#344c40;border-color:#d8e2dc}.secondary:hover:not(:disabled){background:#f4f8f5}.workspace{height:calc(100dvh - 82px);display:grid;grid-template-columns:minmax(0,1fr) 332px}.document-pane{display:flex;flex-direction:column;min-width:0;min-height:0}.document-toolbar{min-height:68px;padding:12px 22px;display:flex;gap:14px;align-items:center;border-bottom:1px solid #dde4e2;background:#fafcfa;flex-wrap:wrap}.document-name{display:flex;align-items:center;gap:9px;min-width:0;flex:1;max-width:100%;font-size:14px}.document-name>svg{color:#8a9890}.document-name #filename{max-width:260px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.meta{color:var(--muted);font-size:12px;white-space:nowrap}.tools{display:flex;align-items:center;gap:8px}.tool-toggle{display:flex;background:#eaf0ec;border-radius:8px;padding:3px;gap:2px}.tool{display:flex;align-items:center;gap:6px;border:0;border-radius:6px;background:transparent;color:#697970;padding:8px 10px;font-size:14px}.tool.active{background:white;color:var(--green);box-shadow:0 1px 4px #122e1610}.tool svg{width:17px;height:17px}.icon-button{display:inline-grid;place-items:center;min-width:36px;min-height:36px;padding:7px;border:0;border-radius:8px;background:transparent;color:#738279}.icon-button:hover:not(:disabled){background:#eaf0ec;color:#274c37}.tool-divider{height:22px;width:1px;background:#dce4de;margin:0 3px}.zoom-tools{display:flex;align-items:center}.zoom-value{border:0;background:transparent;color:#4e6656;font-size:13px;min-width:49px;min-height:36px;border-radius:7px}.viewer{flex:1;overflow:auto;position:relative;min-height:0;overscroll-behavior:contain;background-color:#edf1f3;background-image:radial-gradient(#cfd8d980 .8px,transparent .8px);background-size:16px 16px;scrollbar-color:#bdc9c2 transparent;scrollbar-width:thin}.upload-empty{min-height:100%;display:flex;align-items:center;justify-content:center;padding:32px}.upload-frame{text-align:center;border:1.5px dashed #b9ccc2;background:#ffffffc9;border-radius:18px;width:100%;max-width:570px;padding:60px 28px;transition:border-color .2s,background .2s}.upload-file-icon{width:52px;height:52px;color:#50856a;stroke-width:1.2}.upload-frame h1{font-size:24px;font-weight:600;margin:22px 0 10px;letter-spacing:.02em}.upload-frame p{font-size:15px;color:#7b8881;margin:0 0 28px}.upload-frame .button{padding:13px 29px}.empty-note{display:block;margin-top:24px;font-size:13px;color:#8b978f}.drag-over .viewer{box-shadow:inset 0 0 0 3px var(--green)}.drag-over .upload-frame{border-color:var(--green);background:#f1faf3}.document-footer{padding:11px 22px;background:#fafcfa;border-top:1px solid var(--line);color:#78877f;font-size:12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.keyboard-tip{color:#9aa69e}.document-surface{position:relative;min-width:100%;width:max-content;padding:28px 32px 70px;isolation:isolate;user-select:none;-webkit-user-select:none;touch-action:none}.document-surface.browse{cursor:grab}.document-surface.browse:active{cursor:grabbing}.pages{display:flex;flex-direction:column;gap:34px;align-items:center}.page-wrap{position:relative;flex-shrink:0}.page-label{position:absolute;bottom:calc(100% + 5px);left:0;font-size:12px;color:#8b978f;pointer-events:none;white-space:nowrap}.pdf-page{display:block;background:white;box-shadow:0 3px 14px #132c1512;position:relative;overflow:hidden;cursor:crosshair}.browse .pdf-page{cursor:grab}.pdf-page canvas{display:block;width:100%;height:100%}.page-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#bac3bb;font-size:13px;pointer-events:none}.selection-layer{position:absolute;inset:0;pointer-events:none;z-index:2}.selection-box{position:absolute;border:2px solid var(--orange);background:#f0a3290a;pointer-events:auto;cursor:move;touch-action:none}.selection-box.selected{border-color:var(--green);box-shadow:0 0 0 1px #fff8;background:#2384550c}.selection-number{position:absolute;top:-2px;left:-2px;background:var(--orange);color:#fff;font-size:12px;font-weight:650;min-width:24px;text-align:center;padding:3px 6px;border-radius:0 0 5px 0;pointer-events:none}.selected .selection-number{background:var(--green)}.resize-handle{position:absolute;width:12px;height:12px;border:2px solid white;box-shadow:0 0 0 1px var(--green);background:var(--green);border-radius:3px;z-index:2;touch-action:none}.resize-handle.nw{left:-6px;top:-6px;cursor:nwse-resize}.resize-handle.ne{right:-6px;top:-6px;cursor:nesw-resize}.resize-handle.sw{left:-6px;bottom:-6px;cursor:nesw-resize}.resize-handle.se{right:-6px;bottom:-6px;cursor:nwse-resize}.draft-rect{position:absolute;border:2px solid var(--green);background:#20794d12;z-index:3;pointer-events:none}.clips-pane{background:white;border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.clips-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 22px 18px;gap:12px}.clips-heading h2{font-size:17px;margin:0;font-weight:650;display:flex;align-items:center;gap:9px}.clips-heading h2 span{font-size:12px;font-weight:600;background:#e8f2ec;color:var(--green);padding:3px 8px;border-radius:6px}.clips-heading p{font-size:12px;color:#99a49e;margin:7px 0 0}.text-button{background:none;border:0;color:var(--green);font-size:13px;padding:8px 2px;border-radius:5px}.text-button.danger{color:#87958c}.text-button.danger:hover:not(:disabled){color:#c75643}.clips-list{flex:1;min-height:0;overflow:auto;padding:0 18px 18px;scrollbar-width:thin}.clips-empty{display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;min-height:260px;height:70%;padding:22px;color:#8a998f}.empty-crop{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#f1f5f1;color:#a1b5a7}.empty-crop svg{width:25px;height:25px}.clips-empty p{font-size:14px;margin:19px 0 9px}.clips-empty small{font-size:12px;line-height:1.8;color:#a3ada7}.clip-card{border:1px solid #e2e8e3;background:white;border-radius:11px;margin-bottom:12px;overflow:hidden;transition:border-color .15s}.clip-card.selected{border-color:#439576;box-shadow:0 0 0 1px #43957618}.clip-top{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#fafcfa;border-bottom:1px solid #edf1ed;gap:6px}.clip-title{font-size:13px;font-weight:600;color:#536858;display:flex;align-items:center;gap:7px}.clip-source{font-size:12px;color:#8f9c93;font-weight:400}.clip-actions{display:flex;gap:1px}.clip-actions .icon-button{min-width:28px;min-height:28px;padding:5px}.clip-actions svg{width:15px;height:15px}.clip-preview{border:0;background:white;display:flex;align-items:center;justify-content:center;width:100%;min-height:90px;max-height:200px;padding:10px;overflow:hidden}.clip-preview img{max-width:100%;max-height:178px;object-fit:contain}.clip-wait{font-size:12px;color:#98a599;padding:14px}.confirm-footer{padding:16px 20px 24px;border-top:1px solid var(--line);background:#fff}.confirm-hint{display:block;color:#89978e;font-size:12px;text-align:center;margin-bottom:11px}.confirm-button{width:100%;min-height:48px;justify-content:space-between;padding:12px 19px;font-size:15px}.confirm-button:disabled{box-shadow:none;background:#e4ede6;color:#8da694;opacity:1}.load-state{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;min-height:200px;color:#708074;font-size:14px}.spinner{width:25px;height:25px;border-radius:50%;border:2px solid #d9e8de;border-top-color:var(--green);animation:spin .8s linear infinite;display:inline-block;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#203e2e;color:white;padding:13px 21px;border-radius:11px;box-shadow:0 7px 25px #10291a28;z-index:30;font-size:14px;max-width:calc(100% - 32px);line-height:1.6;text-align:center}.toast.error{background:#8c4738}dialog{border:1px solid var(--line);border-radius:18px;width:min(930px,calc(100% - 40px));max-height:calc(100dvh - 50px);padding:0;color:#243832;background:white;box-shadow:0 20px 80px #142e1c35}dialog::backdrop{background:#14291f70;backdrop-filter:blur(3px)}.review-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 28px 20px;border-bottom:1px solid var(--line);gap:20px}.eyebrow{font-size:12px;letter-spacing:.1em;color:var(--green)}.review-header h2{font-size:24px;margin:7px 0 9px;font-weight:650}.review-header p{margin:0;color:#819083;font-size:13px;line-height:1.6}.review-header .icon-button{background:#f3f6f3}.export-grid{padding:22px 28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-height:47dvh;overflow:auto;background:#f4f7f5}.export-card{border:1px solid var(--line);background:white;border-radius:10px;overflow:hidden}.export-card .export-image{display:flex;justify-content:center;align-items:center;height:180px;padding:14px}.export-image img{max-width:100%;max-height:100%;object-fit:contain}.export-card footer{padding:8px 12px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1ed;font-size:13px;gap:10px}.export-card .export-buttons{display:flex;gap:5px}.review-footer{padding:19px 28px 22px;background:white;border-top:1px solid var(--line)}.copy-explanation{display:flex;flex-direction:column;gap:6px;margin-bottom:17px;font-size:14px}.copy-explanation strong{font-weight:550}.copy-explanation span{font-size:12px;color:#8a978d}.review-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.review-actions .primary{padding-left:24px;padding-right:24px}.export-extras{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.export-extras>span{font-size:12px;color:#8d9a90}.export-extras>button:last-child{margin-left:auto}.export-progress{display:flex;align-items:center;gap:12px;justify-content:center;padding:42px;color:#6b7d6f;font-size:14px}.noscript{padding:24px}.is-loading .tools{pointer-events:none;opacity:.35}
@media(min-width:1500px){.workspace{grid-template-columns:minmax(0,1fr) 370px}.document-toolbar{padding-left:30px;padding-right:30px}}
@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 285px}.document-toolbar{gap:10px;padding:10px 14px}.document-name{flex-basis:100%}.document-name #filename{max-width:70%}.tools{width:100%;justify-content:flex-end}.keyboard-tip{display:none}.upload-frame{padding:38px 18px}.upload-frame h1{font-size:21px}.privacy{display:none}.choose-file{margin-left:auto}.clips-heading{padding:20px 16px}.clips-list{padding:0 12px 12px}.confirm-footer{padding:13px 14px 20px}}
@media(max-width:700px){.app-header{height:72px;padding:0 16px;gap:10px}.brand{font-size:21px}.brand>span:last-child{display:block}.brand small{display:block;font-size:12px;margin-top:2px}.brand-mark{width:36px;height:36px}.workspace{height:auto;min-height:calc(100dvh - 72px);display:flex;flex-direction:column}.document-pane{height:65dvh;min-height:380px}.clips-pane{min-height:250px;border-top:1px solid var(--line);border-left:0}.clips-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:300px;min-height:80px;flex:initial}.clips-empty{grid-column:1/-1;min-height:130px;height:auto;padding:10px}.clips-empty p{margin-top:8px}.empty-crop{display:none}.clip-card{margin:0}.clip-top{padding:6px;flex-wrap:wrap}.clip-actions{margin-left:auto}.clip-source{display:none}.confirm-footer{margin-top:auto}.upload-empty{padding:20px}.upload-frame{padding:24px 15px}.upload-file-icon{width:34px;height:34px}.upload-frame h1{font-size:19px;margin-top:14px}.empty-note{margin-top:15px}.document-footer{font-size:12px;padding:8px 12px}.document-surface{padding:25px 16px 45px}.review-header{padding:19px}.review-header h2{font-size:21px}.export-grid{padding:14px;grid-template-columns:1fr;max-height:40dvh}.review-footer{padding:17px}.review-actions{justify-content:stretch}.review-actions>.button{flex:1;padding:10px}.export-extras>span{flex-basis:100%}.export-extras>button:last-child{margin-left:0}.button{font-size:13px}}
@media(pointer:coarse){.icon-button{min-width:44px;min-height:44px}.clip-actions .icon-button{min-width:35px;min-height:35px}.resize-handle{width:20px;height:20px}.resize-handle.nw{left:-10px;top:-10px}.resize-handle.ne{right:-10px;top:-10px}.resize-handle.sw{left:-10px;bottom:-10px}.resize-handle.se{right:-10px;bottom:-10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.spinner{animation-duration:1.8s}}

@media(max-width:700px){.tools{flex-wrap:wrap;justify-content:flex-start}.zoom-tools{margin-left:auto}.app-header{min-height:72px;height:auto;padding-top:12px;padding-bottom:12px}}

/* Uploaded documents stay visible as peer tabs, with independent remove controls. */
.source-bar{flex-shrink:0;padding:12px 20px;background:#fff;border-bottom:1px solid var(--line)}
.source-tabs{display:flex;flex-wrap:wrap;gap:8px;max-height:136px;overflow:auto;padding:3px}
.source-tab{display:flex;align-items:center;max-width:100%;min-width:0;border:1px solid #dce5df;border-radius:9px;background:#f7f9f8;color:#53675c}
.source-tab.active{border-color:#338c6b;background:#eaf5ef;color:var(--green);box-shadow:0 0 0 1px #338c6b22}
.source-switch{display:flex;align-items:center;gap:8px;min-width:0;max-width:280px;padding:9px 6px 9px 12px;min-height:42px;color:inherit;background:transparent;border:0;border-radius:8px;font-size:14px;text-align:left}
.source-filename{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}
.source-kind{font-size:12px;font-weight:650;flex-shrink:0;color:#6f8177}
.source-remove{flex-shrink:0;min-width:34px;min-height:34px;margin:0 3px;padding:8px}
.source-remove svg{width:15px;height:15px}.source-remove:hover:not(:disabled){color:#a74438;background:#fbeae6}
.source-note{font-size:13px;line-height:1.5;color:#7c6c47;margin:8px 3px 0}.format-note{display:inline-block;font-size:12px;margin-top:9px;color:#8a948f}
.word-stage{position:fixed;left:-24000px;top:0;width:1200px;height:900px;background:white;border:0;pointer-events:none}
@media(max-width:700px){.source-bar{padding:8px 10px}.source-tabs{max-height:112px;gap:6px}.source-switch{max-width:210px}.source-filename{max-width:135px}.source-note{font-size:12px}}