:root{--bg:#eef2f5;--panel:#fff;--ink:#17232e;--muted:#667684;--line:#d8e0e6;--blue:#146c94;--blue2:#0d536f;--teal:#138a7e;--green:#218a5c;--amber:#c5811a;--red:#bd4242;--shadow:0 10px 28px rgba(28,47,61,.09)}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#edf3f5,#f7f8f7 60%,#eaf0f0);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;min-height:100vh}.topbar{height:86px;padding:0 max(32px,calc((100vw - 1440px)/2));display:flex;align-items:center;justify-content:space-between;background:#102d3a;color:#fff;border-bottom:4px solid #1a8991}.brand{font-size:27px;font-weight:750;letter-spacing:.2px}.subtitle{font-size:13px;color:#bcd0d8;margin-top:2px}.catalog-badge{font-size:12px;background:#183d4c;border:1px solid #315665;border-radius:20px;padding:8px 13px;color:#d9e8ed}.layout{max-width:1440px;margin:28px auto;padding:0 28px;display:grid;grid-template-columns:minmax(470px,560px) 1fr;gap:24px}.panel{background:rgba(255,255,255,.97);border:1px solid #dbe3e7;border-radius:14px;box-shadow:var(--shadow)}.controls{padding:22px}.results{min-height:650px;padding:24px;overflow:auto}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#edf2f4;border-radius:9px;padding:4px;margin-bottom:23px}.segmented button{border:0;background:transparent;color:#52636f;padding:11px;border-radius:7px;font-weight:650;cursor:pointer}.segmented button.active{background:#fff;color:var(--blue);box-shadow:0 2px 7px rgba(20,45,60,.12)}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:#637582;font-weight:750;margin:19px 0 9px}.ring-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ring-card{border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;align-items:center;gap:11px;cursor:pointer}.ring-card.active{border-color:var(--blue);box-shadow:0 0 0 2px rgba(20,108,148,.12);background:#f6fbfd}.ring-card input{display:none}.ring-card small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.ring-icon{width:36px;height:36px;display:grid;place-items:center;color:#147b80;font-size:25px;font-weight:800}.ring-icon.o{border:7px solid #17858b;border-radius:50%}.ring-icon.x{font-size:36px;line-height:1}.grid{display:grid;gap:12px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}label{font-size:12px;color:#536570;font-weight:650}input,select{width:100%;height:41px;margin-top:6px;border:1px solid #cfd9df;border-radius:7px;background:#fbfcfd;padding:0 10px;color:#17232e;font:inherit;font-weight:500}input:focus,select:focus{outline:2px solid rgba(20,108,148,.18);border-color:var(--blue)}.hidden{display:none}.chips{display:flex;flex-wrap:wrap;gap:7px;max-height:125px;overflow:auto;padding:2px}.chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #ccd7dc;border-radius:18px;padding:7px 10px;font-size:11px;color:#435661;cursor:pointer;background:#fff}.chip:has(input:checked){background:#e4f3f5;border-color:#24929a;color:#135f65}.chip input{width:auto;height:auto;margin:0}.conditions{margin:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}.conditions summary{cursor:pointer;color:#415865;font-size:13px;font-weight:700}.details-grid{margin-top:13px}.primary{width:100%;border:0;border-radius:8px;padding:13px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;font-size:14px;font-weight:750;cursor:pointer;box-shadow:0 5px 12px rgba(13,83,111,.2)}.primary:hover{filter:brightness(1.06)}.empty-state{text-align:center;color:var(--muted);margin-top:150px}.empty-state h2{color:#334b58;font-size:19px}.seal-drawing{width:110px;height:110px;border:18px solid #d9e5e8;border-radius:50%;margin:auto;position:relative}.seal-drawing span{position:absolute;inset:-11px;border:2px dashed #7da6ae;border-radius:50%}.result-title{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:14px}.result-title h2{margin:0;font-size:20px}.result-title p{margin:5px 0 0;color:var(--muted);font-size:12px}.status-pill{font-size:11px;border-radius:20px;padding:6px 10px;background:#e7f5ef;color:var(--green);font-weight:750}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.metric{border:1px solid #dce5e8;border-left:4px solid #238894;border-radius:8px;padding:12px;background:#fbfdfd}.metric b{display:block;font-size:20px;color:#173f50}.metric span{font-size:11px;color:var(--muted)}.callout{border-radius:8px;padding:12px 14px;margin:12px 0;font-size:12px;background:#eef7f7;color:#335a5c}.callout.warn{background:#fff5e6;color:#7a5319}.material-list{display:flex;gap:8px;flex-wrap:wrap}.material{border:1px solid #cfe0da;background:#f4fbf8;border-radius:6px;padding:8px 10px;font-size:11px}.table-wrap{overflow:auto;margin-top:15px}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th{text-align:left;background:#eaf0f2;color:#425661;padding:10px;position:sticky;top:0}td{padding:9px 10px;border-bottom:1px solid #e2e8eb}tr:hover td{background:#f7fafb}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.dot.suitable{background:var(--green)}.dot.borderline{background:var(--amber)}.dot.invalid{background:var(--red)}footer{text-align:center;color:#77868f;font-size:11px;padding:5px 20px 25px}@media(max-width:1000px){.layout{grid-template-columns:1fr}.results{min-height:420px}.empty-state{margin-top:90px}}@media(max-width:600px){.layout{padding:0 12px;margin:14px auto}.topbar{padding:0 16px}.catalog-badge{display:none}.grid.two,.grid.three,.ring-picker,.metric-grid{grid-template-columns:1fr}.controls,.results{padding:16px}}