.test-body{margin:0;background:#f5f7fb}.test-header{margin:0;padding:0 max(24px,calc((100vw - 1240px)/2));position:sticky}.test-header a.common-brand{text-decoration:none;color:inherit}.test-main{max-width:1240px;margin:auto;padding:38px 24px 70px}.test-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px}.test-title h1{font-size:40px}.test-title p{color:#6f7c91;margin:9px 0 0}.wizard-layout{display:grid;grid-template-columns:245px 1fr;gap:20px}.wizard-nav{padding:10px;height:max-content;display:grid;gap:5px}.wizard-nav button{border:0;text-align:left;display:grid;grid-template-columns:32px 1fr;column-gap:10px;padding:13px;background:transparent}.wizard-nav button>span{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#f0f2f7;color:#66738b;font-weight:800}.wizard-nav b,.wizard-nav small{display:block}.wizard-nav b{font-size:12px}.wizard-nav small{font-size:10px;color:#8994a6;margin-top:2px}.wizard-nav button.active{background:#eef0ff;color:#4d4bcc}.wizard-nav button.active>span{background:#635bff;color:#fff}.wizard-panel{padding:28px;min-height:620px}.step-view{display:none}.step-view.active{display:block}.section-kicker{font-size:10px;letter-spacing:.16em;color:#7b88a0;font-weight:800;margin-bottom:12px}.server-card{padding:18px;border-radius:14px;background:linear-gradient(135deg,#111d39,#25396d);color:#fff;margin:22px 0}.server-card span,.server-card strong,.server-card small{display:block}.server-card span{font-size:9px;letter-spacing:.14em;color:#8fa4d0}.server-card strong{font:700 22px 'Space Grotesk';margin:7px 0}.server-card small{color:#aebcda}.device-table{border:1px solid #e4e8ef;border-radius:13px;overflow:hidden;margin:18px 0}.device-row{display:grid;grid-template-columns:1.4fr 1fr 110px;align-items:center;gap:10px;padding:14px;border-bottom:1px solid #edf0f4;font-size:12px}.device-row:last-child{border:0}.device-row.head{background:#f8f9fc;color:#8994a5;font-size:9px;font-weight:800;letter-spacing:.1em}.state{justify-self:start;padding:6px 8px;border-radius:99px;font-size:9px}.state.waiting{background:#fff3da;color:#9a651c}.state.ok{background:#e8f8f2;color:#118061}.test-warning{display:flex;gap:10px;padding:13px;border-radius:11px;background:#fff6e5;border:1px solid #f5dfae;color:#754f16;font-size:11px;line-height:1.45;margin:14px 0}.approval-note{margin:16px 0;padding:14px;border-left:3px solid #1aaa7d;background:#edfaf6;font-size:12px;color:#245b4c}.approval-note b,.approval-note span{display:block}.approval-note p{margin:5px 0 0}.next{margin-top:14px}.checklist{list-style:none;margin:22px 0;padding:0;display:grid;gap:17px}.checklist li{display:flex;gap:13px}.checklist li>span{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:#eef0ff;color:#5c59d8;font-weight:800;font-size:12px}.checklist b,.checklist p{display:block}.checklist p{margin:3px 0;color:#7b879a;font-size:12px;line-height:1.45}.pair-card{display:flex;align-items:center;gap:14px;padding:14px;background:#f7f8fc;border-radius:12px;margin:18px 0}.pair-card label{font-size:11px;color:#7b879b}.pair-card strong{font:700 25px ui-monospace,monospace;letter-spacing:.2em}.pair-card button{margin-left:auto}.url-box{display:grid;grid-template-columns:1fr auto;gap:5px;background:#121c34;color:#dbe6ff;border-radius:12px;padding:13px;margin:15px 0}.url-box span{grid-column:1/-1;color:#7f91b8;font-size:9px;letter-spacing:.14em}.url-box code{font-size:11px;overflow:hidden;text-overflow:ellipsis}.url-box button{background:#253459;color:#fff;border:0;padding:6px 9px}.qr-placeholder{text-align:center;padding:36px;border:1px dashed #cdd4df;border-radius:14px;color:#65728a}.qr-placeholder b,.qr-placeholder span{display:block}.qr-placeholder span{font-size:11px;margin-top:5px}.creative-stage{aspect-ratio:16/9;background:#0b1530;border-radius:15px;padding:8px;overflow:hidden}.creative-stage img{width:100%;height:100%;display:block;object-fit:contain;border-radius:9px}.remote-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.scope-items{display:flex;flex-wrap:wrap;gap:8px}.scope-items span{padding:8px 10px;border-radius:99px;background:#edf9f4;color:#14765c;font-size:11px;font-weight:700}.scope-items .not{background:#f2f3f6;color:#737d8f}.results{margin:25px 0}.controller-body{margin:0;background:#f4f6fa}.controller{max-width:520px;min-height:100vh;margin:auto;padding:25px 18px}.controller .common-brand{margin-bottom:18px}.controller h1{font-size:34px}.controller select{width:100%;margin:13px 0}.remote-play{width:100%;padding:15px;background:#635bff;color:#fff;border:0}.controller .remote-grid{grid-template-columns:repeat(4,1fr);margin-top:9px}.controller .remote-grid button{min-height:50px}@media(max-width:800px){.wizard-layout{grid-template-columns:1fr}.wizard-nav{grid-template-columns:repeat(5,1fr);position:sticky;top:64px;z-index:5}.wizard-nav button{display:block;text-align:center;padding:9px}.wizard-nav button>span{margin:auto}.wizard-nav b{margin-top:5px}.wizard-nav small{display:none}.remote-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.test-main{padding:26px 14px}.test-title{display:block}.test-title .badge{display:inline-block;margin-top:14px}.test-header{padding:0 14px}.wizard-panel{padding:18px}.device-row{grid-template-columns:1fr}.device-row.head{display:none}.device-row code,.device-row .state{margin-left:0}.wizard-nav{overflow:auto}.wizard-nav button{min-width:58px}.test-warning{display:block}}