.selector { display:grid; grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr); gap:32px; align-items:start; }
.selector [hidden] { display:none !important; }
.selector__form { display:grid; gap:18px; background:#fff; padding:24px; border:1px solid var(--s300); border-radius:10px; }
.selector__form h2 { margin:0; font-size:1.4rem; }
.selector__form select, .selector__form input { width:100%; min-height:46px; border:1px solid var(--s400); border-radius:5px; background:#fff; color:var(--text); padding:10px; font:inherit; }
.selector__space { border-top:1px solid var(--s200); padding-top:16px; }
.selector__space summary { cursor:pointer; font-weight:650; }
.selector__space summary span { display:block; font-size:.84rem; font-weight:400; color:var(--muted); margin-top:5px; }
.selector__space p { font-size:.88rem; line-height:1.6; }
.selector__inputs { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.selector__hint,.selector__limits,.selector__sources { font-size:.86rem; color:var(--muted); line-height:1.65; }
.selector__hint { margin:10px 0 0; }
.selector__results { scroll-margin-top:90px; outline:none; }
.selector__results h2 { font-size:clamp(1.55rem,3vw,2.1rem); margin:8px 0 12px; }
.selector__results > p { line-height:1.65; }
.selector__notice { border-left:3px solid var(--accent-text); padding:12px 16px; background:#fff; }
.selector__cards { display:grid; gap:14px; margin:24px 0; }
.selector-card { display:grid; grid-template-columns:120px minmax(0,1fr); gap:18px; padding:18px; border:1px solid var(--s300); border-radius:8px; background:#fff; }
.selector-card img { width:120px; height:120px; object-fit:contain; background:var(--s100); border-radius:6px; }
.selector-card h3 { margin:0 0 10px; font-size:1.1rem; }
.selector-card p { margin:6px 0; font-size:.84rem; color:var(--muted); line-height:1.5; }
.selector-card .selector-card__amount { color:var(--text); font-size:1.1rem; font-weight:700; }
.selector-card .arrow { font-size:.86rem; }
.selector__next { display:flex; flex-wrap:wrap; gap:12px; }
.selector__next [role=status] { flex-basis:100%; margin:0; overflow-wrap:anywhere; }
.selector__next input { width:100%; padding:10px; font:inherit; }
.selector__reset { background:none; border:0; text-decoration:underline; cursor:pointer; color:var(--muted); min-height:36px; font:inherit; }
@media(max-width:900px) { .selector { grid-template-columns:minmax(0,1fr); gap:28px; } .selector__form { padding:20px; } }
@media(max-width:420px) { .selector-card { grid-template-columns:78px minmax(0,1fr); gap:12px; padding:14px; } .selector-card img { width:78px; height:92px; } .selector__next .btn { width:100%; } }