.sign-mockup-page{color:#111;background:#f2efe7}.mockup-container{width:min(1440px,100% - 48px);margin-inline:auto}.mockup-hero{padding-top:24px}.mockup-hero .breadcrumbs{position:static}.mockup-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:end;gap:48px;padding:34px 0 28px;display:grid}.mockup-kicker{color:#a8271b;text-transform:uppercase;letter-spacing:.1em;margin:0 0 16px;font-size:11px;font-weight:800;line-height:1.5}.mockup-hero h1{max-width:850px;margin:0}.mockup-hero-intro>p{margin:0 0 24px;font-size:18px;line-height:1.5}.mockup-hero-actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.sign-mockup-page a{text-underline-offset:4px}.mockup-hero-actions a:not(.button){color:inherit;font-weight:750}.mockup-privacy{border-block:1px solid #b8b4aa;margin:0;padding:16px 0;font-size:12px;line-height:1.6}.mockup-tool-section{padding-block:28px 16px}.mockup-tool-heading{margin:0 0 18px;font-size:18px}.mockup-editor{background:#faf8f2;border:1px solid #111;scroll-margin-top:100px}.mockup-file-input{display:none}.mockup-steps{border-bottom:1px solid #111;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.mockup-editor button,.mockup-editor input,.mockup-editor select,.mockup-editor textarea{font:inherit}.mockup-editor button{cursor:pointer;color:#111;background:#fff;border:1px solid #aaa69e;min-height:44px;padding:10px 14px;font-weight:700;line-height:1.3}.mockup-editor button:disabled{cursor:default;color:#77736c;background:#efede7}.mockup-editor :is(button,a,input,select,textarea,summary):focus-visible,.sign-mockup-page a:focus-visible,.mockup-faq summary:focus-visible{outline-offset:3px;outline:3px solid #a8271b}.mockup-steps li+li{border-left:1px solid #aaa69e}.mockup-steps button{text-align:left;background:0 0;border:0;grid-template-columns:auto 1fr;gap:5px 10px;width:100%;min-height:76px;font-size:13px;display:grid}.mockup-steps button[aria-current]{background:var(--acid)}.mockup-steps button>span{font:12px/1.4 monospace}.mockup-steps small{grid-column:2;min-height:12px;font-size:10px;font-weight:400}.mockup-editor-grid{grid-template-columns:minmax(0,2fr) minmax(310px,1fr);align-items:start;display:grid}.mockup-workspace{min-width:0;padding:22px}.mockup-toolbar{justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;font-size:12px;display:flex}.mockup-toolbar>div{gap:6px;display:flex}.mockup-toolbar button{padding-inline:10px;font-size:11px}.mockup-stage{isolation:isolate;touch-action:pan-y;background:#dedbd3;width:100%;margin-block:22px;position:relative}.mockup-stage canvas{width:100%;height:100%;display:block}.mockup-overlays,.mockup-overlays>svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.mockup-plane-line{fill:none;stroke:#d8ff35;stroke-width:2px;vector-effect:non-scaling-stroke;paint-order:stroke;filter:drop-shadow(0 1px 1px #111)}.mockup-sign-line{fill:none;stroke:#fff;stroke-width:1.5px;stroke-dasharray:6 4;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 1px #111)}.mockup-reference-line{fill:none;stroke:#fa412c;stroke-width:3px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 1px #fff)}.mockup-editor .mockup-handle{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;width:44px;min-width:44px;height:44px;color:var(--acid);background:#111;border:2px solid #fff;border-radius:50%;place-content:center;margin:0;padding:0;font:700 15px/1 Arial,sans-serif;display:grid;position:absolute;transform:translate(-50%,-50%)}.mockup-editor .mockup-handle-reference{color:#fff;background:#a8271b}.mockup-editor .mockup-handle-sign{background:var(--acid);color:#111;cursor:move;font-size:22px}.mockup-editor .mockup-handle.is-selected{box-shadow:0 0 0 2px #111}.mockup-caption{flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:12px;font-size:10px;line-height:1.4;display:flex}.mockup-reference-caption{background:#fff;border-left:3px solid #a8271b;padding:10px 12px;font-size:13px}.mockup-view-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-block:18px 12px;display:flex}.mockup-view-controls>div,.mockup-toggle{display:flex}.mockup-view-controls button{padding-inline:12px;font-size:12px}.mockup-editor button[aria-pressed=true]{color:#fff;background:#111;border-color:#111}.mockup-toggle button{flex:1}.mockup-note{color:#56524c;margin:0;font-size:12px;line-height:1.55}.mockup-dimensions{border-block:1px solid #aaa69e;grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0 0;display:grid}.mockup-dimensions>div{padding:15px 10px}.mockup-dimensions>div+div{border-left:1px solid #aaa69e}.mockup-dimensions dt{font-size:11px;line-height:1.4}.mockup-dimensions dd{margin:7px 0 0;font-size:17px;font-weight:800}.mockup-empty{background:#e8e4da;padding:12px 26px 26px}.mockup-facade{width:100%;max-height:260px;margin-bottom:15px;display:block}.mockup-empty-label{text-transform:uppercase;color:#a8271b;margin:0 0 12px;font:12px/1.5 monospace}.mockup-empty h3{max-width:580px;margin:0;font-size:26px;line-height:1.15}.mockup-empty ul{margin-block:18px 22px;padding-left:18px;font-size:13px;line-height:1.6}.mockup-empty>p:last-child{margin-bottom:0;font-size:11px}.mockup-editor .mockup-primary{color:#fff;background:#111;border-color:#111}.mockup-editor .mockup-primary:disabled{color:#625f57;background:#d6d3ca;border-color:#aaa69e}.mockup-status{color:#48453f;min-height:44px;padding-top:16px;font-size:12px;line-height:1.5}.mockup-error{color:#912315;background:#fff0ed;border-left:3px solid #a8271b;padding:14px;font-size:13px;line-height:1.5}.mockup-panel{border-left:1px solid #aaa69e;min-width:0}.mockup-panel>header{border-bottom:1px solid #aaa69e;padding:20px 24px}.mockup-panel>header p{color:#a8271b;text-transform:uppercase;margin:0 0 10px;font:11px/1.5 monospace}.mockup-panel h3{margin:0;font-size:23px;line-height:1.2}.mockup-panel-body{flex-direction:column;gap:16px;padding:22px 24px;display:flex}.mockup-panel-body>p{margin:0;font-size:13px;line-height:1.55}.mockup-panel-body>a{font-size:13px;font-weight:700;line-height:1.5}.mockup-field{flex-direction:column;gap:7px;min-width:0;display:flex}.mockup-field>span{font-size:12px;font-weight:700;line-height:1.4}.mockup-field :is(input,select,textarea){color:#111;background:#fff;border:1px solid #aaa69e;border-radius:0;width:100%;min-width:0;min-height:46px;padding:10px;font-size:16px}.mockup-field textarea{resize:vertical;max-height:250px}.mockup-field input[type=color]{cursor:pointer;padding:5px}.mockup-field input[type=range]{accent-color:#111;padding:0}.mockup-field small{color:#56524c;font-size:11px;line-height:1.4}.mockup-field-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mockup-check{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:12px;line-height:1.4;display:flex}.mockup-check input{accent-color:#111;flex-shrink:0;width:20px;height:20px;margin:0}.mockup-coordinate-details summary{cursor:pointer;min-height:44px;padding-block:12px;font-size:13px;font-weight:750}.mockup-coordinate-details fieldset{border:0;min-width:0;margin:14px 0 0;padding:0}.mockup-coordinate-details legend{margin-bottom:10px;font-size:12px}.mockup-coordinate-details .mockup-field-pair+.mockup-field-pair{margin-top:15px}.mockup-position{border:0;border-top:1px solid #aaa69e;flex-direction:column;gap:15px;min-width:0;margin:0;padding:20px 0 0;display:flex}.mockup-position legend{padding-top:12px;font-size:14px;font-weight:750}.mockup-placed{background:#d8ff35;padding:12px;font-weight:750}.mockup-readability{background:#e8e4da;border-left:3px solid #111;padding:16px;font-size:13px;line-height:1.55}.mockup-readability p:first-child{margin-top:0}.mockup-readability p:last-child{margin-bottom:0;font-size:11px}.mockup-commercial{background:var(--acid);color:#111;justify-content:center;align-items:center;min-height:48px;padding:12px;text-decoration:none;display:flex}.mockup-reset{border-top:1px solid #aaa69e;padding:20px 24px}.mockup-reset>button{width:100%}.mockup-reset p{margin-top:0;font-size:13px;line-height:1.5}.mockup-reset>div{flex-direction:column;gap:12px;display:flex}.mockup-content-section{border-bottom:1px solid #aaa69e;padding-block:56px}.mockup-section-heading{max-width:920px;margin-bottom:28px}.mockup-section-heading h2,.mockup-scope h2,.mockup-commercial-section h2{margin:0}.mockup-photo-tips{border-top:1px solid #111;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.mockup-photo-tips li{border-bottom:1px solid #b8b4aa;gap:20px;padding:22px 20px 22px 0;display:flex}.mockup-photo-tips li:nth-child(2n){border-left:1px solid #b8b4aa;padding-left:24px}.mockup-photo-tips span{color:#a8271b;font:12px/1.6 monospace}.mockup-photo-tips p{margin:0;font-size:15px;line-height:1.6}.mockup-scope{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;display:grid}.mockup-scope h2{max-width:620px}.mockup-scope>div>p:not(.mockup-kicker){margin-top:20px;font-size:15px;line-height:1.65}.mockup-related a{color:inherit;border-top:1px solid #aaa69e;grid-template-columns:30px minmax(0,1fr) 30px;gap:20px;padding:22px 0;text-decoration:none;display:grid}.mockup-related a:hover strong{text-decoration:underline}.mockup-related a>span{color:#a8271b;font:12px/1.5 monospace}.mockup-related strong{font-size:19px}.mockup-related p{color:#56524c;margin:8px 0 0;font-size:14px;line-height:1.5}.mockup-faq details{border-top:1px solid #aaa69e}.mockup-faq summary{cursor:pointer;justify-content:space-between;gap:24px;padding:20px 0;font-weight:750;line-height:1.5;list-style:none;display:flex}.mockup-faq summary::-webkit-details-marker{display:none}.mockup-faq summary span{color:#a8271b}.mockup-faq details p{max-width:900px;margin:0 0 24px;font-size:15px;line-height:1.65}.mockup-commercial-section{background:var(--acid);grid-template-columns:minmax(0,1fr) minmax(240px,.42fr);align-items:end;gap:36px;margin-block:56px;padding:36px;display:grid}.mockup-commercial-section>div>p:last-child{margin:24px 0 0;font-size:16px;line-height:1.6}.mockup-commercial-section>div:last-child{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.mockup-commercial-section a{color:inherit;font-weight:750}.mockup-commercial-section .button{color:#fff;white-space:normal}@media (width<=1100px){.mockup-hero-grid{grid-template-columns:1fr;gap:22px;padding-top:28px}.mockup-hero-intro{max-width:800px}.mockup-editor-grid{grid-template-columns:1fr}.mockup-panel{border-top:1px solid #aaa69e;border-left:0}.mockup-panel-body{max-width:760px}.mockup-scope{gap:30px}.mockup-commercial-section{grid-template-columns:1fr}}@media (width<=640px){.mockup-container{width:calc(100% - 28px)}.mockup-hero{padding-top:18px}.mockup-hero-grid{padding-block:24px}.mockup-hero-intro>p{font-size:16px}.mockup-hero-actions{gap:16px}.mockup-hero-actions .button{justify-content:space-between;width:100%}.mockup-hero .breadcrumbs{font-size:10px}.mockup-privacy{font-size:11px}.mockup-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.mockup-steps li:nth-child(4){border-left:0}.mockup-steps li:nth-child(n+4){border-top:1px solid #aaa69e}.mockup-steps li:last-child{grid-column:span 2}.mockup-steps button{gap:3px 6px;min-height:62px;padding:9px;font-size:11px}.mockup-workspace{padding:12px}.mockup-toolbar{flex-wrap:wrap;font-size:11px}.mockup-empty{padding:10px 14px 22px}.mockup-empty h3{font-size:22px}.mockup-empty .mockup-primary{width:100%}.mockup-empty ul{font-size:12px}.mockup-panel>header,.mockup-panel-body,.mockup-reset{padding:20px 16px}.mockup-view-controls{gap:8px}.mockup-view-controls button{padding-inline:10px;font-size:11px}.mockup-dimensions{grid-template-columns:repeat(2,minmax(0,1fr))}.mockup-dimensions>div:last-child:nth-child(3){border-top:1px solid #aaa69e;border-left:0;grid-column:1/-1}.mockup-dimensions dd{font-size:16px}.mockup-content-section{padding-block:38px}.mockup-photo-tips,.mockup-scope{grid-template-columns:1fr}.mockup-photo-tips li:nth-child(2n){border-left:0;padding-left:0}.mockup-related a{grid-template-columns:22px minmax(0,1fr) 20px;gap:10px}.mockup-related strong{font-size:17px}.mockup-commercial-section{margin-block:38px;padding:24px 18px}.mockup-commercial-section .button{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){.mockup-editor *{scroll-behavior:auto}}
