.goal-finder{margin:24px 0;padding:22px;border:1px solid var(--line,var(--border));border-radius:var(--card-radius,18px);background:var(--panel,var(--surface));color:var(--text);min-width:0}.goal-finder h2{font-size:clamp(20px,2.4vw,28px);margin:0 0 16px;line-height:1.2}.goal-choices{display:flex;gap:10px;flex-wrap:wrap}.goal-choices .btn{white-space:normal;text-align:start;min-height:44px}.goal-choices [aria-pressed="true"]{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.goal-status{font-size:14px;line-height:1.5;margin:16px 0;color:var(--muted)}.goal-status:empty{display:none}.goal-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0}.goal-results[hidden]{display:none}.goal-tool{min-width:0;overflow:hidden;border:1px solid var(--line,var(--border));border-radius:var(--card-radius,16px);background:var(--panel2,var(--surface))}.goal-preview{aspect-ratio:16/9;overflow:hidden;display:grid;place-items:center;background:var(--panel,var(--surface));font-size:48px}.goal-preview img{width:100%;height:100%;object-fit:cover;display:block}.goal-tool-copy{padding:18px;display:flex;flex-direction:column;gap:12px}.goal-tool h3{font-size:18px;margin:0;line-height:1.3}.goal-tool p{font-size:14px;margin:0;line-height:1.6;color:var(--muted)}.goal-tool .btn{align-self:start;min-height:44px}.goal-finder :is(button,a):focus-visible{outline:2px solid var(--text);outline-offset:4px}html[data-acbs-style="studio"] :is(.goal-finder,.goal-tool){border-color:var(--border);border-width:2px;background:var(--surface);box-shadow:var(--shadow)}html[data-acbs-style="cinema"] :is(.goal-finder,.goal-tool){background:#101010;border-color:#ffffff30;color:#f5f5f5}html[data-acbs-style="cinema"] .goal-preview{background:#080808;color:#f5f5f5}@media(max-width:640px){.goal-finder{padding:16px}.goal-results{grid-template-columns:1fr}.goal-tool{display:grid;grid-template-columns:100px minmax(0,1fr)}.goal-preview{aspect-ratio:auto;height:100%;min-height:140px}.goal-tool-copy{padding:14px}.goal-choices .btn{flex:1 1 140px}.goal-tool h3{font-size:16px}}@media(prefers-reduced-motion:reduce){.goal-finder *{animation:none!important;transition:none!important}}
