:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#eef1f5;color:#111827}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#111827;cursor:pointer;min-height:38px}button:disabled{cursor:not-allowed;opacity:.55}.shell{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;border-right:1px solid #d7dde7;background:#f8fafc;padding:18px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.mark{display:grid;width:42px;height:42px;place-items:center;border-radius:7px;background:#174ea6;color:#fff;font-weight:800}h1,h2,p{margin:0}h1{font-size:21px;line-height:1.1}.brand p,.muted{color:#64748b;font-size:13px;line-height:1.45}.upload{display:grid;place-items:center;min-height:88px;border:1px dashed #94a3b8;border-radius:8px;background:#fff;color:#174ea6;font-weight:700;cursor:pointer}.upload input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.status{min-height:20px;margin-top:8px;color:#475569;font-size:13px;line-height:1.45}.status.error{color:#b91c1c;font-weight:700}.toolgroup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0}.tool.active{border-color:#174ea6;background:#e8f0fe;color:#174ea6;font-weight:700}.panel{display:grid;gap:12px;border-top:1px solid #e2e8f0;padding:16px 0}.panel h2{font-size:13px;letter-spacing:0;text-transform:uppercase;color:#475569}label{display:grid;gap:6px;color:#334155;font-size:13px;font-weight:650}input,textarea{width:100%;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#111827;padding:8px 9px}textarea{min-height:82px;resize:vertical}input[type=color]{height:38px;padding:3px}input[type=range]{padding-inline:0}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.actions{display:grid;gap:8px;border-top:1px solid #e2e8f0;padding-top:16px}.primary{border-color:#174ea6;background:#174ea6;color:#fff;font-weight:800}.danger{border-color:#ef4444;color:#b91c1c}.workspace{min-width:0;background:linear-gradient(90deg,rgba(15,23,42,.05) 1px,transparent 1px),linear-gradient(rgba(15,23,42,.05) 1px,transparent 1px),#e8ecf2;background-size:28px 28px}.empty{display:grid;min-height:100vh;place-items:center;padding:24px;text-align:center}.empty>div{max-width:440px}.empty h2{margin-bottom:8px;font-size:26px}.empty p{color:#64748b;line-height:1.5}.pages{display:grid;justify-content:center;gap:28px;padding:32px}.page{position:relative;overflow:hidden;background:#fff;box-shadow:0 18px 42px #0f172a2e}.page canvas,.overlay{position:absolute;top:0;right:0;bottom:0;left:0}.overlay{touch-action:none}.page-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#fff;color:#64748b;font-weight:700}.pages[data-tool=field] .overlay,.pages[data-tool=text] .overlay{cursor:crosshair}.pages[data-tool=draw] .overlay{cursor:pencil}.item{position:absolute;overflow:hidden;border:1px solid transparent;-webkit-user-select:none;user-select:none}.item.selected{outline:2px solid #174ea6;outline-offset:2px}.item.field{display:flex;align-items:center;border:1px solid #2563eb;background:#e8f0fec7;color:#174ea6;padding:0 8px;font-size:13px;font-weight:700}.item.text{white-space:pre-wrap;line-height:1.25;padding:1px 2px}.item.draw svg,.draw-preview{width:100%;height:100%;overflow:visible;pointer-events:none}.draw-preview{position:absolute;top:0;right:0;bottom:0;left:0}@media(max-width:820px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid #d7dde7}.pages{justify-content:start;overflow-x:auto;padding:18px}}