:root{--sky:#3977ff;--midnight:#11244a;--frost:#eff5ff;--peach:#ffbc9e;--bg:#f4f7fc;--panel:#fff;--line:#e1e7f0;--text:var(--midnight);--muted:#5f6b80;--accent:#2c62e0;--accent-hover:#1f4fc2;--accent-soft:var(--frost);--ease:cubic-bezier(.22, .7, .3, 1);--danger:#b42318;--danger-soft:#fdecea;--ok:#157f3c;--radius:8px;color:var(--text);background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}*{box-sizing:border-box}body{background:var(--bg);margin:0}button{font:inherit;color:inherit}h1,h2,h3{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{flex-direction:column;height:100vh;display:flex}.app.drag-files:after{content:attr(data-drop-hint);border:2px dashed var(--accent);color:var(--accent);pointer-events:none;z-index:50;background:#2c62e00f;border-radius:12px;place-items:center;font-size:18px;display:grid;position:fixed;inset:12px}.topbar{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:8px 16px;display:flex}.brand{flex:none;align-items:center;display:flex}.brand img{width:auto;height:30px;display:block}.doc-name{min-width:120px;font:inherit;background:0 0;border:1px solid #0000;border-radius:6px;flex:0 280px;padding:6px 8px}.doc-name:hover,.doc-name:focus{border-color:var(--line);background:#fff}.top-actions{gap:8px;margin-left:auto;display:flex}.privacy{color:var(--muted);background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px 16px;margin:0;padding:4px 16px;font-size:12px;display:flex}.persist{color:var(--text);cursor:pointer;align-items:center;gap:6px;display:inline-flex}.save-status.saved{color:var(--ok)}.save-status.error{color:var(--danger)}.restore-banner{background:var(--accent-soft);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 16px;display:flex}.btn{border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#fff;border-radius:6px;padding:6px 12px;line-height:1.2}.btn:hover:not(:disabled){background:#f8f9fb;border-color:#c5cbd5}.btn:disabled{opacity:.45;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.ghost{background:0 0;border-color:#0000}.btn.danger{color:var(--danger)}.btn.small{padding:4px 8px;font-size:13px}.link{color:var(--accent);text-decoration:underline}.muted{color:var(--muted);font-size:12px}.welcome{flex:1;place-items:center;padding:24px;display:grid}.dropzone{background:var(--panel);text-align:center;cursor:pointer;border:2px dashed #c5cbd5;border-radius:16px;max-width:560px;padding:48px 40px}.dropzone:hover{border-color:var(--accent)}.dropzone h1{margin-bottom:12px;font-size:22px}.dropzone p{color:var(--muted);margin:0;line-height:1.5}.tabs{display:none}.workspace{flex:1;grid-template-columns:300px minmax(0,1fr) 230px;min-height:0;display:grid}.panel{background:var(--panel);flex-direction:column;min-height:0;display:flex}.panel.sources{border-right:1px solid var(--line)}.panel.output{border-left:1px solid var(--line)}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.panel-head h2{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:13px;font-weight:650}.panel-scroll{flex:1;padding:8px 12px 24px;overflow:auto}.selection-bar{background:var(--accent-soft);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px 6px;padding:8px 12px;display:flex}.source{border-bottom:1px solid var(--line);padding:8px 0 12px}.source-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.source-name{overflow-wrap:anywhere;font-weight:600}.source-actions{gap:4px;display:flex}.source-warnings{color:#6b4e00;background:#fff8e6;border-radius:6px;margin:0 0 8px;padding:6px 8px 6px 22px;font-size:12px}.source-error{background:var(--danger-soft);border-radius:var(--radius);color:var(--danger);margin:8px 0;padding:10px}.source-error p{color:var(--text);margin:4px 0 6px}.thumb-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:8px;display:grid}.page-card{border-radius:var(--radius);cursor:pointer;background:0 0;border:2px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:6px;display:flex;position:relative}.page-card:hover{background:#f5f7fa}.page-card.selected{border-color:var(--accent);background:var(--accent-soft)}.page-card.out.active{box-shadow:0 0 0 1px var(--accent) inset}.thumb{background:#fff;overflow:hidden;box-shadow:0 1px 3px #1018282e}.thumb canvas{display:block}.thumb-loading{background:repeating-linear-gradient(45deg,#fafbfc,#fafbfc 6px,#f1f3f6 6px 12px);width:100%;height:100%}.page-label{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:flex}.tag{color:var(--muted);background:#eef0f3;border-radius:4px;padding:1px 5px;font-size:10px}.tag.edit{background:var(--accent-soft);color:var(--accent)}.output .toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;padding:8px 12px;display:flex}.sep{background:var(--line);width:1px;margin:0 2px}.output-list{flex-direction:column;align-items:stretch;display:flex}.output-list.empty{justify-content:center}.empty-hint{color:var(--muted);text-align:center;padding:16px;line-height:1.5}.drop-slot{position:relative}.drop-indicator{background:var(--accent);border-radius:2px;height:3px;margin:2px 0}.out-number{z-index:1;background:var(--text);color:#fff;border-radius:10px;min-width:22px;padding:1px 6px;font-size:12px;font-weight:600;position:absolute;top:8px;left:8px}.origin{color:#4b5563;text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:11px}.viewer{flex-direction:column;min-width:0;min-height:0;display:flex}.viewer.empty{align-content:center;place-items:center;gap:8px;display:grid}.viewer-bar{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 16px;display:flex}.origin-line{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.segmented{border:1px solid var(--line);border-radius:7px;display:inline-flex;overflow:hidden}.segmented button{cursor:pointer;background:#fff;border:0;padding:6px 12px}.segmented button+button{border-left:1px solid var(--line)}.segmented button.on{background:var(--accent);color:#fff}.zoom{gap:4px;display:flex}.notice{border-radius:var(--radius);color:#6b4e00;background:#fff8e6;margin:8px 16px 0;padding:8px 12px}.notice.subtle{background:var(--accent-soft);color:#23397a}.page-scroll{flex:1;justify-content:center;align-items:flex-start;padding:24px;display:flex;overflow:auto}.page-surface{background:#fff;flex:none;position:relative;box-shadow:0 2px 10px #10182829}.page-surface canvas{display:block}.page-surface.mode-add{cursor:crosshair}.page-loading{color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.word{cursor:text;background:0 0;border:0;border-radius:2px;padding:0;position:absolute}.word:hover,.word:focus-visible{background:#2c62e024;box-shadow:0 0 0 1px #2c62e080}.word.current{box-shadow:0 0 0 2px var(--accent);background:#2c62e038}.popover{z-index:10;border:1px solid var(--line);cursor:default;background:#fff;border-radius:10px;flex-direction:column;gap:8px;width:300px;padding:12px;display:flex;position:absolute;box-shadow:0 10px 30px #1018282e}.popover-label{color:var(--muted);font-size:12px}.popover input,.popover select{font:inherit;border:1px solid #c5cbd5;border-radius:6px;padding:6px 8px}.popover-actions{justify-content:flex-end;gap:8px;display:flex}.inline{align-items:center;gap:8px;font-size:13px;display:flex}.add-marker{border:2px solid var(--accent);background:#fff;border-radius:50%;width:12px;height:12px;position:absolute}.refusal{background:var(--danger-soft);color:var(--danger);border-radius:6px;padding:8px 10px;font-size:13px}.refusal p{color:var(--text);margin:4px 0}.refusal details{color:#4b5563;font-size:11px}.refusal code{white-space:pre-wrap;word-break:break-word}.modal-backdrop{z-index:40;background:#10182866;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;flex-direction:column;gap:12px;width:min(720px,100%);max-height:90vh;padding:20px;display:flex;overflow:auto}.modal p{margin:0;line-height:1.5}.preview-frame{background:var(--bg);border-radius:var(--radius);text-align:center;padding:12px;overflow:auto}.preview-frame canvas{background:#fff;box-shadow:0 1px 4px #10182833}.busy{background:var(--text);color:#fff;z-index:60;border-radius:20px;padding:8px 16px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{z-index:60;background:#fff;border-radius:10px;align-items:center;gap:8px;max-width:520px;padding:10px 12px;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 10px 30px #1018282e}.toast.ok{border-left:4px solid var(--ok)}.toast.error{border-left:4px solid var(--danger)}@media (max-width:1000px){.tabs{background:var(--panel);border-bottom:1px solid var(--line);display:flex}.tabs button{cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:10px}.tabs button.on{border-bottom-color:var(--accent);color:var(--accent);font-weight:600}.workspace{grid-template-columns:1fr}.workspace>*{display:none}.workspace.tab-sources>.sources,.workspace.tab-page>.viewer,.workspace.tab-output>.output{display:flex}.privacy>span:first-child{display:none}}.range-row{flex-wrap:wrap;align-items:flex-start;gap:4px 8px;margin-bottom:8px;display:flex}.output-range{margin-bottom:0;padding:8px 12px 0}.range-field{flex:160px;min-width:0}.range-field input{border:1px solid var(--line);width:100%;font:inherit;border-radius:6px;padding:5px 8px;font-size:13px}.range-field input[aria-invalid=true]{border-color:var(--danger)}.range-hint,.range-error{color:var(--muted);margin-top:2px;font-size:11px}.range-error{color:var(--danger)}.range-quick{flex-wrap:wrap;gap:2px;display:flex}.block-frame{cursor:text;box-sizing:content-box;background:#2c62e00a;border:1px solid #2c62e073;border-radius:3px;margin:-3px;padding:2px;position:absolute}.block-frame:hover,.block-frame.current{border-color:var(--accent);background:#2c62e01a}.block-frame.unsupported{cursor:help;background:0 0;border-style:dashed;border-color:#b423188c}.block-editor{z-index:6}.block-editor textarea{box-sizing:border-box;resize:vertical;width:100%;font:inherit;border:1px solid var(--line);border-radius:6px;padding:6px 8px;line-height:1.35}.block-editor .muted{margin:6px 0 0}.note{color:#6b4e00;background:#fff8e6;border-radius:6px;padding:6px 8px;font-size:13px}.modal.wide{width:auto;max-width:min(1100px,100vw - 32px)}.block-compare{flex-wrap:wrap;justify-content:center;gap:12px;max-height:60vh;margin:8px 0 12px;display:flex;overflow:auto}.block-pane{margin:0}.block-pane figcaption{color:var(--muted);margin-bottom:4px;font-size:12px}.block-clip{border:1px solid var(--line);background:#fff;max-width:100%;position:relative;overflow:hidden}.block-highlight{outline-offset:2px;pointer-events:none;outline:2px solid #2c62e08c;position:absolute}.page-card *{pointer-events:none}.fatal{max-width:640px;margin:64px auto;padding:0 16px}.fatal h1{font-size:20px}.fatal pre{white-space:pre-wrap;color:var(--muted);font-size:12px}.viewer .start{flex-direction:column;align-items:center;gap:4px;display:flex}.area-frame{pointer-events:none;z-index:3;background:#1a7f370f;border:1.5px dashed #1a7f37;position:absolute}.area-handle{pointer-events:auto;touch-action:none;background:#1a7f37;border:2px solid #fff;border-radius:4px;position:absolute}.area-handle.right{cursor:ew-resize;width:10px;height:24px;top:calc(50% - 12px);right:-6px}.area-handle.bottom{cursor:ns-resize;width:24px;height:10px;bottom:-6px;left:calc(50% - 12px)}.area-handle:focus-visible{outline-offset:1px;outline:2px solid #0b5cad}.area-limit{pointer-events:none;z-index:3;background:#c6282814;border:1.5px solid #c62828;position:absolute}.area-limit span{color:#fff;white-space:nowrap;background:#c62828;border-radius:3px;padding:0 4px;font-size:11px;line-height:14px;position:absolute;top:calc(100% + 2px);left:0}.block-editor .scope{flex-direction:column;gap:2px;margin-bottom:6px;font-size:13px;display:flex}.block-editor .area-toggle{margin:4px 0;font-size:12px}.refusal .room{margin-top:4px}.area-limit.obstacle{z-index:4;background:#c6282829;border-width:2px}.block-frame.has-draft{border-color:#b26a00;box-shadow:inset 0 0 0 1px #b26a0059}.select-layer{z-index:5;cursor:crosshair;touch-action:none;position:absolute;inset:0}.select-rect{border:1.5px dashed var(--accent);pointer-events:none;background:#2c62e014;position:absolute}.select-rect.fixed{z-index:2}.block-editor .scope{flex-flow:wrap;align-items:center;column-gap:12px}.refusal-actions{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;font-size:13px;display:flex}.link-btn{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.draft-note{font-size:13px}.diagnostics{max-height:220px;color:var(--text);background:#0000000a;border-radius:4px;padding:6px;font-size:10px;overflow:auto}.draft-orphans p{margin:2px 0}.area-usable{pointer-events:none;z-index:3;background:#1a7f371a;border:1.5px solid #1a7f37;position:absolute}.check-status{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.check-status p{margin:0}.thumb-slot{position:relative}.card-wrap{width:-moz-fit-content;width:fit-content;max-width:100%;position:relative}.card-actions{z-index:2;opacity:0;gap:2px;transition:opacity .12s;display:flex;position:absolute;top:6px;right:6px}.thumb-slot:hover .card-actions,.thumb-slot:focus-within .card-actions,.drop-slot:hover .card-actions,.drop-slot:focus-within .card-actions,.page-card.selected~.card-actions{opacity:1}.card-action{border:1px solid var(--line);width:26px;height:26px;color:var(--text);cursor:pointer;background:#fff;border-radius:6px;place-items:center;padding:0;font-size:14px;line-height:1;display:grid;box-shadow:0 1px 3px #1018281f}.card-action:hover{border-color:var(--accent);color:var(--accent)}.card-action.danger:hover{border-color:var(--danger);color:var(--danger)}@media (hover:none){.card-actions{opacity:1}.card-action{width:36px;height:36px;font-size:17px}.btn,.btn.small,.segmented button{min-width:40px;min-height:40px}}.steps{text-align:left;max-width:360px;margin:16px auto 12px;padding-left:22px;line-height:1.7}.muted.small{font-size:12px}.shortcuts{border-collapse:collapse;font-size:14px}.shortcuts td{vertical-align:top;border-bottom:1px solid var(--line);padding:5px 12px 5px 0}.shortcuts kbd{background:var(--bg);border:1px solid var(--line);white-space:nowrap;border-radius:4px;padding:1px 6px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.merge-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px 8px;padding:8px 12px;display:flex}.welcome{align-content:center;gap:16px}.welcome-more{text-align:center;max-width:520px}.welcome-more p{margin:8px 0 0}.page-surface.mode-edit,.page-surface.mode-block{outline-offset:4px;outline:2px solid #2c62e059}.page-surface.mode-add{outline-offset:4px;outline:2px dashed #2c62e073}.notice.nudge{animation:.6s ease-out nudge}@keyframes nudge{0%{box-shadow:0 0 #2c62e08c}to{box-shadow:0 0 0 10px #2c62e000}}@media (prefers-reduced-motion:reduce){.notice.nudge{animation:none}}.added-text{z-index:3;cursor:pointer;background:0 0;border:1px dashed #2c62e08c;border-radius:3px;padding:0;position:absolute}.added-text:hover,.added-text.current,.added-text:focus-visible{border-style:solid;border-color:var(--accent);background:#2c62e014}.page-surface.mode-view .added-text{border-color:#0000}.page-surface.mode-view .added-text:hover{border-color:#2c62e08c}.modal.lang-chooser{text-align:center;gap:16px;width:min(360px,100%);padding:24px}.lang-chooser h2{font-size:17px;font-weight:650;line-height:1.35}.lang-chooser h2>span[lang]{display:block}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lang-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.lang-options .btn{padding:10px 12px;font-size:15px}.lang-switch{flex:none;margin-left:auto}.lang-switch+.top-actions{margin-left:0}.segmented.lang-switch button{letter-spacing:.02em;padding:6px 8px;font-size:12px;font-weight:600}@media (max-width:640px){.topbar{flex-wrap:wrap;gap:8px;padding:8px 12px}.doc-name{flex:100px;min-width:0}.top-actions{gap:6px;width:100%}.top-actions .btn{padding-left:10px;padding-right:10px}.top-actions .btn.primary{margin-left:auto}}.btn,.card-action,.tabs button,.link-btn{transition:background-color .18s var(--ease), border-color .18s var(--ease), color .18s var(--ease), box-shadow .18s var(--ease), transform .15s var(--ease)}.segmented button{transition:transform .15s var(--ease)}.btn:focus-visible,.segmented button:focus-visible,.card-action:focus-visible{box-shadow:0 0 0 4px #3977ff38}.btn.primary{box-shadow:0 4px 14px #2c62e033}.btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #2c62e042}.btn:active:not(:disabled),.card-action:active,.segmented button:active{transform:translateY(1px)scale(.98)}.modal-backdrop{animation:backdrop-in .2s var(--ease) both}.modal{animation:modal-in .2s var(--ease) both;box-shadow:0 24px 60px #11244a38}.toast{animation:toast-in .2s var(--ease) both}@keyframes backdrop-in{0%{background-color:#10182800}}@keyframes modal-in{0%{transform:translateY(8px)scale(.98)}}@keyframes toast-in{0%{transform:translateY(10px)}}:root[data-motion=off] *,:root[data-motion=off] :before,:root[data-motion=off] :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.btn:active:not(:disabled),.btn.primary:hover:not(:disabled){transform:none}}.paf-mascot{isolation:isolate;pointer-events:none;flex:none;position:relative}.paf-mascot .paf-bob{animation:4.6s ease-in-out infinite paf-float}.paf-mascot .paf-gesture{transform-origin:50% 80%}.paf-mascot .paf-image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.paf-mascot[data-state=greet] .paf-gesture{animation:paf-greet 1.05s var(--ease) both}.paf-mascot[data-state=processing] .paf-bob{animation:2.4s ease-in-out infinite paf-busy}.paf-mascot[data-state=success] .paf-gesture{animation:paf-jump 1s var(--ease) both}.paf-mascot .paf-ring{opacity:0;z-index:-1;border:2px dashed #3977ff59;border-radius:50%;transition:opacity .2s;animation:14s linear infinite paf-orbit;position:absolute;inset:14% 22% 6%}.paf-mascot[data-state=processing] .paf-ring{opacity:1}.paf-mascot[data-still=true] *,.paf-mascot[data-still=true] :before,.paf-mascot[data-still=true] :after{transition:none!important;animation:none!important}@keyframes paf-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(1deg)}}@keyframes paf-busy{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-6px)rotate(2deg)}}@keyframes paf-greet{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(-5deg)scale(1.025)}55%{transform:rotate(4deg)scale(1.025)}80%{transform:rotate(-2deg)}}@keyframes paf-jump{0%,to{transform:translateY(0)scale(1)}18%{transform:translateY(5px)scale(1.055,.945)}48%{transform:translateY(-38px)scale(.97,1.03)}76%{transform:translateY(0)scale(1.035,.965)}}@keyframes paf-orbit{to{transform:rotate(360deg)}}.welcome-hero{justify-content:center;align-items:center;gap:8px 32px;width:100%;max-width:980px;display:flex}.welcome-hero .dropzone{flex:0 560px}.paf-stage{flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.paf-stage:before{content:"";z-index:-1;background:radial-gradient(#e4eeff 0%,#eff5ff80 45%,#f4f7fc00 72%);border-radius:50%;position:absolute;inset:0 -8% 12%}.paf-caption{color:var(--muted);margin:0;font-size:12px;font-weight:600}.dropzone{transition:border-color .18s var(--ease), background-color .18s var(--ease), box-shadow .18s var(--ease)}.dropzone:hover{box-shadow:0 8px 28px #11244a14}.dropzone h1,.lang-chooser h2{letter-spacing:-.02em;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,sans-serif}.viewer.empty .paf-mascot{margin:0 auto 4px}.busy{align-items:center;gap:8px;padding-left:10px;display:flex}.toast .paf-mascot{margin:-6px 0}@media (max-width:760px){.welcome{padding:16px}.welcome-hero{flex-direction:column}.welcome-hero .dropzone{flex:none;width:100%;padding:24px 20px}.welcome-hero .paf-stage{order:-1}.welcome-hero .paf-mascot{width:168px!important}}@media (max-width:640px){.brand img.logo-full{display:none}.viewer-bar{row-gap:6px;padding:8px 12px}.viewer-bar .segmented{flex-basis:100%}.viewer-bar .segmented button{flex:1;padding-left:6px;padding-right:6px}}@media (min-width:641px){.brand img.logo-mark{display:none}}.motion-setting{cursor:pointer;align-items:center;gap:8px;display:flex}