.sign-builder{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:46px;align-items:start}.sign-controls h2,.sign-preview h2{font-size:18px;font-weight:600;margin:0 0 16px}.sign-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:25px}.sign-templates button{min-width:0;text-align:left;border:1px solid #d6d9cb;background:#fffdf7;padding:10px 8px;border-radius:9px}.sign-templates button[aria-pressed=true]{border:2px solid #35765f;padding:9px 7px;background:#ecf1e6}.sign-templates canvas{width:100%;height:75px;object-fit:contain;display:block}.sign-templates strong{display:block;font-size:11px;margin-top:9px;line-height:1.5}.sign-templates small{display:block;font-size:10px;line-height:1.7;color:#63735e;margin-top:4px}.sign-shuffle{width:100%;border:1px dashed #879b7e;background:#eef1e4;padding:13px;border-radius:7px;margin-top:20px;font-size:13px}.sign-preview{position:sticky;top:20px}.door-scene{position:relative;border:1px solid #cfc9b8;border-radius:70px 70px 6px 6px;background:#e9e1d0;min-height:490px;padding:110px 30px 65px;display:flex;align-items:center;justify-content:center;isolation:isolate}.door-scene::before{content:"";position:absolute;inset:35px 28px 25px;border:2px solid #cfc6b2;border-radius:48px 48px 0 0;z-index:-1}.door-scene::after{content:"";position:absolute;bottom:25px;left:28px;right:28px;border-top:2px solid #cfc6b2;height:52px;z-index:-1}.door-knob{position:absolute;right:14px;top:65%;width:18px;height:18px;border-radius:50%;background:#8d846d;border:3px solid #b1a489}.sign-hook{position:absolute;top:68px;left:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:#8c816a}.sign-hook::after{content:"";position:absolute;top:8px;left:-47px;width:100px;height:50px;border:2px solid #94866a;border-bottom:0;clip-path:polygon(50% 0,100% 100%,0 100%);background:#94866a;clip-path:polygon(49% 0,51% 0,100% 100%,97% 100%,50% 5%,3% 100%,0 100%)}#sign{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 2px #78654428)}.door-scene.sleep-scene{padding:75px 70px 36px;min-height:600px}.sleep-scene .sign-hook{top:97px}.sleep-scene .sign-hook::after{display:none}.sleep-scene #sign{max-width:340px}.form-grid textarea{resize:vertical}.sign-print{height:auto}.header .extras-languages a:first-child{display:inline} @media(max-width:900px){.sign-builder{gap:25px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.door-scene{padding:85px 19px 65px;min-height:370px}.door-scene.sleep-scene{padding:65px 36px 35px;min-height:450px}}@media(max-width:680px){.sign-builder{grid-template-columns:minmax(0,1fr);gap:32px}.sign-preview{position:static}.sign-templates canvas{height:78px}.sign-templates strong{font-size:12px}.door-scene{min-height:350px;padding:85px 18px 65px}.door-scene.sleep-scene{min-height:460px;padding:65px 40px 30px}.preview-heading{flex-wrap:wrap}.form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media print{.sign-print{display:flex!important;width:210mm;height:297mm;padding:15mm;align-items:center;justify-content:center}.sign-print img{width:180mm;height:auto;max-height:260mm;object-fit:contain}}

.sign-rules{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px;margin-top:-7px}.sign-rules button{border:1px solid #d0d8c6;background:#f3f3e8;border-radius:18px;padding:6px 10px;font-size:11px;text-align:left}.sign-rules button:hover{background:#e6eedc;border-color:#739465}