:root{--bg:#f3f0ea;--surface:#fbfaf7;--chrome:#fff;--raise:#fff;--ink:#1c1a17;--muted:#6e675d;--faint:#a39b8d;--line:#e4dfd5;--line2:#d5cfc2;--acc:#bf4123;--acc-dark:#a23318;--acc-soft:#f7e6df;--sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--serif:"Fraunces",Georgia,serif;--shadow:0 1px 2px #1c1a170f,0 12px 35px #1c1a1712}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}.app{height:100vh;display:grid;grid-template-rows:64px 52px 1fr;overflow:hidden}.top{display:flex;align-items:center;gap:10px;padding:0 20px;background:#fbfaf7f5;border-bottom:1px solid var(--line);box-shadow:0 1px 10px #1c1a1708;z-index:5}.brand{font:600 20px var(--serif);white-space:nowrap}.top .spacer{flex:1}.btn,.tool,.panel input{border:1px solid var(--line2);background:var(--raise);border-radius:8px;padding:8px 11px}.btn{cursor:pointer;font-weight:600;font-size:13px}.btn:hover,.tool:hover{border-color:var(--faint)}.btn.primary{background:var(--acc);color:#fff;border-color:var(--acc)}.btn.primary:hover{background:var(--acc-dark)}.btn:disabled{opacity:.45;cursor:not-allowed}.tools{display:flex;align-items:center;gap:6px;padding:7px 16px;background:var(--chrome);border-bottom:1px solid var(--line);overflow:auto;box-shadow:0 1px 5px #1c1a1706;z-index:4}.tool{padding:7px 10px;cursor:pointer;white-space:nowrap;font-size:12px}.tool.active{background:var(--acc-soft);border-color:#e7b9aa;color:var(--acc)}#zoomLabel{font-size:12px;color:var(--muted);padding:0 6px}.main{display:grid;grid-template-columns:220px minmax(0,1fr) 255px;min-height:0}.sidebar{background:var(--surface);border-right:1px solid var(--line);overflow:auto;padding:14px}.right{background:var(--surface);border-left:1px solid var(--line);padding:16px;overflow:auto}.workspace{overflow:auto;padding:34px;display:flex;justify-content:center;align-items:flex-start;background:#e9e5de}.page{position:relative;margin:0 auto 28px;background:#fff;box-shadow:var(--shadow)}.page canvas{display:block}.text-layer{position:absolute;inset:0;pointer-events:none}.text-layer span{position:absolute;white-space:pre;transform-origin:0 0;color:transparent;pointer-events:auto;cursor:text}.text-layer span:hover,.text-layer span.selected{background:#bf41231a;outline:1px solid #bf412355}.overlay{position:absolute;inset:0;pointer-events:none}.item{position:absolute;pointer-events:auto}.edit-patch{position:absolute;overflow:hidden}.thumb{width:100%;display:block;border:1px solid var(--line);border-radius:6px;margin-bottom:10px;cursor:pointer;background:#eee;box-shadow:0 2px 7px #0000000a}.thumb.active{outline:2px solid var(--acc);outline-offset:1px}.empty{height:100%;min-height:400px;display:grid;place-items:center;color:var(--muted);font-size:14px}.panel h3{font:600 18px var(--serif);margin:4px 0 12px}.panel label{display:block;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--faint);margin:13px 0 5px}.panel input,.panel select{width:100%}.row{display:flex;gap:7px}.row>*{flex:1}.notice{padding:11px;background:#f4f0e9;border:1px solid var(--line);border-radius:8px;font-size:12px;color:var(--muted);line-height:1.5}.page-number{font-size:11px;text-align:center;color:var(--muted);margin:-20px 0 13px}.status{font-size:11px;color:var(--muted);max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1000px){.main{grid-template-columns:175px minmax(0,1fr)}.right{display:none}}@media(max-width:720px){.app{grid-template-rows:58px 50px 1fr}.top{padding:0 10px;gap:6px}.top .status{display:none}.brand{font-size:18px}.main{grid-template-columns:1fr}.sidebar{display:none}.workspace{padding:18px 10px}.tools{padding:6px 9px}.tool{padding:7px 9px}.page{margin-bottom:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}