@font-face { font-family:'ZK Allura'; src:url('../fonts/Allura-Regular.ttf') format('truetype'); font-weight:400; font-style:normal; font-display:swap; }
.zk-survey-preview { padding:1.2rem; margin:1.5rem 0; border:1px solid var(--line); border-radius:16px; background:#fff8f5; }
.zk-survey-preview h2 { font-size:1.25rem; margin-top:0; }
.zk-survey-preview label { display:block; font-size:.88rem; font-weight:800; margin:.8rem 0 .35rem; }
.zk-survey-preview input { width:100%; padding:.8rem; border:1px solid #cbaaa0; border-radius:8px; background:#fff; color:var(--ink); }
.zk-survey-preview input:focus-visible { outline:3px solid var(--accent); outline-offset:2px; }
.zk-survey-figure { margin:1rem 0; }
.zk-survey-figure canvas { display:block; width:100%; height:auto; background:#fff; border-radius:10px; }
.zk-survey-figure figcaption { margin-top:.5rem; color:var(--muted); font-size:.75rem; line-height:1.6; }
.zk-survey-enlarge { width:100%; }
.zk-survey-dialog { max-width:min(92vw,850px); width:850px; max-height:92vh; padding:1rem; border:1px solid var(--line); border-radius:14px; overflow:auto; }
.zk-survey-dialog::backdrop { background:rgb(35 23 20 / 65%); }
.zk-survey-dialog img { display:block; width:100%; height:auto; }
.zk-survey-close { display:block; margin:0 0 .8rem auto; }.zk-survey-preview { clear:both; width:100%; box-sizing:border-box; }
.zk-survey-grid { display:grid; gap:1.5rem; }
.zk-survey-fields,.zk-survey-visual { min-width:0; }
.zk-survey-figure { margin-top:0; }
.zk-survey-visual { width:100%; max-width:660px; justify-self:center; }
.zk-survey-fields form.cart { float:none; margin:0; }
@media(min-width:768px) {
 .zk-survey-preview { padding:2rem; }
 .zk-survey-grid { grid-template-columns:minmax(0,1fr) minmax(0,1.5fr); gap:2.5rem; align-items:start; }
}