.visual-colors{border:0;margin:25px 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:12px}.visual-colors legend{font-size:13px;font-weight:700;margin-bottom:14px}.visual-colors label{position:relative;width:86px;padding:10px 6px;border:1px solid #c9d7cd;border-radius:14px;text-align:center;cursor:pointer}.visual-colors input{position:absolute;opacity:0}.visual-colors span{display:block;width:38px;height:38px;margin:0 auto 8px;border-radius:50%;border:1px solid #c9d7cd}.visual-colors b{font-size:11px;font-weight:600}.visual-colors label:has(input:checked){border:2px solid #23877d;padding:9px 5px;background:#eff8f4}.visual-colors label:focus-within{outline:3px solid #23877d;outline-offset:3px}.visual-advanced,.visual-privacy{border-top:1px solid #c9d7cd;margin-top:22px;padding:18px 0}.visual-advanced summary,.visual-privacy summary{cursor:pointer;font-size:13px;font-weight:700}.visual-advanced[open] summary{margin-bottom:20px}.visual-tips{margin:20px 0;font-size:13px;color:#53716a}.visual-tips ul{padding-left:20px}.visual-element{border:1px solid #c9d7cd;border-radius:16px;padding:20px;margin:0 0 24px}.visual-element legend{padding:0 8px;font-weight:700}.visual-element .visual-check{align-items:center}.visual-element>.visual-grid{margin-bottom:12px}.visual-remove{font-size:12px;background:transparent;border:0;text-decoration:underline;cursor:pointer}.visualizer figure{margin:0 0 20px}.visualizer figure img{max-height:480px;width:100%;object-fit:contain;background:#e7eee8;border-radius:16px}.visualizer figcaption{text-align:center;font-size:12px;color:#647873;margin-top:8px}@media(max-width:650px){.visual-colors{gap:8px}.visual-colors label{width:calc((100% - 16px)/3)}.visual-element{padding:16px}.visual-steps span{font-size:10px}}