:root{color:#20343b;font-synthesis:none;background:#f3f5f7;font-family:Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}main{flex-direction:column;max-width:1440px;height:100vh;min-height:640px;margin:auto;padding:20px 32px;display:flex}header,.intro,.status,.file-name,.page-tools,footer{flex-shrink:0}.plan-section{flex-direction:column;flex:1;min-height:260px;display:flex}header{border-bottom:1px solid #d5dfe3;justify-content:space-between;align-items:center;gap:20px;padding-bottom:8px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand img{object-fit:contain;flex-shrink:0;width:44px;height:44px;display:block}.eyebrow{letter-spacing:.1em;font-size:12px;font-weight:700}.stage{color:#52656c;font-size:16px}.intro{justify-content:space-between;align-items:center;gap:24px;margin:24px 0 16px;display:flex}h1{margin:0 0 8px;font-size:clamp(26px,3vw,34px)}h2{font-size:24px}p{color:#52656c;margin:0;font-size:16px;line-height:1.5}button{font:inherit;color:#fff;cursor:pointer;background:#17685e;border:1px solid #17685e;border-radius:8px;min-height:46px;padding:11px 18px;font-size:16px;font-weight:600}button:hover{background:#115248}button:focus-visible{outline-offset:3px;outline:3px solid #bd7013}button.secondary{color:#17685e;background:#fff}button.secondary:hover,button.active{background:#e1f1eb}button:disabled{opacity:.5;cursor:default}.status{background:#e7f1ed;border-radius:8px;padding:12px 16px;font-size:16px}.file-name{overflow-wrap:anywhere;margin:12px 0;font-weight:600}.view-tools{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.zoom-label{color:#52656c;padding:0 8px;font-size:15px}.hint{margin:10px 0;font-size:15px}.plan-area{touch-action:none;background:#e1e7eb;border:1px solid #b8c6cd;border-radius:10px;flex:1;min-height:160px;position:relative;overflow:hidden}.plan-area.hand{cursor:grab}.plan-area.dragging{cursor:grabbing}.plan-area img{transform-origin:0 0;-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute;top:0;left:0}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex;position:absolute;inset:0}footer{color:#52656c;padding-top:14px;font-size:14px}@media (width<=800px){main{padding:18px}.intro{align-items:start}.intro button{flex-shrink:0}header{gap:12px}}.page-tools{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.page-tools input{width:80px;font:inherit;border:1px solid #52656c;border-radius:6px;min-height:46px;padding:10px;font-size:18px}.intro-actions{flex-shrink:0;gap:10px;display:flex}.plan-area.cropping{cursor:crosshair}.crop-box{cursor:move;border:3px solid #17685e;position:absolute;box-shadow:0 0 0 10000px #20343b66}.crop-handle{background:#fff;border:3px solid #17685e;border-radius:4px;width:22px;height:22px;position:absolute}.crop-handle.nw{cursor:nwse-resize;top:-12px;left:-12px}.crop-handle.ne{cursor:nesw-resize;top:-12px;right:-12px}.crop-handle.sw{cursor:nesw-resize;bottom:-12px;left:-12px}.crop-handle.se{cursor:nwse-resize;bottom:-12px;right:-12px}.proof-intro{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;margin:16px 0 8px;display:flex}.proof-actions{flex-wrap:wrap;flex-shrink:0;gap:10px;margin:10px 0;display:flex}.offline-state{color:#17685e;flex-shrink:0;font-size:14px}.status{padding:9px 12px}footer{font-size:13px}main{min-height:690px}