.mode-hint{margin-top:8px;color:var(--muted);font-size:.78rem;line-height:1.5}.all-mode-hint{margin-top:10px;padding:10px 12px;background:#f8f9fc;border:1px solid var(--line);border-radius:12px}.color-picker-row{display:flex;align-items:center;gap:10px;margin-top:10px}.color-picker-row input[type=color]{width:46px;height:38px;padding:3px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.color-picker-row span{font-size:.82rem;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.result-card{display:flex;flex-direction:column}.result-body{display:flex;flex-direction:column;flex:1}.result-treatment{display:inline-flex;align-self:flex-start;margin:0 0 8px;padding:5px 8px;border-radius:999px;background:#f1f1ff;color:#4b50c7;font-size:.72rem;font-weight:750}.result-quality{margin:0 0 9px;padding:8px 9px;border-radius:10px;font-size:.75rem;font-weight:720;line-height:1.4}.result-quality.good{background:var(--success-bg);color:var(--success);border:1px solid #abefc6}.result-quality.warn{background:var(--warning-bg);color:var(--warning);border:1px solid #fedf89}.result-quality.caution{background:#f8f9fc;color:#59637a;border:1px solid var(--line)}.result-note{color:var(--muted);font-size:.74rem;line-height:1.5;margin:0 0 12px}.result-body .btn{margin-top:auto}.control-card [hidden]{display:none!important}@media(max-width:620px){.result-treatment{font-size:.7rem}.result-note{font-size:.72rem}}