body.v1834-pm-skin .tab-btn[data-screen="online-lab"]::before{content:"Q";}#online-lab .panel-body{padding:12px;min-height:620px;}.v201012-shell{display:grid;gap:12px;max-width:1220px;margin:auto;}.v201012-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:14px;padding:16px;border:1px solid #5fc4ff44;border-radius:16px;background:radial-gradient(circle at 85% 18%,#368bff38,transparent 31%),linear-gradient(135deg,#172638,#0a121c 62%,#071921);box-shadow:0 12px 30px #0005;}.v201012-hero:after{content:"ONLINE QA";position:absolute;right:18px;bottom:7px;color:#ffffff0e;font-size:40px;font-weight:1000;}.v201012-hero small{color:#7edaff;font-size:10px;font-weight:1000;letter-spacing:.15em;}.v201012-hero h2{margin:5px 0 4px;font-size:24px;}.v201012-hero p{max-width:720px;margin:0;color:#afbdcf;font-size:12px;line-height:1.55;}.v201012-engine{flex:0 0 auto;min-width:205px;padding:10px 12px;border:1px solid #ffffff1f;border-radius:12px;background:#0004;text-align:right;}.v201012-engine small{color:#8fa2b9;}.v201012-engine b{display:block;margin-top:3px;color:#bdeaff;font-size:13px;}.v201012-engine span{display:block;margin-top:4px;color:#9ba9bc;font-size:10px;}.v201012-live,.v201012-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;}.v201012-live-card,.v201012-kpi{min-height:72px;padding:9px;border:1px solid #ffffff1a;border-radius:12px;background:linear-gradient(180deg,#ffffff0e,#0003);display:flex;flex-direction:column;justify-content:center;text-align:center;}.v201012-live-card small,.v201012-kpi small{color:#91a2b7;font-size:9px;font-weight:900;}.v201012-live-card b,.v201012-kpi b{margin-top:4px;color:#eaf5ff;font-size:17px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.v201012-live-card span,.v201012-kpi span{margin-top:4px;color:#8f9eb2;font-size:8px;}.v201012-live-card.good b,.v201012-kpi.good b{color:#7fe3a5;}.v201012-live-card.warn b,.v201012-kpi.warn b{color:#ffd16a;}.v201012-live-card.bad b,.v201012-kpi.bad b{color:#ff8989;}.v201012-note{padding:10px 11px;border-left:4px solid #3f95d5;border-radius:9px;background:#3f95d517;color:#b8c8dc;font-size:11px;line-height:1.5;}.v201012-note.warn{border-left-color:#d39c38;background:#d39c3817;color:#ffe0a0;}.v201012-controls{display:grid;grid-template-columns:1.2fr 1fr auto auto;gap:8px;align-items:end;padding:12px;border:1px solid #ffffff1c;border-radius:14px;background:linear-gradient(180deg,#ffffff0d,#0003);}.v201012-field{display:grid;gap:4px;}.v201012-field label{color:#98a8bb;font-size:10px;font-weight:900;}.v201012-field select{width:100%;min-height:39px;border:1px solid #ffffff24;border-radius:9px;background:#0c1623;color:#edf5ff;padding:7px 9px;font-size:12px;font-weight:850;}.v201012-controls button,.v201012-actions button,.v201012-entry button{min-height:39px;padding:8px 13px;border:1px solid #ffffff26;border-radius:9px;background:linear-gradient(180deg,#334258,#17212d);color:#fff;font-size:12px;font-weight:1000;cursor:pointer;}.v201012-controls button.primary,.v201012-actions button.primary,.v201012-entry button{border-color:#5bc1ff6b;background:linear-gradient(180deg,#176c9c,#0b3d61);color:#dff5ff;}.v201012-controls button:disabled{opacity:.4;}.v201012-progress-wrap{display:none;padding:11px 12px;border:1px solid #66aeff38;border-radius:13px;background:#0a1f3a75;}.v201012-progress-wrap.active{display:block;}.v201012-progress-head{display:flex;justify-content:space-between;color:#dcecff;font-size:11px;font-weight:900;}.v201012-progress{height:10px;margin-top:7px;border:1px solid #ffffff1c;border-radius:999px;background:#080e16;overflow:hidden;}.v201012-progress i{display:block;height:100%;width:var(--p);background:linear-gradient(90deg,#337fd7,#58d6ff,#7ee4a2);}.v201012-progress-note{margin-top:6px;color:#91a4bd;font-size:10px;}.v201012-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}.v201012-card{min-width:0;padding:12px;border:1px solid #ffffff1c;border-radius:14px;background:linear-gradient(180deg,#ffffff0b,#0003);}.v201012-card.full{grid-column:1/-1;}.v201012-card-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:9px;}.v201012-card-head h3{margin:0;font-size:15px;}.v201012-card-head p{margin:3px 0 0;color:#95a3b6;font-size:10px;}.v201012-chip{padding:4px 7px;border-radius:999px;border:1px solid #5bc1ff40;background:#5bc1ff14;color:#bdeaff;font-size:9px;font-weight:1000;}.v201012-tests{display:grid;gap:6px;}.v201012-test{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:start;padding:9px;border:1px solid #ffffff14;border-radius:10px;background:#0003;}.v201012-test i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#165a38;color:#8ff0b8;font-style:normal;font-weight:1000;}.v201012-test.fail i{background:#641f28;color:#ff9ca4;}.v201012-test.warn i{background:#664710;color:#ffd77c;}.v201012-test b{display:block;font-size:11px;}.v201012-test span{display:block;margin-top:2px;color:#9caabd;font-size:9px;line-height:1.42;}.v201012-test em{font-style:normal;color:#91a2b7;font-size:9px;white-space:nowrap;}.v201012-table-wrap{overflow:auto;border:1px solid #ffffff14;border-radius:10px;}.v201012-table{width:100%;min-width:720px;border-collapse:collapse;font-size:10px;}.v201012-table th{padding:7px;background:#101a29;color:#9dabbd;text-align:right;}.v201012-table th:first-child,.v201012-table td:first-child{text-align:left;}.v201012-table td{padding:8px 7px;border-top:1px solid #ffffff12;color:#dbe5f2;text-align:right;}.v201012-table .pass{color:#7ee4a2;font-weight:1000;}.v201012-table .fail{color:#ff9696;font-weight:1000;}.v201012-actions{display:flex;justify-content:flex-end;gap:7px;}.v201012-empty{padding:28px 12px;text-align:center;border:1px dashed #ffffff26;border-radius:13px;color:#91a0b4;font-size:12px;line-height:1.6;}.v201012-entry{margin:12px 0;padding:12px;border:1px solid #5bc1ff2e;border-radius:14px;background:linear-gradient(135deg,#2669a12e,#0c38571f);display:flex;align-items:center;justify-content:space-between;gap:12px;}.v201012-entry h3{margin:0;color:#dff5ff;font-size:15px;}.v201012-entry p{margin:4px 0 0;color:#a8b8ca;font-size:10px;}.v201012-submit-guard{position:relative;}.v201012-submit-guard:after{content:"전송 중";position:absolute;inset:0;display:grid;place-items:center;border-radius:inherit;background:#071622e6;color:#bdeaff;font-size:10px;font-weight:1000;}@media(max-width:900px){.v201012-live,.v201012-summary{grid-template-columns:repeat(3,1fr);}.v201012-grid{grid-template-columns:1fr;}.v201012-card.full{grid-column:auto;}.v201012-controls{grid-template-columns:repeat(2,1fr);}}@media(max-width:620px){#online-lab .panel-body{padding:7px;}.v201012-hero{display:block;padding:12px;}.v201012-hero h2{font-size:20px;}.v201012-engine{min-width:0;margin-top:10px;text-align:left;}.v201012-live,.v201012-summary{grid-template-columns:repeat(2,1fr);}.v201012-controls{grid-template-columns:1fr 1fr;padding:8px;}.v201012-field:first-child{grid-column:1/-1;}.v201012-entry{display:block;}.v201012-entry button{width:100%;margin-top:9px;}.v201012-test{grid-template-columns:22px 1fr;}.v201012-test em{grid-column:2;}}