:root{--primary:#182c30;--secondary:#e3efeb;--accent:#08676a;--background:#f4f7f5;--surface:#fff;--text:#182c30;--border:#b9c9c8;--status:#8b4c24}.skip{position:absolute;top:-80px;left:220px;z-index:10;background:#fff;color:#182c30;padding:12px}.skip:focus{top:8px}.rail{position:sticky;top:0;align-self:start;height:100vh}.rail nav{margin:40px 0}h1{font-size:clamp(30px,3.7vw,47px);letter-spacing:-1.5px}#source{border:1px solid #b9c9c8;padding:22px;background:white}.section-head h2{font-weight:600}textarea{font-size:14px}.file-label{display:flex;align-items:center;gap:20px;padding:12px}.file-label input{margin:0;max-width:400px}.hint{line-height:1.85}.level-stats{display:flex;gap:0;background:#e3efeb;margin:20px 0;border:1px solid #b9c9c8}.level-stats>span{padding:12px 18px;flex:1;border-right:1px solid #b9c9c8;font:11px Consolas,monospace}.level-stats>span:last-child{border:0}.level-stats strong{display:block;font-size:24px;line-height:1.4;margin-top:5px;font-weight:500}.controls{grid-template-columns:2fr 1fr 1fr}.controls .check{grid-column:1/-1}.mask-panel{margin-top:20px;border-top:1px solid #b9c9c8;border-bottom:1px solid #b9c9c8;padding:15px 0}.mask-panel summary{cursor:pointer;font-size:13px;font-weight:600;min-height:30px}.mask-panel label{margin-top:15px}.mask-panel .check{display:flex;gap:10px;align-items:center}.mask-panel p{font-size:12px;color:#4e696b}.mask-panel textarea{max-width:650px;min-height:70px}.log-line.context{background:#1a353a}.log-line.context .line-level{color:#b9cbc9}.console:focus-visible{outline-offset:2px}button:disabled{opacity:1;background:#d5e0dd;color:#526663;border-color:#8fa5a1}.rail nav a{font-size:13px}@media(max-width:900px){.rail{position:static;height:auto;flex-wrap:wrap}.rail nav{margin:0;gap:15px;flex-wrap:wrap}.skip{left:10px}.file-label{display:block}.file-label input{margin-top:10px}}@media(max-width:500px){.rail nav{display:flex}.rail nav a{font-size:11px}main{padding:24px 4vw}h1{font-size:32px;letter-spacing:-1px}#source{padding:16px}.level-stats>span{padding:10px}.level-stats strong{font-size:21px}.controls{grid-template-columns:1fr 1fr}.controls label:first-child{grid-column:1/-1}.controls .check{grid-column:1/-1}.file-label input{font-size:11px}.log-line{grid-template-columns:28px 40px 1fr;font-size:12px}.line-level{font-size:10px}}