body{background:radial-gradient(circle at 85% 3%,#e0f6f3,transparent 35%),#f3f6fb;color:#17354b}
.shell{max-width:1450px}
.intro h1 span{color:#0c8488}
.badge{align-self:flex-start;background:#e4faf7;color:#087c7e;border:1px solid #b6e6df;border-radius:999px;padding:10px 14px;white-space:nowrap;font-size:13px;font-weight:750}
.notice{background:#fff8e9;border:1px solid #eadbab;border-radius:14px;padding:14px 18px;color:#6b5528;font-size:14px}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;color:#64788b;font-size:13px}
.toolbar>div{display:flex;gap:8px;flex-wrap:wrap}
.toolbar button,.toolbar .button{min-height:38px;padding:7px 11px;font-size:13px}
.file-button{position:relative}.file-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
.workspace{display:grid;grid-template-columns:minmax(330px,.74fr) minmax(0,1fr);gap:20px;align-items:start;min-width:0}
.controls,.results{display:grid;gap:18px;min-width:0}
.panel,.grid2{min-width:0}
.head{margin-bottom:18px}.head span{display:block;color:#0b8b91;font-size:11px;font-weight:800;letter-spacing:2px;margin-bottom:7px}.head h2{margin:0}
.grid2{gap:14px}.grid2 label{font-size:13px;color:#4a6277}.grid2 input,.grid2 select{width:100%;min-height:42px}.grid2 input[type=range]{min-height:18px;margin:12px 0}
.summary{border-top:4px solid #1aa5a5}.summary h2{font-size:25px;margin:7px 0}.summary .hint{margin-bottom:18px}
.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metrics>div{background:#eef8f8;border:1px solid #d9eeee;border-radius:13px;padding:16px}.metrics small{display:block;color:#648391}.metrics strong{display:block;color:#096f79;font-size:24px;margin-top:5px;overflow-wrap:anywhere}
.bars{margin:24px 0;display:grid;gap:15px}.bars>div{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:13px}.bars b{color:#315b6b}.bars i{grid-column:1/-1;background:#e6edf3;border-radius:999px;height:10px;overflow:hidden}.bars em{display:block;height:100%;background:linear-gradient(90deg,#1485a9,#14b5a5);border-radius:inherit;min-width:1px}.bars>div:nth-child(2) em{background:linear-gradient(90deg,#7e8fb3,#466caa)}
.depth{display:flex;align-items:center;gap:12px;background:#f4f7fa;border-radius:12px;padding:14px}.depth strong{font-size:24px;color:#123f5e}.depth span{font-size:12px;color:#62788d;line-height:1.5}
.notes{margin:16px 0 0;padding-left:19px;color:#566e80;font-size:13px;line-height:1.7}.notes li{margin:7px 0}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:440px;font-size:13px}th,td{text-align:left;padding:11px 9px;border-bottom:1px solid #e5edf2}th{background:#f3f8fb;color:#536b80}tr.current{background:#e8f8f5;font-weight:700}td span{color:#8294a3}.more{display:inline-block;margin-top:16px;color:#0b7883;text-decoration:none;font-weight:700;font-size:13px}.guide{padding-left:21px;color:#435e73;font-size:14px;line-height:1.8}.guide li{margin:8px 0}
@media(max-width:1020px){.workspace{grid-template-columns:minmax(0,1fr)}.results{grid-row:1}.toolbar{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.metrics strong{font-size:19px}.toolbar>div{width:100%}.toolbar button,.toolbar .button{flex:1}.depth{align-items:flex-start;flex-direction:column}}