:root{--bg:#0a1019;--ink:#d8e2e7;--light:#f1f7f4;--muted:#84959f;--dark:#0e1925;--panel:#111f2d;--line:#2b3c48;--gold:#efb865;--mint:#64d5bc;--lilac:#98a9f2;--bad:#ee8e88}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','Noto Sans KR',system-ui,sans-serif;line-height:1.65;font-size:13px}button{color:inherit;font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--mint);outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}::selection{background:#177963;color:#fff}
.header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);background:#0b1420}.brand{display:flex;align-items:center;gap:13px}.brandLogo{height:42px;width:42px;border:1px solid #a3c2bf;color:#c8f0e7;font-weight:800;font-size:25px;letter-spacing:-.16em;display:flex;align-items:center;justify-content:center;line-height:1}.brandLogo span{color:#8ba0a5;font-size:18px;margin-left:2px}.brand strong{font-size:15px;display:block;font-weight:800;letter-spacing:.075em;line-height:1.2}.brand small{font-size:9px;color:#789195;letter-spacing:.15em}.headRight{display:flex;gap:9px;align-items:center;color:#92a8b1;font-size:10px;letter-spacing:.08em}.liveDot{width:7px;height:7px;background:#6dd8bf;box-shadow:0 0 12px #61cdb27a;border-radius:100%;display:inline-block}.headRev{color:#5d757b;margin-left:20px}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:.13em;color:#7eacac}.rulebar{height:1px;width:22px;display:inline-block;background:#5bafa3;vertical-align:middle;margin-right:4px}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:37px 37px 39px;gap:32px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 30%,#122d35 0%,#0a1019 57%)}.intro h1{font-size:37px;letter-spacing:-.065em;line-height:1.36;margin:11px 0 13px;color:#e8efec;font-weight:700}.intro h1 em,.qaHeader h2 em{font-weight:500;font-style:normal;color:#78cbbd}.intro p{color:#91a7af;max-width:660px;margin:0;font-size:12px;line-height:1.9}.introStat{text-align:right;flex:none;color:#9babb1}.introStat strong{font-size:50px;font-weight:400;color:#e7efed;line-height:1;display:block}.introStat strong span{font-size:11px;font-weight:800;margin-left:8px;color:#85b0ae}.introStat>div{font-size:9px;letter-spacing:.16em;margin-top:12px}.introStat i{width:3px;height:3px;display:inline-block;background:#6c898d;vertical-align:middle;margin:0 5px;border-radius:50%}
.workspace{display:grid;grid-template-columns:252px minmax(380px,1fr) 357px;min-height:840px;border-bottom:1px solid var(--line)}.sidebar{display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--line);background:#0d1823}.asideHead{display:flex;justify-content:space-between;align-items:center;padding:20px 21px 13px;gap:10px}.asideCount{font-size:10px;color:#587b82}.layerFilters{display:flex;gap:5px;padding:0 13px 17px;flex-wrap:wrap}.filter{border:1px solid #30434d;border-radius:2px;background:none;padding:7px 10px;font-size:10px;transition:background .15s;display:flex;align-items:center;gap:5px}.filter:hover{background:#162d3a}.filter.active{background:#2b3f4d;border-color:#7a9a9d}.smallDot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:2px;flex:none}.smallDot.gold{background:var(--gold)}.smallDot.teal{background:var(--mint)}.smallDot.lilac{background:var(--lilac)}.nodeList{overflow-y:auto;max-height:660px;scrollbar-color:#2d4b55 transparent}.nodeItem{display:flex;gap:11px;text-align:left;width:100%;padding:10px 18px;background:transparent;border:0;border-bottom:1px solid #1c2d39;border-left:3px solid transparent;align-items:center}.nodeItem:hover{background:#152a34}.nodeItem.active{border-left-color:#85d5bf;background:#173036}.nodeNo{font-size:11px;color:#759096;font-weight:700;width:21px}.nodeLabel{flex:1;min-width:0}.nodeLabel strong{display:block;font-size:12px;font-weight:700;line-height:1.3}.nodeLabel small{display:block;font-size:9px;color:#6e9297;margin-top:3px}.asideFoot{border-top:1px solid var(--line);padding:17px 18px;margin-top:auto;display:flex;align-items:flex-start;gap:6px;font-size:10px;color:#839da1}
.centerPanel{min-width:0;background:#0b1520}.panelTop{height:85px;display:flex;align-items:center;justify-content:space-between;padding:19px 25px;gap:10px}.panelTop h2{font-size:17px;letter-spacing:-.03em;color:#e3eeea;margin:4px 0 0}.renderState{font-size:10px;color:#99b0ae;display:flex;align-items:center;gap:8px;white-space:nowrap}.sceneBox{height:530px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 55%,#142e38 0%,#101f2f 39%,#0c1521 80%);touch-action:none}.scene{position:absolute;inset:0}.scene canvas{display:block;width:100%;height:100%;touch-action:none}.sceneOverlayTop{position:absolute;top:18px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;gap:12px}.sceneBadge{font-size:10px;padding:7px 10px;background:#091622a6;border:1px solid #314b52;display:flex;gap:6px;align-items:center;color:#aac0bb;white-space:nowrap}.angleLabel{font-size:9px;letter-spacing:.12em;color:#5e9494}.sceneLabel{position:absolute;top:70px;left:22px;font-weight:800;font-size:70px;letter-spacing:-.11em;color:#1b4250;line-height:.9;pointer-events:none;opacity:.75}.sceneLabel span{color:#1b5150}.sceneLabel small{display:block;font-size:9px;color:#517e83;letter-spacing:.13em;margin-top:12px}.sceneFoot{position:absolute;left:22px;right:22px;bottom:18px;pointer-events:none;color:#78969b;font-size:9px;letter-spacing:.06em;display:flex;justify-content:space-between;gap:8px}.hoverLabel{position:absolute;z-index:5;padding:7px 11px;background:#eaf4e9;color:#17393d;font-size:10px;font-weight:700;pointer-events:none;white-space:nowrap;border-radius:3px;box-shadow:0 5px 14px #0004}.noWebgl{position:absolute;inset:25% 12%;z-index:8;padding:24px;color:#e8d8bd;border:1px solid #b28c5e;background:#20303c;font-size:13px;line-height:1.9}.panelControls{padding:13px 19px;display:flex;justify-content:space-between;gap:8px;align-items:center;border-bottom:1px solid var(--line)}.controls{display:flex;gap:7px;flex-wrap:wrap}.ctrl{padding:10px 13px;font-size:11px;font-weight:700;background:#152836;border:1px solid #35505a;border-radius:3px;min-height:36px}.ctrl:hover{background:#254250}.ctrl.primary{background:#bbdfd3;color:#162f2d;border-color:#bbdfd3}.ctrl.primary:hover{background:#d7ebe0}.ctrl[aria-pressed=true]{border-color:#f0ba78;box-shadow:inset 0 0 0 1px #c69452}.controlHelp{font-size:9px;color:#557b86;white-space:nowrap}.pathPanel{padding:20px 22px 26px}.pathHead{display:flex;justify-content:space-between}.pathHead>span:last-child{font-size:11px;color:#77969a}.pathBtns{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.pathBtn{background:transparent;border:1px solid #30444e;border-radius:3px;font-size:10px;padding:7px 10px}.pathBtn:hover{background:#25424c}.pathBtn.active{background:#327e76;color:white;border-color:#57a698}.pathSummary{background:#102330;border:1px solid #2b424b;padding:12px 14px;border-radius:4px}.pathSummary strong{font-size:12px}.pathSummary p{font-size:11px;line-height:1.65;color:#9bb4b2;margin:5px 0 10px}.pathTrace{display:flex;gap:7px;flex-wrap:wrap}.pathStage{font-size:9px;padding:4px 7px;border:1px solid #3e5d65;color:#a0c5c2;border-radius:2px;cursor:pointer}.pathStage.active{background:#7cc6b5;color:#123532;border-color:#7cc6b5}
.detail{background:#111d29;border-left:1px solid var(--line);padding:0 23px 25px;min-width:0;overflow-y:auto;max-height:1130px;scrollbar-color:#36535c transparent}.detail .asideHead{padding:21px 0 10px}.partNum{font:21px Georgia,serif;color:#718d94}.layerPill{display:inline-block;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.075em;margin-top:16px;background:#473824;color:#efbd7c}.layerPill.model{background:#313a60;color:#bbc8ff}.layerPill.runtime{background:#173f3c;color:#91e1ca}.detail>h2{font-size:27px;letter-spacing:-.06em;line-height:1.3;margin:17px 0 6px}.detailEn{font:italic 15px Georgia,serif;color:#799aa0;margin-bottom:20px}.principle{border-top:1px solid #54716e;border-bottom:1px solid #365453;background:#132e31;padding:15px 15px;margin:0 -2px 15px}.principle span{font-size:10px;font-weight:800;letter-spacing:.02em;color:#8ad4bd}.principle p{font-size:12px;font-weight:700;line-height:1.7;margin:8px 0 0;color:#d0ebe1;word-break:keep-all}.detailSec{display:flex;gap:15px;border-bottom:1px solid #263c49;padding:12px 0}.detailIndex{color:#69999b;font-size:10px;font-weight:700;min-width:21px}.detailSec h3{margin:0 0 5px;font-size:12px;color:#d9e4e3}.detailSec p{font-size:11px;color:#9eb0b4;line-height:1.8;margin:0;word-break:keep-all}.metric{display:inline-block;font-size:10px;color:#91d8c3;margin-top:11px}.artifact{background:#0e1b27;border:1px solid #33535d;padding:12px 14px;margin-top:18px}.artifact strong{display:block;color:#b4e0d5;font-size:12px;word-break:break-word;margin:8px 0}.artifact pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0a151e;border:1px solid #253743;color:#8ec0b6;padding:12px;font:10px/1.65 Consolas,ui-monospace,monospace;margin:0}.inspectorLink{margin-top:18px;padding-bottom:8px;border-bottom:1px solid #4d8981;display:flex;justify-content:space-between;font-size:11px;color:#9ed8c9;font-weight:700}
.qaSection{padding:80px 7vw 84px;background:#e8eee8;color:#1a3035}.qaHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.qaHeader .eyebrow{color:#377c75}.qaHeader h2{font-size:40px;letter-spacing:-.065em;line-height:1.27;margin:18px 0 0}.qaHeader h2 em{color:#3a9686}.qaHeader p{font-size:12px;line-height:1.8;color:#587578;max-width:370px}.qaGrid{display:grid;grid-template-columns:260px 1fr;margin-top:30px;border:1px solid #b5cac5}.qaCases{padding:20px 0;border-right:1px solid #b5cac5}.qaCases>.eyebrow{padding:0 19px}.caseButton{width:100%;display:block;text-align:left;background:transparent;border:0;border-bottom:1px solid #cedad5;padding:14px 20px;color:#3a4f52}.caseButton b{display:block;font-size:12px}.caseButton small{display:block;color:#809a98;font-size:10px;margin:5px 0}.caseButton.active{border-left:3px solid #348976;background:#d8e8df;padding-left:17px}.qaConsole{padding:26px 28px}.qaMeta{display:flex;justify-content:space-between;gap:10px}.qaMeta>span:last-child{font-size:10px;color:#597e75}.qaConsole h3{font-size:24px;margin:16px 0 7px;letter-spacing:-.04em}.qaConsole>p{color:#516f72;font-size:12px;line-height:1.75}.evidence{display:flex;gap:7px;flex-wrap:wrap;margin:19px 0}.evidence span{font-size:10px;border:1px solid #bad1c7;padding:7px 11px;border-radius:2px;color:#4b7a72}.qaBtns{display:flex;gap:8px;flex-wrap:wrap}.qaBtns .ctrl{background:#d7e6df;color:#315950;border-color:#a1c0b6}.qaBtns .ctrl.primary{background:#1c544e;color:white;border-color:#1c544e}.trace{margin-top:20px;white-space:pre-wrap;min-height:115px;padding:17px;background:#12222f;color:#b4d2d4;font:11px/1.7 Consolas,ui-monospace,monospace;border-radius:3px}.disclaimer{margin-top:12px;font-size:10px;color:#6a8886}
.closing{padding:80px 7vw;background:#0d1a25}.closingTop h2{font-size:32px;letter-spacing:-.055em;line-height:1.3;margin:18px 0 28px}.closingGrid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #3a5259;border-left:1px solid #3a5259}.closingGrid>div{padding:23px 21px;border-bottom:1px solid #3a5259;border-right:1px solid #3a5259}.closingGrid span{font-size:9px;letter-spacing:.07em;color:#8ac7af}.closingGrid strong{display:block;font-size:17px;margin-top:11px}.closingGrid p{font-size:11px;color:#809ca3;margin:6px 0 0}footer{display:grid;grid-template-columns:1.2fr 1.6fr auto;gap:30px;padding:37px 7vw}footer strong{font-size:15px;letter-spacing:.05em}footer p{font-size:10px;color:#718a92;max-width:360px}footer a{font-size:10px;display:inline-block;margin:7px 13px 0 0;color:#80bcb3}footer .date{font-size:9px;white-space:nowrap;color:#6d9397}
@media(max-width:1250px){.workspace{grid-template-columns:218px minmax(340px,1fr) 310px}.detail{padding:0 17px 20px}.nodeItem{padding:10px 12px}.sceneBox{height:475px}.panelControls{padding:12px}.panelTop{padding:16px}.controlHelp{display:none}.sceneBadge{font-size:9px}}
@media(max-width:970px){.workspace{grid-template-columns:213px 1fr}.detail{grid-column:1/-1;max-height:none;border-top:1px solid var(--line);border-left:none;display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.detail .asideHead,.detail .layerPill,.detail>h2,.detail .detailEn,.detail .principle,.detail .artifact,.detail .inspectorLink{grid-column:1/-1}.detail .asideHead{padding:17px 0 4px}.detail .detailSec{min-height:135px}.qaSection{padding:60px 4vw}.closing{padding:60px 4vw}}
@media(max-width:650px){.header{height:59px;padding:0 16px}.brandLogo{width:35px;height:35px;font-size:21px}.brand strong{font-size:12px}.brand small{font-size:8px}.headRight{font-size:0}.headRev{display:none}.intro{display:block;padding:27px 17px 25px}.intro h1{font-size:27px;line-height:1.45}.intro p{font-size:11px}.introStat{display:none}.workspace{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.sidebar .asideHead{padding:14px 17px 10px}.layerFilters{padding:0 14px 13px}.nodeList{display:flex;overflow-x:auto;max-height:none;gap:7px;padding:0 14px 14px;scroll-snap-type:x proximity}.nodeItem{min-width:148px;max-width:148px;border:1px solid #2a4950;border-left:3px solid transparent;border-radius:3px;scroll-snap-align:start;padding:9px}.nodeItem.active{border-left-color:#85d5bf}.nodeLabel strong{font-size:10px}.nodeLabel small{font-size:8px}.nodeNo{font-size:10px;min-width:20px}.asideFoot{display:none}.panelTop{height:65px;padding:11px 15px}.panelTop h2{font-size:14px}.renderState{font-size:9px}.sceneBox{height:430px}.sceneOverlayTop{top:13px;left:12px;right:12px}.sceneBadge{font-size:8px;padding:5px}.sceneBadge .smallDot{width:6px;height:6px}.angleLabel{display:none}.sceneLabel{font-size:50px;top:58px;left:12px}.sceneLabel small{font-size:7px}.sceneFoot{left:12px;right:12px;bottom:9px;font-size:8px}.sceneFoot>span:first-child{display:none}.panelControls{padding:9px}.controls{gap:4px}.ctrl{font-size:10px;padding:8px 9px;min-height:35px}.pathPanel{padding:15px 13px}.pathBtn{font-size:10px;padding:6px 9px}.detail{display:block;padding:0 18px 28px}.detail>h2{font-size:26px}.detail .detailSec{min-height:0}.qaSection{padding:46px 15px}.qaHeader{display:block}.qaHeader h2{font-size:30px}.qaHeader p{margin-top:14px}.qaGrid{display:block}.qaCases{border-bottom:1px solid #b5cac5;border-right:none;padding:13px 0}.qaCases>div:last-child{display:flex;overflow-x:auto}.caseButton{min-width:145px;border-bottom:none;border-right:1px solid #bfd4c8;font-size:10px;padding:10px}.caseButton.active{padding-left:7px}.qaConsole{padding:20px 13px}.qaMeta{font-size:9px}.qaConsole h3{font-size:21px}.closing{padding:50px 15px}.closingTop h2{font-size:25px}.closingGrid{grid-template-columns:repeat(2,1fr)}.closingGrid>div{padding:14px}.closingGrid strong{font-size:14px}.closingGrid p{font-size:9px}footer{display:block;padding:30px 16px}footer>div{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}