.measurement-settings{margin-block-start:28px;border:1px solid color-mix(in oklch,var(--dark-muted) 40%,transparent);border-radius:var(--radius);padding:18px;max-inline-size:38rem}
.measurement-settings summary{font-size:16px;font-weight:600;padding:0 28px 0 0;min-block-size:44px;display:flex;align-items:center}
.measurement-settings summary::after{inset-block-start:50%;transform:translateY(-50%);color:var(--dark-muted)}
.measurement-settings[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.measurement-settings p{font-size:14px;line-height:1.6;margin-block:16px;color:var(--dark-muted)}
.measurement-settings a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.measurement-settings label{display:flex;align-items:flex-start;gap:12px;margin-block:18px;font-size:14px;line-height:1.5}
.measurement-settings strong{display:block;font-size:15px;margin-block-end:4px;color:var(--card)}
.measurement-settings input{margin-block-start:4px;flex-shrink:0;inline-size:18px;block-size:18px;accent-color:var(--accent)}
.measurement-actions{display:flex;flex-wrap:wrap;gap:10px;margin-block-start:16px}
.measurement-actions button{font:inherit;font-size:14px;font-weight:600;min-block-size:44px;padding:10px 14px;border:1px solid color-mix(in oklch,var(--muted) 45%,transparent);border-radius:10px;background:var(--card);color:var(--ink);cursor:pointer}
.measurement-actions button[type=submit]{background:var(--accent);color:var(--card);border-color:var(--accent)}
.measurement-actions button:disabled{opacity:.6;cursor:default}
.measurement-settings #measurement-status{margin-block-end:0}
.preview-feedback{margin-block-start:20px;padding-block-start:20px;border-block-start:1px solid color-mix(in oklch,var(--muted) 25%,transparent)}
.preview-feedback[hidden]{display:none}
.preview-feedback fieldset{border:0;padding:0;margin:0;min-inline-size:0}
.preview-feedback legend{font-size:17px;font-weight:600;line-height:1.4}
.feedback-options{display:flex;flex-wrap:wrap;gap:10px;margin-block-start:14px}
.feedback-options label{display:flex;gap:8px;align-items:center;min-block-size:44px;padding-inline:12px;border:1px solid color-mix(in oklch,var(--muted) 45%,transparent);border-radius:10px;cursor:pointer}
.feedback-options label:has(:checked){border-color:var(--accent);background:color-mix(in oklch,var(--accent) 8%,var(--card))}
.feedback-options input{accent-color:var(--accent);inline-size:16px;block-size:16px;margin:0}
#feedback-status{font-size:14px;line-height:1.5;margin-block:12px 0}
#feedback-status:focus{outline:2px solid var(--accent);outline-offset:4px}
.measurement-settings :is(input,button,a,summary):focus-visible,.preview-feedback :is(input,button):focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.measurement-settings :is(input,button,a,summary):focus-visible{outline-color:var(--dark-muted)}
.measurement-actions button:not(:disabled):active{transform:translateY(1px)}
@media(hover:hover) and (pointer:fine){.measurement-actions button:not(:disabled):hover{background:var(--paper)}.measurement-actions button[type=submit]:not(:disabled):hover{background:var(--accent-hover)}}
@media(prefers-reduced-motion:no-preference){.measurement-actions button{transition:background-color 150ms,transform 150ms}}