.roas-tool { overflow: hidden; border: 1px solid var(--nod-border); border-radius: var(--nod-large-radius); background: #fff; box-shadow: 0 16px 42px rgba(31,25,55,.12); }
.roas-tool__intro { padding: 24px 30px; border-bottom: 1px solid var(--nod-border); background: var(--nod-surface-quiet); }
.roas-tool__intro h2 { margin: 0; font-size: 18px; color: var(--nod-text-strong); }
.roas-tool__intro p { margin: 5px 0 0; color: var(--nod-text-secondary); }
.roas-tool__body { display: grid; grid-template-columns: minmax(0,1fr) minmax(360px,.9fr); }
.roas-form { padding: 26px 30px 28px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.roas-field { min-width: 0; }.roas-field--full { grid-column: 1 / -1; }
.roas-field label { display:block; margin-bottom:6px; color:var(--nod-text-strong); font-weight:650; font-size:13px; }
.roas-field small { display:block; margin-top:5px; color:var(--nod-text-tertiary); font-size:11px; line-height:1.45; }
.roas-field input,.roas-field select { width:100%; min-height:42px; padding:8px 10px; border:1px solid var(--nod-border-strong); border-radius:6px; background:#fff; color:var(--nod-text); }
.roas-field input:focus,.roas-field select:focus { outline:0; border-color:var(--nod-brand); box-shadow:0 0 0 3px var(--nod-brand-soft); }
.roas-form__note { grid-column:1/-1; margin:0; color:var(--nod-text-tertiary); font-size:12px; }
.roas-results { padding: 26px 30px; background: #fbf9fe; border-inline-start:1px solid var(--nod-border); }.roas-results h3 { margin:0 0 14px; font-size:15px; color:var(--nod-text-strong); }
.roas-metrics { display:grid; gap:12px; }.roas-metric { padding:15px 16px; border:1px solid var(--nod-border); border-radius:8px; background:#fff; }.roas-metric--primary { border-color:var(--nod-brand-border); background:var(--nod-brand-tint); }
.roas-metric span,.roas-metric small { display:block; color:var(--nod-text-secondary); font-size:12px; }.roas-metric strong { display:block; margin:3px 0; color:var(--nod-text-strong); font-size:25px; line-height:1.2; font-variant-numeric:tabular-nums; }.roas-metric--primary strong { color:var(--nod-brand); }.roas-metric small { color:var(--nod-text-tertiary); line-height:1.45; }
.roas-alert { margin:0; padding:15px; border:1px solid #f5c6cb; border-radius:8px; background:var(--nod-danger-soft); color:var(--nod-danger); line-height:1.55; }
.roas-compare { margin:14px 0 0; padding:12px 14px; border-left:3px solid var(--nod-brand); border-radius:0 6px 6px 0; background:var(--nod-brand-tint); color:var(--nod-text); font-size:13px; line-height:1.55; }
.tool-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.tool-links a { display:block; padding:16px; border:1px solid var(--nod-border); border-radius:8px; background:#fff; text-decoration:none; }.tool-links a:hover { border-color:var(--nod-brand-border); }.tool-links strong,.tool-links span { display:block; }.tool-links strong { color:var(--nod-text-strong); }.tool-links span { margin-top:4px; color:var(--nod-text-secondary); font-size:13px; }
@media (max-width:800px) { .roas-tool__body { grid-template-columns:1fr; }.roas-results { border-inline-start:0; border-top:1px solid var(--nod-border); }.roas-form { grid-template-columns:1fr; }.roas-field--full { grid-column:auto; } }
@media (max-width:600px) { .roas-tool__intro,.roas-form,.roas-results { padding-inline:20px; }.tool-links { grid-template-columns:1fr; } }