.etsy-lab { align-items: start; display: grid; gap: 18px; grid-template-columns: minmax(0,1fr) minmax(320px,390px); }
.etsy-form-card,.etsy-result-card { min-width:0; }
.etsy-result-card { position: sticky; top: 76px; }
.etsy-preset-row { display:grid; gap:10px; grid-template-columns:minmax(0,1fr) auto; margin-bottom:14px; }
.etsy-example-buttons { display:flex; flex-wrap:wrap; gap:7px; }
.etsy-example-buttons button { background:#fff; border:1px solid var(--line); border-radius:6px; color:var(--text); cursor:pointer; font:inherit; font-size:12px; font-weight:800; padding:7px 9px; }
.etsy-example-buttons button:hover { border-color:var(--accent); color:var(--accent-strong); }
.etsy-fieldset { border:0; border-top:1px solid var(--line); margin:16px 0 0; padding:15px 0 0; }
.etsy-fieldset legend { color:var(--text); font-size:15px; font-weight:900; padding:0 8px 0 0; }
.etsy-input-grid { display:grid; gap:12px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.etsy-input-grid label { min-width:0; }
.etsy-inline-toggle { align-self:end; min-height:42px; padding-top:10px; }
.etsy-inline-note { color:var(--muted); font-size:12px; margin:8px 0 0; }
.etsy-result-card { background:#f8fafc; }
.etsy-result-card > span,.etsy-result-grid span,.etsy-projection-grid span { color:var(--muted); font-size:12px; font-weight:800; }
.etsy-result-card > strong { display:block; font-size:22px; }
.etsy-profit-hero { background:#fff; border:1px solid var(--line); border-radius:8px; margin:14px 0; padding:15px; }
.etsy-profit-hero span { color:var(--muted); display:block; font-size:12px; font-weight:800; }.etsy-profit-hero strong { display:block; font-size:34px; line-height:1.15; margin:5px 0; overflow-wrap:anywhere; }.etsy-profit-hero strong.is-positive { color:#22613a; }.etsy-profit-hero strong.is-negative { color:#9a302c; }.etsy-profit-hero p { color:var(--muted); margin:0; }
.etsy-result-grid,.etsy-projection-grid { display:grid; gap:10px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.etsy-result-grid div,.etsy-projection-grid div { background:#fff; border:1px solid var(--line); border-radius:8px; display:grid; gap:6px; min-width:0; padding:11px; }.etsy-result-grid strong,.etsy-projection-grid strong { font-family:"SFMono-Regular",Consolas,monospace; overflow-wrap:anywhere; }
.etsy-waterfall { display:flex; height:18px; margin:16px 0 8px; overflow:hidden; width:100%; }.etsy-waterfall span { min-width:0; } .etsy-waterfall.has-loss { border-right:8px solid #b83c35; }.etsy-bar-fees { background:#d58a28; }.etsy-bar-costs { background:#4c789d; }.etsy-bar-profit { background:#4d9467; }.etsy-bar-loss { background:#b83c35; }
.etsy-legend { color:var(--muted); display:flex; flex-wrap:wrap; font-size:11px; gap:10px; }.etsy-legend i { display:inline-block; height:8px; margin-right:4px; width:8px; }
.etsy-profile-note { background:var(--surface-soft); border-left:3px solid var(--accent); color:var(--muted); font-size:12px; margin:10px 0 0; padding:9px 10px; }
.etsy-breakdown-grid { display:grid; gap:18px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.etsy-breakdown-grid h3 { margin-top:0; }
.etsy-breakdown-grid td:last-child { text-align:right; }
.etsy-scenarios .is-current { background:var(--surface-soft); }.etsy-scenarios .is-positive { color:#22613a; font-weight:900; }.etsy-scenarios .is-negative { color:#9a302c; font-weight:900; }
.etsy-source-list { display:grid; gap:8px; }.etsy-source-list li { color:var(--muted); }.etsy-source-list a { font-weight:800; }
@media (max-width:920px) { .etsy-lab { grid-template-columns:1fr; }.etsy-result-card { position:static; } }
@media (max-width:620px) { .etsy-input-grid,.etsy-result-grid,.etsy-projection-grid,.etsy-breakdown-grid,.etsy-preset-row { grid-template-columns:1fr; }.etsy-profit-hero strong { font-size:28px; } }