html.plan-modal-open{overflow:hidden;overscroll-behavior:none}
.plan-viewer{position:fixed;inset:0;margin:0;width:100%;height:100dvh;max-width:none;max-height:none;border:0;padding:0;background:#f1f2ed;color:var(--ink);overscroll-behavior:none;overflow:hidden}
.plan-viewer::backdrop{background:#243d37}
.plan-viewer[open]{display:flex;flex-direction:column}
.plan-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:max(14px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 14px max(24px,env(safe-area-inset-left));border-bottom:1px solid var(--line);background:var(--paper);flex-shrink:0}
.plan-viewer-header span{font-size:8px;letter-spacing:1.8px}
.plan-viewer-header h2{font-size:28px;line-height:1.1;margin-top:4px;letter-spacing:-.5px}
.plan-viewer-header button{padding:10px 14px;min-height:44px;font-size:12px;flex-shrink:0}
.plan-viewer-controls{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:var(--paper);flex-shrink:0;border-bottom:1px solid var(--line)}
.plan-viewer-controls button{min-width:44px;min-height:44px;border:1px solid #c2cbbf;background:white;font-size:23px;line-height:1;border-radius:4px}
.plan-viewer-controls button:disabled{opacity:.35;cursor:default}
.plan-viewer-controls output{font-size:12px;min-width:55px;text-align:center;font-variant-numeric:tabular-nums}
.plan-viewer-controls #plan-fit{font-size:11px;padding:0 14px;margin-left:12px}
.plan-canvas{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background:#e9ece5;cursor:default}
.plan-canvas.can-pan{cursor:grab}.plan-canvas.can-pan.dragging{cursor:grabbing}
.plan-canvas img{position:absolute;left:50%;top:50%;max-width:none;max-height:none;object-fit:contain;transform-origin:center;pointer-events:none;user-select:none;-webkit-user-drag:none;box-shadow:0 2px 20px #243d3712;background:white}
.plan-canvas:focus-visible{outline:2px solid #809273;outline-offset:-3px}
.plan-viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(20px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:var(--paper);border-top:1px solid var(--line);flex-shrink:0}
.plan-viewer-footer button{min-height:44px;font-size:12px;padding:0 12px}
.plan-viewer-footer>div{text-align:center;font-size:11px;font-variant-numeric:tabular-nums}
.plan-viewer-footer small{font-size:9px;color:var(--muted);margin-top:3px}
@media(max-width:620px){.plan-viewer-header{padding:12px 14px}.plan-viewer-header h2{font-size:24px}.plan-viewer-controls{padding:8px}.plan-viewer-footer{padding-left:8px;padding-right:8px}.plan-viewer-footer button span{display:none}.plan-viewer-footer button{font-size:19px}.plan-viewer-footer small{font-size:8px}}