.studio{color:#17211f;background:#f7f7f3;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.studio *{box-sizing:border-box}.studio nav{background:#fbfcfa;border-bottom:1px solid #dce2dc;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(24px,8vw,130px);display:flex}.studio nav b{letter-spacing:-.5px;font-size:0}.studio nav b span{font-size:0}.studio nav b span:after{content:"◈";color:#147553;font-size:21px}.studio .nav-links{gap:28px;display:flex}.studio .nav-links a{color:#52625b;font-size:13px;text-decoration:none}.studio .nav-links a[aria-current=page]{color:#147553;font-weight:800}.studio nav b:after{content:"AccessTrace Browser Scan";color:#132720;margin-left:7px;font-size:18px}.studio button{color:#fff;cursor:pointer;background:#147553;border:0;border-radius:7px;align-items:center;gap:6px;padding:9px 11px;font-size:12px;font-weight:700;display:flex}.studio .back{color:#147553;align-items:center;gap:6px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.intro{background:radial-gradient(circle at 75%,#ccefc6,#0000 29%),linear-gradient(130deg,#f7f7f3,#e7efe1);padding:70px clamp(24px,8vw,130px) 45px}.intro p,.workhead p,.project p,.aside-label,.score p{letter-spacing:1.1px;color:#147553;margin:0;font-size:10px;font-weight:800}.intro h1{letter-spacing:-3px;margin:10px 0;font-size:clamp(47px,6vw,78px)}.intro span{color:#61736a}.studio-grid{background:#fff;border:1px solid #d9e1d9;border-radius:13px;grid-template-columns:240px 1fr;max-width:none;margin:0 clamp(24px,8vw,130px) 72px;display:grid;overflow:hidden}.studio aside{color:#e5f0e8;background:#133d30;padding:18px 14px}.project{border-bottom:1px solid #fff2;padding:10px}.project p,.aside-label{color:#b7d5c2}.project h3{margin:7px 0;font-size:16px}.project small{color:#b7cec0;font-size:11px}.aside-label{margin:22px 9px 8px}.step{background:#ffffff12;border-radius:7px;align-items:start;gap:8px;margin-bottom:6px;padding:10px;display:flex}.step svg{color:#d1f08a}.step span{gap:3px;display:grid}.step b{font-size:12px}.step small{color:#b6cfc0;font-size:10px}.studio .add{color:#d2e6da;background:0 0;border:1px dashed #ffffff54;justify-content:center;width:100%;margin-top:10px}.canvas{padding:24px}.urlbar{border:1px solid #d7e1d8;border-radius:8px;align-items:center;gap:8px;padding:7px 8px;display:flex}.urlbar svg{color:#147553}.urlbar input{border:0;outline:0;flex:1;font-size:12px}.urlbar button{white-space:nowrap}.error{color:#b63e32;font-size:12px}.workhead{justify-content:space-between;align-items:end;margin:25px 0 12px;display:flex}.workhead h2{letter-spacing:-1px;margin:5px 0 0;font-size:23px}.workhead>div:last-child{gap:8px;display:flex}.studio .outline{color:#147553;background:#fff;border:1px solid #b9d5c4}.canvas textarea{resize:vertical;border:1px solid #d9e1d9;border-radius:9px;outline-color:#147553;width:100%;height:260px;padding:14px;font:12px/1.5 ui-monospace,Consolas,monospace}.report{border:1px solid #d9e1d9;border-radius:10px;margin-top:16px;overflow:hidden}.score{border-bottom:1px solid #d9e1d9;align-items:center;gap:12px;padding:18px;display:flex}.score h2{flex:1;margin:4px 0 0;font-size:21px}.score span{border-radius:20px;align-items:center;gap:5px;padding:7px 9px;font-size:11px;font-weight:700;display:flex}.good{color:#29713f;background:#eaf6e7}.warn{color:#a7502d;background:#fff0e8}.stats{background:#f5f8f4;gap:23px;padding:12px 18px;display:flex}.stats span{color:#63766b;font-size:11px}.stats b{color:#147553;font-size:18px}.issues{padding:5px 18px}.issues article{border-bottom:1px solid #e5eae5;gap:10px;padding:13px 0;display:flex}.issues i{background:#dc725c;border-radius:50%;width:8px;height:8px;margin-top:5px}.issues b{font-size:13px}.issues p{color:#65766d;margin:4px 0;font-size:12px}.issues code{color:#147553;font-size:11px}.clean{color:#397c49;align-items:center;gap:8px;padding:14px 0;font-size:12px;display:flex}@media (max-width:760px){.studio-grid{border-radius:0;grid-template-columns:1fr}.studio aside{display:none}.workhead{display:block}.workhead>div:last-child{margin-top:12px}.score{flex-wrap:wrap}.score h2{flex-basis:70%}.studio nav{padding:0 20px}.studio .nav-links{display:none}.intro{padding:45px 25px 30px}}
