.sl-hero{background:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:38px 38px;padding-bottom:60px}.sl-intro-note{max-width:760px;margin-top:24px}.sl-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.sl-grid3 .panel+.panel{margin-top:0}.sl-grid3 h3{margin:12px 0 20px}.sl-grid3 p{font-size:15px}.sl-architecture{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sl-layer{text-align:left;padding:24px;background:#111;border:1px solid #333;color:#eee;border-radius:7px;cursor:pointer}.sl-layer.selected{border-color:var(--accent);background:#231e13}.sl-layer small{font:11px monospace;color:var(--accent)}.sl-layer b{display:block;font-size:27px;margin:12px 0}.sl-layer span{display:block;font-size:13px;color:#aaa}.sl-layer-detail{margin-top:20px;min-height:200px}.sl-layer-detail h3{margin:16px 0}.sl-caption,.sl-spaced{margin-top:24px}.sl-loop-preview{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:24px}.sl-loop-map{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:25px;border:1px solid #333;border-radius:8px;background:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:24px 24px}.sl-loop-map>div{padding:22px 16px;background:#111;border:1px solid #444;border-radius:8px;min-width:0}.sl-loop-map .current{border:2px solid var(--accent);background:#2a2112}.sl-loop-map .visited{border-color:#91805e}.sl-loop-map b{font-size:18px;display:block}.sl-loop-map span{font-size:12px;color:#aaa;display:block;margin-top:10px}.sl-loop-result{min-height:180px;margin-top:24px}.sl-loop-result h3{margin:12px 0}.sl-loop-preview .log{min-height:55px;max-height:160px}.sl-bars{margin:26px 0}.sl-bar-row{margin:15px 0}.sl-bar-label{display:flex;justify-content:space-between;font-size:12px;color:#bbb;margin-bottom:7px}.sl-bar{height:15px;background:#48443c;min-width:2px;border-radius:3px}.sl-bar.wait{background:var(--accent)}.sl-status-table{border-top:1px solid #333}.sl-status-row{display:grid;grid-template-columns:1fr 180px 1.4fr;gap:24px;padding:28px 0;border-bottom:1px solid #333;align-items:start}.sl-status-row h3{font-size:21px}.sl-status-row .tag{font-size:10px;white-space:normal;width:fit-content}.sl-status-row p{color:#aaa;font-size:14px}.sl-delivery{list-style:none;padding:0;counter-reset:step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.sl-delivery li{counter-increment:step;border-top:2px solid #5a4523;padding-top:16px}.sl-delivery li:before{content:'0' counter(step);display:block;color:var(--accent);font:13px monospace;margin-bottom:16px}.sl-delivery b{display:block;font-size:18px}.sl-delivery span{display:block;color:#aaa;font-size:14px;margin-top:12px}button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:850px){.sl-grid3,.sl-loop-preview{grid-template-columns:1fr}.sl-status-row{grid-template-columns:1fr 160px}.sl-status-row p{grid-column:1/-1}.sl-delivery{grid-template-columns:1fr 1fr}.sl-layer-detail{min-height:240px}.sl-loop-result{min-height:170px}}
@media(max-width:520px){.sl-architecture{grid-template-columns:1fr 1fr}.sl-layer{padding:18px 14px}.sl-layer b{font-size:23px}.sl-status-row{grid-template-columns:1fr;gap:12px}.sl-loop-map{padding:16px;gap:12px}.sl-hero h1{font-size:44px}.sl-delivery{grid-template-columns:1fr}.sl-layer-detail{min-height:290px}.detail-grid strong{font-size:20px}.sl-loop-map b{font-size:16px}}