.stl-page{background:var(--color-bg-primary);color:var(--color-text-primary)}.stl-wrap{width:var(--maxw);margin-inline:auto}.stl-crumb{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700}.stl-crumb,.stl-crumb a{color:var(--color-text-disabled)}.stl-crumb a:hover{color:var(--color-text-muted)}.stl-crumb i{font-style:normal;color:#3E3E3E}.stl-crumb b{color:var(--color-text-muted);font-weight:700}.stl-ey{display:flex;align-items:center;gap:9px;line-height:1.1;font-size:12px;font-weight:900;letter-spacing:.14em;color:var(--color-brand-primary);text-transform:uppercase}.stl-ey:before{content:"";width:9px;height:9px;flex:none;background:var(--color-brand-primary);border:1px solid var(--color-border-hard)}.stl-h2{margin:14px 0 0;font-family:var(--font-pixel);font-weight:400;font-size:34px;line-height:1.2;color:var(--color-text-primary)}.stl-lead{margin-top:14px;font-size:16px;line-height:1.75;color:var(--color-text-muted);max-width:74ch}.stl-hero{position:relative;overflow:hidden;border-bottom:2px solid var(--color-border-hard)}.stl-hero-bg{position:absolute;inset:0;z-index:0}.stl-hero-bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(1.02) saturate(1.02)}.stl-hero-bg:after{content:"";position:absolute;inset:0;background:rgba(8,10,7,.8)}.stl-hero-in{position:relative;z-index:1;padding:56px 0 60px}.stl-hero-row{display:flex;align-items:center;gap:52px;margin-top:34px}.stl-hero-l{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.stl-h1{margin:18px 0 0;font-family:var(--font-pixel);font-weight:400;font-size:clamp(32px,3.2vw,54px);line-height:1.18;color:var(--color-text-primary)}.stl-sub{margin-top:22px;font-size:18px;line-height:1.8;color:var(--color-text-muted);max-width:46ch}.stl-cta-row{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:32px}.stl-btn{display:inline-flex;align-items:center;gap:9px;min-height:52px;padding:0 28px;font-size:16px;font-weight:900;cursor:pointer;background:var(--color-brand-primary);border:2px solid var(--color-border-hard);box-shadow:var(--shadow-hard);transition:transform .1s steps(2),box-shadow .1s steps(2)}.stl-btn,.stl-btn:hover{color:var(--color-text-on-brand)}.stl-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 rgba(0,0,0,.55)}.stl-btn:active{transform:translate(0);box-shadow:var(--shadow-hard-xs)}.stl-btn-ghost{min-height:48px;padding:0 22px;font-size:15px;color:var(--color-text-muted);background:var(--color-bg-card);box-shadow:var(--shadow-hard-sm)}.stl-btn-ghost:hover{color:var(--color-text-primary);box-shadow:5px 5px 0 rgba(0,0,0,.5)}.stl-perks{display:flex;flex-wrap:wrap;gap:9px 20px;margin-top:24px;font-size:13.5px;font-weight:700;color:#8A8A8A}.stl-perks>span{display:flex;align-items:center;gap:8px}.stl-perks>span:before{content:"";width:8px;height:8px;flex:none;background:var(--color-brand-primary);border:1px solid var(--color-border-hard)}.stl-demo{flex:0 0 880px;min-width:0;background:var(--color-bg-card);border:2px solid var(--color-border-hard);box-shadow:6px 6px 0 rgba(0,0,0,.55)}.stl-demo-bar{display:flex;align-items:center;flex-wrap:wrap;gap:11px;padding:12px 18px;background:#191919;border-bottom:2px solid var(--color-border-hard)}.stl-tag-now{font-size:11.5px;font-weight:900;padding:3px 8px;color:var(--color-text-on-brand);background:var(--color-brand-primary);border:1px solid var(--color-border-hard)}.stl-demo-bar strong{font-size:15px;font-weight:900;color:var(--color-text-primary)}.stl-demo-bar span{font-size:12.5px;font-weight:700;color:#8A8A8A}.stl-tag-ph{margin-left:auto;font-size:10px;font-weight:900;padding:2px 6px;color:var(--color-text-on-brand);background:var(--color-difficulty-expert-bg,#F0B429);border:1px solid var(--color-border-hard)}.stl-demo-body{display:flex;gap:2px;background:var(--color-border-hard)}.stl-canvas{position:relative;flex:1;min-width:0;height:430px;background-color:#141414;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 26px),repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 26px)}.stl-canvas-note{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:.1em;color:#4A4A4A;white-space:nowrap}.stl-hints{position:absolute;left:14px;bottom:14px;display:flex;flex-wrap:wrap;gap:8px}.stl-hint{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;font-size:11.5px;font-weight:800;color:var(--color-text-muted);background:rgba(20,20,20,.9);border:2px solid var(--color-border-hard)}.stl-hint svg{flex:none;color:var(--color-brand-primary)}.stl-mats{flex:0 0 268px;background:var(--color-bg-card);display:flex;flex-direction:column}.stl-mats-h{display:flex;align-items:center;gap:9px;padding:14px 16px 10px;border-bottom:2px solid var(--color-border-hard);font-size:13px;font-weight:900;color:var(--color-text-primary)}.stl-mats-h .stl-tag-ph{font-size:9.5px;padding:2px 5px}.stl-mats-l{padding:12px 16px;display:flex;flex-direction:column;gap:9px}.stl-mat{display:flex;align-items:center;gap:10px}.stl-mat i{width:20px;height:20px;flex:none;border:1px solid var(--color-border-hard)}.stl-mat span{font-size:13.5px;font-weight:800;color:var(--color-text-primary)}.stl-mats-note{margin-top:2px;font-size:12px;line-height:1.6;color:var(--color-text-disabled)}.stl-mats-nav{margin-top:auto;padding:14px 16px;border-top:2px solid var(--color-border-hard);display:flex;gap:9px}.stl-mats-nav>span{flex:1;text-align:center;padding:10px 0;font-size:12.5px;font-weight:900;color:var(--color-text-muted);background:var(--color-bg-inset);border:2px solid var(--color-border-hard);box-shadow:2px 2px 0 rgba(0,0,0,.4)}.stl-mats-nav>span:last-child{color:var(--color-text-on-brand);background:var(--color-brand-primary)}.stl-zone{padding:56px 0 54px;border-bottom:2px solid var(--color-border-hard)}.stl-zone:last-of-type{border-bottom:0}.stl-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;margin-top:28px}.stl-pick{display:flex;flex-direction:column;min-width:0;background:var(--color-bg-card);border:2px solid var(--color-border-hard);box-shadow:var(--shadow-hard);transition:transform .1s steps(2),box-shadow .1s steps(2),border-color .1s steps(2)}.stl-pick:hover{border-color:var(--color-brand-primary);transform:translate(-3px,-3px);box-shadow:7px 7px 0 rgba(0,0,0,.6)}.stl-pick-pic{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;border-bottom:2px solid var(--color-border-hard);background-color:#191919;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 26px),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 26px)}.stl-pick-pic img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;padding:8%;filter:drop-shadow(8px 9px 0 rgba(0,0,0,.28))}.stl-badge{position:absolute;left:10px;top:10px;z-index:2;font-size:11px;font-weight:900;padding:3px 8px;border:1px solid var(--color-border-hard);color:var(--color-text-on-brand);background:var(--color-brand-primary)}.stl-badge-dim{color:var(--color-text-primary);background:var(--color-bg-inset)}.stl-pick-bd{flex:1;display:flex;flex-direction:column;gap:11px;padding:17px 18px 18px}.stl-pick-h{font-size:20px;font-weight:900;line-height:1.3;color:var(--color-text-primary)}.stl-pick-d{font-size:13.5px;line-height:1.7;color:#8A8A8A}.stl-pick-n{font-size:13px;font-weight:700;color:var(--color-text-disabled)}.stl-pick-n b{font-family:var(--font-pixel);font-weight:400;font-size:16px;color:var(--color-text-primary)}.stl-pick-f{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:6px}.stl-pick-go{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 16px;font-size:13.5px;font-weight:900;color:var(--color-text-on-brand);background:var(--color-brand-primary);border:2px solid var(--color-border-hard);box-shadow:2px 2px 0 rgba(0,0,0,.4)}.stl-pick-by{font-size:12px;font-weight:700;color:var(--color-text-disabled)}.stl-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.stl-feat{display:flex;flex-direction:column;gap:12px;padding:22px 22px 24px;background:var(--color-bg-card);border:2px solid var(--color-border-hard);box-shadow:var(--shadow-hard)}.stl-feat-k{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:900;letter-spacing:.06em;color:var(--color-text-disabled)}.stl-feat-k b{font-family:var(--font-pixel);font-weight:400;font-size:15px;color:var(--color-brand-primary)}.stl-feat-h{font-size:21px;font-weight:900;line-height:1.35;color:var(--color-text-primary)}.stl-feat-d{font-size:14.5px;line-height:1.8;color:var(--color-text-muted)}.stl-cmp{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.stl-cmp-col{display:flex;flex-direction:column;gap:12px;padding:24px 24px 26px;background:#181818;border:2px solid var(--color-border-hard);box-shadow:var(--shadow-hard)}.stl-cmp-col.is-on{background:var(--color-bg-card);border-color:var(--color-brand-primary)}.stl-cmp-k{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:900;color:#8A8A8A}.stl-cmp-k:before{content:"";width:10px;height:10px;flex:none;background:#3E3E3E;border:1px solid var(--color-border-hard)}.stl-cmp-col.is-on .stl-cmp-k{color:var(--color-brand-primary)}.stl-cmp-col.is-on .stl-cmp-k:before{background:var(--color-brand-primary)}.stl-cmp-h{font-size:22px;font-weight:900;line-height:1.35;color:var(--color-text-muted)}.stl-cmp-col.is-on .stl-cmp-h{color:var(--color-text-primary)}.stl-cmp-d{font-size:15px;line-height:1.85;color:#8A8A8A}.stl-cmp-col.is-on .stl-cmp-d{color:var(--color-text-muted)}.stl-fb{display:flex;align-items:flex-start;flex-wrap:wrap;gap:24px;margin-top:28px}.stl-fb-main{flex:1 1 auto;min-width:0;padding:24px;background:var(--color-bg-card);border:2px solid var(--color-border-hard);box-shadow:var(--shadow-hard)}.stl-fb-q{font-size:19px;font-weight:900;line-height:1.45;color:var(--color-text-primary)}.stl-fb-hint{margin-top:8px;font-size:13.5px;font-weight:700;color:#8A8A8A}.stl-fb-opts{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.stl-fb-opt{flex:1 1 180px;min-height:52px;padding:14px 10px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:900;line-height:1.4;color:var(--color-text-muted);background:var(--color-bg-inset);border:2px solid var(--color-border-hard);box-shadow:var(--shadow-hard-sm);transition:transform .1s steps(2),box-shadow .1s steps(2)}.stl-fb-opt:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 rgba(0,0,0,.5)}.stl-fb-opt:active{transform:translate(1px,1px);box-shadow:1px 1px 0 rgba(0,0,0,.5)}.stl-fb-opt.is-on{color:var(--color-text-on-brand);background:var(--color-brand-primary)}.stl-fb-lab{margin-top:24px;font-size:14.5px;font-weight:900}.stl-fb-lab,.stl-fb-ta{color:var(--color-text-primary)}.stl-fb-ta{width:100%;min-height:112px;margin-top:11px;padding:13px 15px;resize:vertical;font-family:inherit;font-size:13.5px;line-height:1.7;background:#151515;border:2px solid var(--color-border-hard)}.stl-fb-ta::-moz-placeholder{color:#5E5E5E}.stl-fb-ta::placeholder{color:#5E5E5E}.stl-fb-ta:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:1px}.stl-fb-send{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:16px}.stl-fb-btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 24px;cursor:pointer;font-family:inherit;font-size:14.5px;font-weight:900;color:var(--color-text-on-brand);background:var(--color-brand-primary);border:2px solid var(--color-border-hard);box-shadow:var(--shadow-hard-sm);transition:transform .1s steps(2),box-shadow .1s steps(2)}.stl-fb-btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:5px 5px 0 rgba(0,0,0,.5)}.stl-fb-btn:disabled{opacity:.5;cursor:not-allowed}.stl-fb-note{font-size:12.5px;font-weight:700;line-height:1.6;color:var(--color-text-disabled)}.stl-fb-msg{margin-top:12px;font-size:13px;font-weight:800;line-height:1.6}.stl-fb-msg.is-ok{color:var(--color-brand-primary)}.stl-fb-msg.is-err{color:#E5484D}.stl-fb-side{flex:0 0 420px;min-width:0;padding:24px;background:#181818;border:2px solid var(--color-border-hard);box-shadow:var(--shadow-hard)}.stl-fb-side-h{font-size:16px;font-weight:900;color:var(--color-text-primary)}.stl-fb-side-d{margin-top:7px;font-size:13.5px;font-weight:700;color:#8A8A8A}.stl-fb-side-l{display:flex;flex-direction:column;gap:14px;margin-top:18px}.stl-fb-side-i{display:flex;align-items:flex-start;gap:11px;font-size:14.5px;line-height:1.7;color:var(--color-text-muted)}.stl-fb-side-i:before{content:"";width:8px;height:8px;flex:none;margin-top:8px;background:var(--color-brand-primary);border:1px solid var(--color-border-hard)}.stl-foot-bar{background:#0D0D0D;border-top:2px solid var(--color-border-hard)}.stl-foot{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:22px 0}.stl-foot>span{font-size:13px;font-weight:700;color:#8A8A8A}.stl-foot>span:last-child{margin-left:auto;font-size:12.5px;color:var(--color-text-disabled)}@media (max-width:1440px){.stl-demo{flex:0 0 620px}.stl-canvas{height:380px}.stl-hero-row{gap:34px}}@media (max-width:1180px){.stl-hero-row{flex-direction:column;align-items:stretch;gap:28px}.stl-demo{flex:0 0 auto;width:100%}.stl-sub{max-width:none}.stl-feats,.stl-picks{grid-template-columns:repeat(2,minmax(0,1fr))}.stl-fb-side{flex:1 1 320px}}@media (max-width:900px){.stl-cmp,.stl-feats,.stl-picks{grid-template-columns:minmax(0,1fr)}.stl-mats{flex:0 0 220px}}@media (max-width:767px){.stl-hero-in{padding:20px 0 24px}.stl-hero-row{margin-top:16px;gap:16px}.stl-h1{margin-top:11px;font-size:26px;line-height:1.28}.stl-sub{margin-top:12px;font-size:13.5px;line-height:1.8}.stl-cta-row{flex-direction:column;align-items:stretch;gap:9px;margin-top:16px}.stl-btn{justify-content:center;min-height:48px;font-size:14.5px}.stl-btn-ghost{min-height:46px;font-size:13.5px}.stl-perks{margin-top:14px;gap:7px 14px;font-size:11.5px}.stl-ey{font-size:10.5px;letter-spacing:.1em}.stl-h2{margin-top:10px;font-size:21px;line-height:1.25}.stl-lead{margin-top:10px;font-size:13px;line-height:1.75}.stl-zone{padding:22px 0}.stl-demo-body{flex-direction:column;gap:0}.stl-canvas{height:190px}.stl-canvas-note{font-size:10px}.stl-mats{flex:0 0 auto;border-top:2px solid var(--color-border-hard)}.stl-mats-l,.stl-mats-nav{padding:12px}.stl-feats,.stl-picks{gap:12px;margin-top:16px}.stl-pick-bd{gap:8px;padding:13px 14px 14px}.stl-pick-h{font-size:16px}.stl-pick-d{font-size:12.5px}.stl-feat{gap:7px;padding:14px}.stl-feat-h{font-size:15px}.stl-feat-d{font-size:12.5px;line-height:1.75}.stl-cmp{gap:10px;margin-top:14px}.stl-cmp-col{gap:7px;padding:14px}.stl-cmp-h{font-size:15px}.stl-cmp-d{font-size:12.5px;line-height:1.75}.stl-fb{gap:14px;margin-top:14px}.stl-fb-main,.stl-fb-side{flex:1 1 100%;padding:15px 14px}.stl-fb-q{font-size:14.5px}.stl-fb-opts{flex-direction:column;gap:9px}.stl-fb-opt{flex:none;text-align:left;padding:12px 14px;font-size:13px}.stl-fb-ta{min-height:92px;font-size:12px}.stl-fb-send{flex-direction:column;align-items:stretch;gap:9px}.stl-fb-btn{justify-content:center}.stl-foot{padding:16px 0 22px}.stl-foot>span:last-child{margin-left:0}}.stb-slot{flex:0 1 clamp(528px,48.4vw,726px);align-self:center}.stb-card,.stb-slot{min-width:0;display:flex}.stb-card{flex:1;flex-direction:column;overflow:hidden;background:var(--color-bg-card);border:2px solid var(--color-border-hard);box-shadow:var(--shadow-hard);transition:transform .1s steps(2),box-shadow .1s steps(2),border-color .1s steps(2)}.stb-card:hover{border-color:var(--color-brand-primary);transform:translate(-3px,-3px);box-shadow:7px 7px 0 rgba(0,0,0,.6)}.stb-bar{display:flex;align-items:center;gap:8px;padding:9px 14px;background:var(--color-brand-primary);border-bottom:2px solid var(--color-border-hard)}.stb-bar:before{content:"";width:9px;height:9px;flex:none;background:var(--color-text-on-brand)}.stb-bar b{font-size:12px;letter-spacing:.1em}.stb-bar b,.stb-bar span{font-weight:900;color:var(--color-text-on-brand)}.stb-bar span{margin-left:auto;font-size:11px}.stb-body{display:flex;align-items:stretch;gap:2px;background:var(--color-border-hard)}.stb-pv{position:relative;flex:0 0 216px;display:flex;flex-direction:column;justify-content:space-between;padding:10px;background-color:#141414;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 18px),repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 18px)}.stb-pv-tag{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:900;padding:2px 6px;color:var(--color-text-on-brand);background:var(--color-brand-primary);border:1px solid var(--color-border-hard)}.stb-pv-ph{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.08em;color:#4A4A4A;white-space:nowrap}.stb-pv-step{display:flex;flex-direction:column;gap:3px}.stb-pv-step b{font-size:13.5px;font-weight:900;line-height:1.3;color:var(--color-text-primary)}.stb-pv-step span{font-size:11px;font-weight:700;color:#8A8A8A}.stb-bd{flex:1;min-width:0;display:flex;flex-direction:column;padding:14px 16px 13px;background:var(--color-bg-card)}.stb-h{font-size:21px;font-weight:900;line-height:1.3;color:var(--color-text-primary)}.stb-d{margin-top:9px;font-size:12.5px;line-height:1.65;color:var(--color-text-muted)}.stb-acts{margin-top:auto;padding-top:13px;display:flex;gap:11px}.stb-acts,.stb-go{align-items:center}.stb-go{display:inline-flex;gap:7px;min-height:40px;padding:0 15px;font-size:13.5px;font-weight:900;white-space:nowrap;color:var(--color-text-on-brand);background:var(--color-brand-primary);border:2px solid var(--color-border-hard);box-shadow:2px 2px 0 rgba(0,0,0,.4)}@media (max-width:1100px){.stb-slot{flex:0 0 auto;width:100%;align-self:stretch}.stb-pv{flex:0 0 132px}.stb-pv-ph{display:none}.stb-h{font-size:17px}}@media (max-width:560px){.stb-body{flex-direction:column}.stb-pv{flex:0 0 auto;height:104px}.stb-bd{padding:13px 14px}.stb-acts{flex-direction:column;align-items:stretch}.stb-go{justify-content:center;min-height:44px}}.stp-page{padding-bottom:40px}.stp-crumb{padding:20px 0 14px}.stp-crumb a:hover{color:var(--color-text-muted)}.stp-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.stp-title h1{margin:0;font-size:26px;font-weight:900;line-height:1.2}.stp-title p{margin:8px 0 0;font-size:13px;font-weight:700;color:var(--color-text-disabled)}.stp-title p b{font-family:var(--font-pixel);font-weight:400;font-size:16px;color:var(--color-text-primary)}.stp-flag{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;font-size:11px;font-weight:900;letter-spacing:.04em;color:var(--color-text-on-brand);background:#F0B429;border:2px solid var(--color-border-hard);box-shadow:2px 2px 0 rgba(0,0,0,.5)}.stp-wrap{display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:22px;align-items:stretch;height:clamp(620px,calc(100vh - 240px),900px)}.stp-stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:rgb(23 23 23);border:2px solid var(--color-border-hard);box-shadow:var(--shadow-hard)}.stp-canvas-loading{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;font-weight:800;color:var(--color-text-disabled)}.stp-now{position:absolute;left:16px;top:16px;z-index:9;max-width:330px;padding:12px 14px;background:rgba(17,17,17,.94);border:2px solid var(--color-border-hard);box-shadow:var(--shadow-hard)}.stp-now-ey{display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:900;letter-spacing:.12em;color:var(--color-brand-primary);text-transform:uppercase}.stp-now-ey:before{content:"";width:7px;height:7px;background:var(--color-brand-primary);border:1px solid var(--color-border-hard)}.stp-now-h{font-size:16px;font-weight:900;margin-top:6px}.stp-now-p{font-size:12px;font-weight:600;color:var(--color-text-muted);line-height:1.6;margin-top:6px}.stp-now-p-dim{color:var(--color-text-disabled)}.stp-bar{position:absolute;left:16px;right:16px;bottom:16px;z-index:8;min-height:68px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 14px;background:var(--color-bg-card);box-shadow:var(--shadow-hard)}.stp-bar,.stp-btn{border:2px solid var(--color-border-hard)}.stp-btn{min-height:40px;padding:0 12px;flex:none;cursor:pointer;font-family:inherit;font-size:13px;font-weight:900;color:var(--color-text-muted);background:var(--color-bg-inset);box-shadow:2px 2px 0 rgba(0,0,0,.5)}.stp-btn:hover:not(:disabled){color:var(--color-text-primary)}.stp-btn:disabled{opacity:.35;cursor:not-allowed}.stp-btn-play{width:44px;padding:0;color:var(--color-text-on-brand);background:var(--color-brand-primary)}.stp-range{flex:1;min-width:120px;height:24px;cursor:pointer;accent-color:var(--color-brand-primary)}.stp-read{flex:none;min-width:96px;text-align:right;font-size:12px;font-weight:900;color:var(--color-text-muted)}.stp-read b{color:var(--color-brand-primary);font-size:15px}.stp-side{min-width:0;min-height:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.stp-card{flex:none;background:var(--color-bg-card);border:2px solid var(--color-border-hard);box-shadow:var(--shadow-hard)}.stp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px}.stp-head>div{display:flex;flex-direction:column;gap:5px}.stp-head>div>span{font-size:11px;font-weight:900;letter-spacing:.1em;color:var(--color-text-disabled)}.stp-head strong{font-size:28px;font-weight:900;line-height:1;color:var(--color-brand-primary)}.stp-head-r{align-items:flex-end}.stp-chip{padding:5px 9px;color:var(--color-text-on-brand);background:var(--color-brand-primary);border:2px solid var(--color-border-hard);text-align:right}.stp-chip,.stp-chip-n{font-size:11px;font-weight:900}.stp-chip-n{color:var(--color-text-disabled);letter-spacing:.04em}.stp-progress{flex:none;height:13px;overflow:hidden;background:var(--color-bg-deep);border:2px solid var(--color-border-hard)}.stp-progress span{display:block;height:100%;background:var(--color-brand-primary);transition:width .2s steps(4)}.stp-copy{display:flex;flex-direction:column;gap:5px;padding:13px 15px}.stp-copy b{font-size:15px;font-weight:900}.stp-copy span{font-size:12px;font-weight:700;line-height:1.65;color:var(--color-text-muted)}.stp-copy .stp-dim{color:var(--color-text-disabled)}.stp-acts{flex:none;display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px}.stp-acts>button{min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;font-family:inherit;font-size:11px;font-weight:900;color:var(--color-text-muted);background:var(--color-bg-inset);border:2px solid var(--color-border-hard);box-shadow:var(--shadow-hard-sm)}.stp-acts>button:last-child{color:var(--color-text-on-brand);background:var(--color-brand-primary)}.stp-acts>button:last-child b{font-size:16px}.stp-acts>button:last-child span{font-size:10px;opacity:.72;max-width:100%;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stp-acts>button:disabled{opacity:.35;cursor:not-allowed}.stp-mats{padding:14px 16px 16px}.stp-mats-h{display:flex;align-items:baseline;justify-content:space-between;font-size:11px;font-weight:900;letter-spacing:.1em;color:var(--color-text-disabled)}.stp-mats-h b{font-size:13px;letter-spacing:0;color:var(--color-brand-primary)}.stp-mats-l{display:flex;flex-direction:column;gap:7px;margin-top:11px}.stp-mat{display:flex;align-items:center;gap:10px;padding:7px 9px;background:var(--color-bg-inset);border:2px solid var(--color-border-hard)}.stp-mat-n{flex:1;min-width:0;font-size:12.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stp-mat strong{font-size:13px;font-weight:900;color:var(--color-brand-primary)}.stp-mats-empty{margin-top:10px;font-size:12px;font-weight:700;color:var(--color-text-disabled)}.stp-chaps{padding:14px 16px 16px}.stp-chap-l{display:flex;flex-direction:column;gap:6px;margin-top:11px}.stp-chap{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;cursor:pointer;text-align:left;font-family:inherit;color:inherit;background:var(--color-bg-inset);border:2px solid var(--color-border-hard)}.stp-chap i{width:9px;height:9px;flex:none;background:var(--color-bg-deep);border:1px solid var(--color-border-hard)}.stp-chap.is-done i{background:var(--color-brand-primary-dark)}.stp-chap.is-on{border-color:var(--color-brand-primary)}.stp-chap.is-on i{background:var(--color-brand-primary)}.stp-chap span{flex:1;min-width:0;font-size:12.5px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stp-chap em{flex:none;font-style:normal;font-size:11px;font-weight:900;color:var(--color-text-disabled)}.stp-chap.is-on em{color:var(--color-brand-primary)}.stp-fail{padding:40px 0;font-size:14px;font-weight:800;color:var(--color-text-muted)}.stp-fail a{margin-left:10px}.stp-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:22px;padding:18px 0;border-top:2px solid var(--color-border-hard)}.stp-foot>span{font-size:13px;font-weight:700;color:var(--color-text-disabled)}.stp-foot-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;font-size:13.5px;font-weight:900;color:var(--color-text-on-brand);background:var(--color-brand-primary);border:2px solid var(--color-border-hard);box-shadow:var(--shadow-hard-sm)}@media (max-width:1100px){.stp-wrap{grid-template-columns:minmax(0,1fr);height:auto}.stp-stage{height:60vh;min-height:420px}.stp-side{overflow:visible}}@media (max-width:767px){.stp-title h1{font-size:20px}.stp-stage{height:52vh;min-height:320px}.stp-now{top:12px;max-width:none}.stp-bar,.stp-now{left:12px;right:12px}.stp-bar{bottom:12px;padding:10px;gap:8px}.stp-btn{min-height:44px}.stp-read{min-width:0}.stp-acts>button{min-height:52px}}