/* Shared responsive corrections and standalone viewer. */
.designer>*{min-width:0}.preview-card{min-width:0}.preview-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.preview-head a{font:600 13px system-ui;color:#285747;margin-left:auto}.canvas-wrap{max-width:100%}#preview{max-width:100%}
body.viewer-page{margin:0;background:#f3f5f1;color:#20342d;font:16px system-ui,sans-serif}.viewer-shell{max-width:1440px;margin:auto;padding:24px}.viewer-header{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.viewer-header h1{font-size:28px;margin:6px 0}.viewer-eyebrow{font-size:12px;letter-spacing:2px;font-weight:700}.viewer-actions{display:flex;gap:8px;flex-wrap:wrap}.viewer-page button,.viewer-page a.action{border:1px solid #c6d0c8;background:white;color:#244f3e;border-radius:9px;padding:10px 14px;text-decoration:none;font:600 14px system-ui;cursor:pointer}.viewer-page button:focus-visible,.viewer-page a:focus-visible{outline:3px solid #417c64;outline-offset:3px}.viewer-stage{position:relative;height:68vh;min-height:320px;max-height:800px;margin-top:20px;border:1px solid #d4dbd4;border-radius:18px;overflow:hidden;background:#d7dce0}.viewer-stage canvas{width:100%;height:100%;display:block;touch-action:none}.viewer-details{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 0}.viewer-details p{margin:4px 0}.viewer-note{font-size:13px;color:#52645b}.viewer-error{position:absolute;inset:0;padding:35px;background:#f9eaea;color:#762e2e}.viewer-error[hidden]{display:none}.viewer-stage:fullscreen{height:100vh;max-height:none;border:0;border-radius:0}.viewer-caption{position:absolute;left:14px;bottom:14px;padding:9px 13px;background:#ffffffeb;border-radius:8px;font-size:14px;pointer-events:none}
@media(max-width:900px){.designer{grid-template-columns:minmax(0,1fr)!important}.shell{max-width:100%;box-sizing:border-box}.viewer-shell{padding:16px}.viewer-header h1{font-size:23px}.viewer-stage{height:55vh;min-height:320px}.viewer-actions{width:100%}.preview-head a{margin-left:0}}
