.sandbox-intro{border-radius:24px;padding:38px 42px;color:#fff;margin-bottom:18px;background:radial-gradient(circle at 82% 18%,#2d768b 0,transparent 32%),linear-gradient(120deg,#10243b,#153c5b);box-shadow:0 18px 40px #17324f22}.sandbox-intro .eyebrow{color:#8fe5e1}.sandbox-intro .description{color:#d6e8f1}.sandbox-intro h1{font-size:clamp(30px,4vw,48px)}.sandbox-notice{padding:13px 17px;background:#fff7e5;border:1px solid #f4dfaf;border-radius:13px;color:#7d581c;font-size:13px;line-height:1.7}.sandbox-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin:18px 0}.sandbox-toolbar>span{font-size:13px;color:#5c7489}.sandbox-toolbar .row{gap:8px}.sandbox-toolbar button,.sandbox-toolbar .button{min-height:36px;padding:7px 11px;font-size:12px}.sandbox-import{position:relative;overflow:hidden}.sandbox-import input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.sandbox-workspace{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;align-items:start}.sandbox-results{display:grid;gap:18px}.sandbox-panel h2{margin-bottom:8px}.sandbox-panel>p:first-of-type{margin-top:0}.sandbox-form{display:grid;gap:14px}.sandbox-form label{font-size:13px;font-weight:700;color:#365369}.sandbox-form label small{font-size:11px;font-weight:400;color:#70869a}.sandbox-form input,.sandbox-form select,.sandbox-form textarea{width:100%;font-weight:400}.sandbox-form .check{font-weight:500;align-items:flex-start}.sandbox-form .check input{width:auto;margin-top:4px}.sandbox-form .field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sandbox-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sandbox-metric{border:1px solid #dce8f2;background:#f7fbff;border-radius:15px;padding:17px}.sandbox-metric span{display:block;color:#678096;font-size:12px}.sandbox-metric strong{display:block;font-size:clamp(25px,3vw,35px);font-variant-numeric:tabular-nums;margin:9px 0 5px;color:#163d5c}.sandbox-metric small{color:#778da0}.sandbox-metric.pass{border-color:#a9dfcf;background:#effbf5}.sandbox-metric.fail{border-color:#f0c1bd;background:#fff5f2}.sandbox-metric.fail strong{color:#b13f41}.sandbox-metric.pass strong{color:#087d69}.sandbox-footnote{font-size:12px;color:#6b8296;line-height:1.7}.sandbox-legend{display:flex;gap:13px;flex-wrap:wrap;font-size:11px;color:#667f93}.sandbox-legend span{display:flex;align-items:center;gap:5px}.sandbox-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.sandbox-footer{font-size:12px;color:#70879a;text-align:center;margin:22px 0}@media(max-width:850px){.sandbox-workspace{grid-template-columns:1fr}}@media(max-width:600px){.sandbox-intro{padding:28px 22px}.sandbox-form .field-pair{grid-template-columns:1fr}.sandbox-metrics{grid-template-columns:1fr}}