.xq-image-editor{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:12px 0 8px}.xq-image-editor article{border:1px solid #dfe4ec;border-radius:16px;padding:10px;background:#faf9fd;display:grid;gap:8px;align-content:start}.xq-image-editor article>div{aspect-ratio:12/7;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#eee8fb,#e1f3f0);display:grid;place-items:center}.xq-image-editor img{width:100%;height:100%;object-fit:cover}.xq-image-editor article>div span{font-size:30px;font-weight:800;color:#6941c6}.xq-image-editor strong{font-size:14px}.xq-image-editor label{cursor:pointer}.xq-image-editor input[type=file]{position:absolute;inline-size:1px;block-size:1px;opacity:0}.xq-image-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.xq-image-choice{position:relative;border:2px solid #dfe4ec;border-radius:20px;overflow:hidden;background:#fff;cursor:pointer;transition:.18s ease}.xq-image-choice:hover{transform:translateY(-2px);box-shadow:0 12px 28px #23364a18}.xq-image-choice:has(input:checked){border-color:var(--survey-accent,#6941c6);box-shadow:0 0 0 4px color-mix(in srgb,var(--survey-accent,#6941c6) 15%,transparent)}.xq-image-choice input{position:absolute;top:12px;right:12px;z-index:2;width:22px;height:22px;accent-color:var(--survey-accent,#6941c6)}.xq-image-frame{display:block;aspect-ratio:12/7;background:linear-gradient(135deg,#eee8fb,#e1f3f0);overflow:hidden}.xq-image-frame img{width:100%;height:100%;object-fit:cover}.xq-image-frame b{display:grid;place-items:center;height:100%;font-size:44px;color:#6941c6}.xq-image-label{display:block;padding:14px 46px 16px 16px;font-weight:800;color:#26374a}.xq-emoji-scale,.xq-agreement{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.xq-emoji-scale label,.xq-agreement label{cursor:pointer}.xq-emoji-scale input,.xq-agreement input{position:absolute;opacity:0}.xq-emoji-scale span,.xq-agreement span{min-height:94px;border:2px solid #dfe4ec;border-radius:16px;display:grid;place-items:center;padding:10px;text-align:center;background:#fff}.xq-emoji-scale b{font-size:32px}.xq-emoji-scale small,.xq-agreement small{font-size:12px;line-height:1.25}.xq-agreement b{font-size:22px;color:#6941c6}.xq-emoji-scale input:checked+span,.xq-agreement input:checked+span{border-color:var(--survey-accent,#6941c6);background:color-mix(in srgb,var(--survey-accent,#6941c6) 9%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--survey-accent,#6941c6) 14%,transparent)}.xq-suffix-input,.xq-prefix-input{position:relative;max-width:420px}.xq-suffix-input input{padding-right:50px}.xq-suffix-input>b{position:absolute;right:18px;bottom:13px}.xq-prefix-input input{padding-left:54px}.xq-prefix-input>b{position:absolute;left:18px;bottom:13px}@media(max-width:680px){.xq-emoji-scale,.xq-agreement{grid-template-columns:1fr}.xq-emoji-scale span,.xq-agreement span{min-height:58px;grid-template-columns:50px 1fr;justify-items:start}.xq-image-choices{grid-template-columns:1fr}}
