:root{font-family:Inter,Pretendard,"Noto Sans KR","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17314a;background:#edf2f6;font-size:16px;--accent:#006bc5;--line:#cddae5;--soft:#e8f4ff;--muted:#536e83;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a{color:#1466a7;text-decoration:none}button,select{color:inherit;background:#fff;border:1px solid var(--line);border-radius:5px;padding:7px 11px;cursor:pointer;min-height:34px;font-size:13px}button:hover{border-color:var(--accent);background:var(--soft)}button[aria-pressed=true]{background:var(--soft);border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:650}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}:focus-visible{outline:3px solid #f0b62c;outline-offset:3px}[hidden]{display:none!important}.factory-header{height:54px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#fff;padding:0 26px}.factory-brand{display:flex;align-items:center;gap:15px;color:#142d47}.factory-brand>span{font-size:9px;line-height:1.1;color:#1874bf;font-weight:750}.factory-brand>i{height:27px;width:1px;background:var(--line)}.factory-brand strong{font-size:15px;letter-spacing:.08em}.factory-header nav{display:flex;gap:22px;font-size:13px}main{max-width:1470px;margin:auto;padding:23px 28px}.factory-title{display:flex;align-items:center;gap:26px;margin-bottom:18px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--muted);margin:0 0 4px}h1{font-size:24px;margin:0;letter-spacing:-.04em}.technology-tabs{display:flex;border:1px solid var(--line);padding:3px;border-radius:7px;background:#fff}.technology-tabs button{min-width:92px;border-color:transparent;font-weight:750}.technology-tabs button[aria-pressed=true]{background:var(--accent);color:#fff}#route-type{margin-left:auto;font-size:12px;color:var(--muted)}.factory-route{display:grid;grid-template-columns:1fr 1.35fr 1fr 1fr;gap:22px;margin:0 0 15px}.route-node{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:56px;background:#e1e9f0;border:1px solid #c8d5e0;border-radius:6px;padding:7px 10px;gap:2px}.route-node:not(:last-child):after{content:'›';position:absolute;right:-18px;font-size:25px;color:#8ba0b0}.route-node strong{font-size:13px}.route-node small{font-size:11px;color:var(--muted)}.route-node.active{border-color:var(--accent);background:var(--soft)}.route-parallel{display:flex;gap:5px;align-items:center}.route-parallel b{font-size:12px;padding:2px 8px;border-radius:3px;background:#fff;font-weight:600}.factory-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}.factory-viewer{min-width:0}.stage-toolbar{height:47px;padding:6px 13px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.stage-toolbar>div{display:flex;gap:3px}.stage-toolbar button{min-height:29px;padding:4px 9px;font-size:12px}.layer-toggle{display:flex;align-items:center;gap:4px;margin-left:auto;white-space:nowrap;font-size:12px;color:var(--muted)}input[type=checkbox]{accent-color:var(--accent)}#factory-stage{position:relative;height:485px;overflow:hidden;background:radial-gradient(ellipse at 47% 40%,#365568 0%,#233b4e 47%,#102338 100%);touch-action:none}#factory-canvas{position:absolute;inset:0}#factory-canvas canvas{width:100%;height:100%;display:block}#factory-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.leader-halo{stroke:#0b1d2d;stroke-width:4;opacity:.85;fill:none}.leader{stroke:#abd5e9;stroke-width:1.25;fill:none}.leader.active{stroke:#ffca56;stroke-width:2}#factory-labels{position:absolute;inset:13px 14px 30px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.label-rail{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.label-rail button{pointer-events:auto;min-height:22px;max-width:142px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:3px 6px;background:#112b3eee;border-color:#94b4c7;color:#f2f8fc;font-size:10.5px;box-shadow:0 2px 6px #0004}.label-rail button.active{border-color:#ffce62;background:#244a5e;color:#ffe49d}.label-rail button i{display:inline-block;width:4px;height:9px;margin-right:5px;border-radius:1px;background:var(--part-color)}.stage-badge{position:absolute;bottom:7px;left:12px;font-size:10px;color:#b8d0dd;pointer-events:none}.action-caption{display:flex;align-items:center;gap:14px;min-height:49px;background:#f4f8fb;padding:9px 16px;border-top:1px solid var(--line)}.action-caption>span{font-size:10px;color:var(--accent);font-weight:800;letter-spacing:.06em;min-width:66px}.action-caption strong{font-size:14px;line-height:1.5;font-weight:600}.playback{display:flex;align-items:center;gap:7px;padding:11px 13px;border-top:1px solid var(--line)}.playback input{width:100%;min-width:25px;accent-color:var(--accent);cursor:pointer}.playback button,.playback select{white-space:nowrap;font-size:12px;min-height:32px}.playback select{padding:5px}.factory-inspector{border-left:1px solid var(--line);padding:22px 20px;min-width:0;overflow:auto;max-height:644px}.step-heading h2{font-size:22px;line-height:1.25;margin:4px 0 8px;letter-spacing:-.045em}#step-language{font-size:12px;color:var(--muted);line-height:1.65;margin:0}.step-summary{font-size:16px;line-height:1.7;margin:18px 0}.step-actions{display:flex;flex-direction:column;gap:4px;margin-bottom:17px}.step-actions button{text-align:left;border:0;border-radius:3px;font-size:12px;display:flex;align-items:center;gap:8px;padding:7px 9px;background:#f2f6f9}.step-actions button b{font-size:10px;opacity:.65}.step-actions button.active{background:var(--soft);color:var(--accent);font-weight:700;box-shadow:inset 3px 0 var(--accent)}.step-facts{margin:0;display:grid;grid-template-columns:47px 1fr;gap:9px 10px;border-top:1px solid var(--line);padding-top:15px;font-size:12px;line-height:1.6}.step-facts dt{color:var(--muted)}.step-facts dd{margin:0}.step-layers{display:flex;flex-wrap:wrap;gap:5px;margin-top:18px}.step-layers button{font-size:11px;min-height:26px;padding:4px 6px}.layer-detail{border-left:3px solid var(--accent);background:var(--soft);padding:10px 12px;margin-top:16px;font-size:13px;line-height:1.65}.layer-detail strong{display:block;margin-bottom:3px}.layer-detail small{display:block;font-size:11px;color:var(--muted);margin:3px 0}.layer-detail p{margin:4px 0}.factory-timeline{margin-top:21px}.timeline-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}h2{font-size:16px;margin:0}.timeline-heading span{font-size:12px;color:var(--muted)}.factory-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.factory-steps button{display:flex;align-items:flex-start;text-align:left;gap:9px;min-height:60px;padding:10px;background:#f9fbfd}.factory-steps button.active{background:var(--soft);border-color:var(--accent);box-shadow:inset 0 2px var(--accent)}.factory-steps b{font-size:11px;color:#91a3b2;margin-top:2px;font-weight:700}.factory-steps strong{display:block;font-size:13px}.factory-steps small{display:block;font-size:10px;margin-top:3px;color:var(--muted)}.difference{margin-top:24px}.difference-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:9px}.difference article{background:#fff;border:1px solid var(--line);border-radius:6px;padding:14px 16px}.difference strong{font-size:14px;display:inline}.difference p{font-size:12px;color:var(--muted);margin:7px 0 0}.tech-tag{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.07em;border-radius:3px;padding:3px 6px;margin-right:9px}.lcd-tag{background:#def0ff;color:#006bc5}.woled-tag{background:#ece6ff;color:#7450bb}.factory-references{border-top:1px solid var(--line);margin-top:24px;padding-top:15px;font-size:13px}.factory-references summary{cursor:pointer;font-weight:600;color:var(--muted)}.sources-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:17px 0}.sources-grid article{border-left:2px solid var(--line);padding:4px 12px;font-size:12px;line-height:1.65}.sources-grid small{display:block;color:var(--muted);font-size:11px}.scope-note{font-size:12px;line-height:1.7;color:var(--muted)}footer{display:flex;justify-content:space-between;margin-top:24px;color:#6d8293;font-size:10px;letter-spacing:.04em}#factory-fallback{position:absolute;inset:95px 22px;text-align:center;color:#d8e8f3;line-height:1.8}body[data-tech=woled]{--accent:#7651c1;--soft:#f0eafe}
@media(min-width:1400px){#factory-stage{height:520px}.factory-inspector{max-height:679px}}
@media(max-width:1000px){main{padding:18px}.factory-workspace{grid-template-columns:minmax(0,1fr) 265px}.factory-inspector{padding:17px 15px}#factory-stage{height:425px}.stage-toolbar{gap:6px}.stage-toolbar button{padding:4px 6px}.factory-route{gap:18px}.factory-steps{grid-template-columns:repeat(5,minmax(0,1fr))}.factory-steps button{gap:5px;padding:9px 7px}}
@media(max-width:740px){main{padding:14px 10px}.factory-header{padding:0 13px;height:48px}.factory-brand{gap:10px}.factory-brand strong{font-size:12px}.factory-brand>span{font-size:8px}.factory-header nav{gap:13px;font-size:11px}.factory-title{gap:14px;flex-wrap:wrap;margin-bottom:12px}.factory-title h1{font-size:21px}.factory-title .eyebrow{font-size:9px}.technology-tabs{margin-left:auto}.technology-tabs button{min-width:65px;padding:5px 8px}.factory-title #route-type{width:100%;margin-left:0;font-size:11px}.factory-route{gap:12px;grid-template-columns:1fr 1.4fr 1fr 1fr}.route-node{padding:5px 3px;min-height:57px}.route-node strong{font-size:11px}.route-node small{font-size:9px}.route-node:not(:last-child):after{right:-10px;font-size:20px}.route-parallel{gap:3px}.route-parallel b{font-size:9px;padding:2px 4px}.factory-workspace{grid-template-columns:1fr}.factory-inspector{border-left:0;border-top:1px solid var(--line);max-height:none;padding:17px}.step-heading h2{font-size:21px}.step-summary{margin:12px 0}.step-actions{flex-direction:row;flex-wrap:wrap;gap:5px;margin-bottom:12px}.step-actions button{flex:1;font-size:11px;gap:5px;padding:7px 6px;min-width:95px}.step-facts{grid-template-columns:45px 1fr;gap:6px 9px}.step-layers{margin-top:12px}.stage-toolbar{padding:6px 8px;height:43px}.stage-toolbar button{font-size:11px;min-height:27px}.layer-toggle{font-size:10px}#factory-stage{height:335px}#factory-labels{inset:10px 6px 25px}.label-rail{gap:3px}.label-rail button{max-width:107px;font-size:10px;min-height:21px;padding:2px 4px}.action-caption{padding:8px 11px;gap:8px;min-height:48px}.action-caption strong{font-size:12px}.action-caption>span{min-width:55px;font-size:9px}.playback{gap:4px;padding:9px 8px}.playback button{padding:5px 7px;min-height:31px;font-size:11px}.playback select{font-size:11px}.factory-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.factory-steps button{min-height:54px;padding:9px 10px;gap:9px}.factory-steps strong{font-size:12px}.factory-steps small{font-size:10px}.timeline-heading span{font-size:10px;max-width:58%;text-align:right}.difference-grid{grid-template-columns:1fr;gap:7px}.difference strong{font-size:13px}.difference article{padding:12px}.difference p{line-height:1.6}.sources-grid{grid-template-columns:1fr}.factory-timeline{margin-top:18px}footer{font-size:9px}}
@media(max-width:360px){.factory-brand strong{font-size:10px}.factory-header nav{font-size:10px;gap:9px}.stage-toolbar{gap:3px}.stage-toolbar>div{gap:1px}.stage-toolbar button{padding:4px}.label-rail button{font-size:9px;max-width:94px}#factory-stage{height:315px}.technology-tabs button{min-width:59px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}