.backend-status{position:fixed;left:14px;bottom:14px;z-index:89;padding:8px 10px;background:rgba(35,29,25,.86);color:#fff;font-size:8px;letter-spacing:.12em;opacity:0;transform:translateY(8px);transition:.3s;pointer-events:none}.backend-status.show{opacity:1;transform:none}.backend-status.error{background:#6c2732}
.sample-modal{position:fixed;inset:0;z-index:140;background:rgba(25,18,14,.72);display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:.3s}.sample-modal.open{opacity:1;visibility:visible}.sample-dialog{width:min(760px,96vw);max-height:92vh;overflow:auto;background:var(--paper);padding:clamp(30px,5vw,64px);position:relative}.sample-close{position:absolute;top:20px;right:22px;border:0;background:transparent;font-size:20px;cursor:pointer}.sample-dialog h2{font-size:clamp(42px,5vw,66px);margin-bottom:12px}.sample-dialog>p{color:#74685f;line-height:1.8;font-size:13px;margin-bottom:30px}.sample-form{display:grid;gap:15px}.sample-form .sample-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.sample-form input,.sample-form select,.sample-form textarea{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:15px 3px;font:300 13px var(--sans);outline:none;border-radius:0}.sample-form textarea{resize:vertical}.sample-colors{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:5px 0}.sample-colors legend{width:100%;font-size:9px;letter-spacing:.14em;margin-bottom:8px}.sample-colors label{display:flex;align-items:center;gap:7px;border:1px solid var(--line);padding:10px 12px;font-size:11px;cursor:pointer}.sample-colors input{width:auto;padding:0;accent-color:var(--wine)}.sample-message{font-size:11px;min-height:17px;color:var(--wine)}@media(max-width:600px){.sample-form .sample-row{grid-template-columns:1fr}.backend-status{display:none}}