.qd{gap:16px;display:grid}@media (min-width:900px){.qd{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px}.qd-preview{position:sticky;top:16px}}.qd-preview{flex-direction:column;gap:14px;display:flex}.qd-stage{border-radius:var(--radius);background:repeating-conic-gradient(var(--checker) 0 25%, var(--surface) 0 50%) 0 0 / 16px 16px;place-items:center;min-height:320px;padding:24px;display:grid}.qd-img{width:min(100%,380px);height:auto;display:block}.qd-scan{min-height:1.5em;color:var(--ink-2);margin:0;font-weight:600}.qd-scan[data-state=ok]{color:var(--fit)}.qd-scan[data-state=fail]{color:var(--over)}.qd-warn{color:var(--over);margin-top:-8px}.qd-actions{flex-wrap:wrap;gap:8px;display:flex}.qd-panel{gap:20px}.qd-field{margin-top:8px;display:block}.qd-text{min-height:90px}.qd-wifi{flex-direction:column;gap:12px;margin-top:8px;display:flex}.qd-presets{flex-wrap:wrap;gap:6px;display:flex}.qd-colors{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px 12px;display:grid}.qd-color{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.qd-color input{border:1px solid var(--rule-strong);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;width:36px;height:36px;padding:2px}.qd-logo{gap:8px;display:flex}.qd-panel input[type=range]{width:100%;accent-color:var(--tape-deep)}.qd>*{min-width:0}@media (max-width:639px){.qd .field-row{grid-template-columns:1fr}.qd-colors>*{min-width:0}}