:root{--navy:#10233f;--blue:#2467d6;--sky:#eef5ff;--ink:#17243a;--muted:#66758a;--line:#dce5ef;--paper:#fff;--bg:#f4f7fb;--purple:#7857d8;--orange:#e68a13;--red:#d84b62;--green:#138a72;--PF:#7857d8;--SALES:#df891b;--UW:#d84b62;--CM:#138a72;--CL:#239a55;--CC:#2878e4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Pretendard,"Apple SD Gothic Neo",sans-serif;word-break:keep-all}.app{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.side{position:sticky;top:0;height:100vh;background:var(--navy);color:white;padding:28px 18px;display:flex;flex-direction:column}.brand{padding:0 10px 24px;border-bottom:1px solid #ffffff20}.brand b{display:block;font-size:19px;line-height:1.25}.brand-marks{display:inline-flex;background:#fff;border-radius:5px;padding:5px 7px;margin-bottom:12px}.brand-marks img{display:block;width:174px;height:auto}.menu{display:grid;gap:5px;margin-top:20px}.menu button{border:0;background:transparent;color:#bbc8da;text-align:left;padding:12px 13px;border-radius:11px;font:inherit;font-size:14px;cursor:pointer}.menu button.on,.menu button:hover{background:#ffffff13;color:white}.menu b{display:inline-grid;place-items:center;width:23px;height:23px;margin-right:7px;border-radius:7px;background:#ffffff12}.side-foot{margin-top:auto;padding:12px 10px;color:#8fa1b9;font-size:11px;line-height:1.5}.main{min-width:0}.topbar{position:sticky;top:0;z-index:20;height:64px;background:#ffffffee;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,58px)}.topbar strong{font-size:14px}.status{font-size:11px;padding:6px 9px;border-radius:999px;background:#fff3d9;color:#835b09;font-weight:800}.view{display:none;padding:42px clamp(24px,5vw,72px) 70px;max-width:1500px;margin:auto}.view.on{display:block}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:900;color:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,5vw,68px);line-height:1.06;letter-spacing:-.055em;margin-bottom:18px}h2{font-size:clamp(29px,3.4vw,45px);letter-spacing:-.04em;margin-bottom:12px}h3{font-size:18px}.lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:900px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:white;border:1px solid var(--line);border-radius:17px;padding:20px;box-shadow:0 7px 22px #1d385a0b}.card p{color:var(--muted);line-height:1.55;font-size:14px}.hero{padding:38px;background:linear-gradient(135deg,#10233f,#194e79);color:white;border-radius:26px;margin-bottom:22px;overflow:hidden;position:relative}.hero:after{content:'';position:absolute;width:330px;height:330px;border-radius:50%;background:#3fd4b42b;right:-80px;top:-130px}.hero .lead{color:#cbd8e8}.hero h1{max-width:900px}.accent{color:#79e0cf}.path{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.path .card{cursor:pointer}.stepno{font-size:12px;color:var(--blue);font-weight:900}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:#f0f4f8;font-size:11px;font-weight:800}.chip.ai{background:#f0ebff;color:#5e3ebc}.chip.warn{background:#fff1d8;color:#8a5b05}.chip.bad{background:#ffedf0;color:#a52e43}.dom{color:white;padding:4px 7px;border-radius:6px;font-size:10px;font-weight:900;background:var(--blue)}.dom.PF{background:var(--PF)}.dom.SALES{background:var(--SALES)}.dom.UW{background:var(--UW)}.dom.CM{background:var(--CM)}.dom.CL{background:var(--CL)}.dom.CC{background:var(--CC)}.journey{display:grid;grid-template-columns:repeat(9,1fr);gap:8px;margin-top:26px}.stage{background:white;border:1px solid var(--line);border-radius:14px;padding:14px 10px;min-height:140px;position:relative;cursor:pointer}.stage:after{content:'→';position:absolute;right:-9px;top:46%;color:#9aa9ba}.stage:last-child:after{display:none}.stage b{display:block;font-size:12px;margin:9px 0 6px}.stage small{color:var(--muted);line-height:1.4}.callout{background:#fff8e8;border-left:5px solid var(--orange);padding:15px 18px;border-radius:6px 14px 14px 6px;color:#674d18;font-size:14px;line-height:1.55}.placeholder{min-height:360px;display:grid;place-items:center;text-align:center;border:2px dashed #cdd9e6;border-radius:20px;background:#ffffff80;color:var(--muted);margin-top:22px}.kbgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.source-note{font-size:12px;color:var(--muted);border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.mobile-menu{display:none;border:0;background:transparent;font-size:22px}.glossary{margin-top:22px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.term{background:white;border:1px solid var(--line);border-radius:13px;padding:15px}.term b{color:var(--blue)}
@media(max-width:1050px){.app{grid-template-columns:1fr}.side{position:fixed;z-index:50;left:-270px;width:260px;transition:left .25s;visibility:hidden;pointer-events:none}.side.open{left:0;visibility:visible;pointer-events:auto}.mobile-menu{display:block}.journey{grid-template-columns:repeat(3,1fr)}.stage:after{display:none}.path,.kbgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.grid2,.grid3,.path,.kbgrid,.glossary{grid-template-columns:1fr}.view{padding:28px 18px 55px}.hero{padding:25px}.journey{grid-template-columns:1fr}}
.path button.card{cursor:pointer;text-align:left;font:inherit;color:inherit}.path button.card:focus-visible{outline:3px solid #7aa7ef;outline-offset:3px}
.domain-guide{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:14px;max-width:900px}.domain-guide .dom{margin-top:2px}.domain-guide b{display:block;font-size:14px;margin-bottom:4px}.domain-guide p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.domain-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 12px}.domain-tab{border:1px solid var(--line);background:white;border-radius:999px;padding:9px 13px;font-weight:800;cursor:pointer}.domain-tab.on{background:var(--navy);border-color:var(--navy);color:white}.explore-grid{display:grid;grid-template-columns:300px minmax(390px,1fr) 320px;gap:14px;align-items:start}.pane{background:white;border:1px solid var(--line);border-radius:16px;min-height:580px;overflow:hidden}.pane-head{padding:14px;border-bottom:1px solid var(--line)}.pane-body{padding:14px;max-height:67vh;overflow:auto}.search{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit}.tree-btn{display:block;width:100%;border:0;border-bottom:1px solid #edf1f5;background:white;text-align:left;padding:11px 10px;cursor:pointer;color:var(--ink);font:inherit;font-size:15px;line-height:1.45}.tree-btn:hover,.tree-btn.on{background:var(--sky)}.tree-btn.L1_DOMAIN{font-weight:900}.tree-btn.L2_PROCESS_CHAIN{padding-left:22px;font-weight:800}.tree-btn.L3_PROCESS{padding-left:36px}.tree-btn small{color:var(--muted)}.ai-count{float:right;background:#f0ebff;color:#5e3ebc;border-radius:999px;padding:3px 6px;font-size:9px;font-weight:900}.diagram-badge{display:inline-flex;margin-left:5px;padding:2px 5px;border-radius:5px;background:#e7f2ff;color:#2467d6;font-size:9px;font-weight:900}.crumbs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:14px}.crumb{border:0;background:#edf3fb;border-radius:8px;padding:6px 8px;font-size:11px;cursor:pointer}.process-title{font-size:25px;margin-bottom:8px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}.field{padding:11px;background:#f6f8fb;border-radius:10px;font-size:12px;line-height:1.45}.field b{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.child-card{border:1px solid var(--line);border-radius:12px;margin:9px 0;overflow:hidden}.child-head{width:100%;border:0;background:#f8fafc;text-align:left;padding:11px;cursor:pointer;font-weight:800}.activity-list{margin:0;padding:8px 12px 11px 30px;color:var(--muted);font-size:12px;line-height:1.65}.activity-list button{border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.agent-card{border:1px solid #ded4ff;background:#faf8ff;border-radius:12px;padding:12px;margin:9px 0}.agent-card h4{margin:0 0 6px;font-size:13px}.agent-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.agent-card .source-note{font-size:10px}.empty{color:var(--muted);font-size:13px;line-height:1.55}.level-badge{font-size:10px;color:var(--muted);font-weight:900}.ai-boundary{padding:11px;border-radius:10px;background:#ffedf0;color:#923146;font-size:11px;line-height:1.5;margin-bottom:10px}.diagram-preview{display:grid;grid-template-columns:150px 1fr;gap:13px;align-items:center;width:100%;margin:14px 0;padding:10px;border:1px solid #bdd3ee;border-radius:13px;background:#f5f9ff;text-align:left;color:var(--ink);font:inherit;cursor:pointer}.diagram-preview:hover{border-color:#6d9fd9;background:#edf5ff}.diagram-preview img{display:block;width:150px;aspect-ratio:16/11;object-fit:cover;object-position:center;border:1px solid var(--line);border-radius:8px;background:white}.diagram-preview b,.diagram-preview small{display:block}.diagram-preview b{font-size:13px}.diagram-preview small{color:var(--muted);font-size:11px;margin-top:5px}
@media(max-width:1250px){.explore-grid{grid-template-columns:250px 1fr}.explore-grid>.pane:last-child{grid-column:1/-1;min-height:auto}.explore-grid>.pane:last-child .pane-body{max-height:none;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}}@media(max-width:760px){.explore-grid{grid-template-columns:1fr}.explore-grid>.pane:last-child{grid-column:auto}.pane{min-height:auto}.pane-body{max-height:none}.field-grid{grid-template-columns:1fr}}
.scenario-grid{display:grid;grid-template-columns:230px minmax(340px,1fr) 360px;gap:14px;margin-top:18px;align-items:start}.scenario-list,.scenario-main,.scenario-inspector{background:white;border:1px solid var(--line);border-radius:16px;padding:14px}.scenario-list{display:grid;gap:7px}.scenario-choice{border:1px solid transparent;background:#f5f7fa;border-radius:11px;padding:11px;text-align:left;cursor:pointer;font:inherit}.scenario-choice.on{border-color:#9ab8e7;background:var(--sky)}.scenario-choice b{display:block;font-size:13px}.scenario-choice small{color:var(--muted)}.scenario-main{min-height:570px}.scenario-steps{display:grid;gap:8px;margin-top:15px}.scenario-step{display:grid;grid-template-columns:34px 44px 1fr;gap:9px;align-items:center;width:100%;border:1px solid var(--line);background:white;border-radius:12px;padding:10px;text-align:left;cursor:pointer}.scenario-step:hover,.scenario-step.on{background:var(--sky);border-color:#a8c2e8}.scenario-step .order{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--navy);color:white;font-size:11px;font-weight:900}.scenario-step b{font-size:13px}.scenario-step small{display:block;color:var(--muted);margin-top:3px}.scenario-inspector{position:sticky;top:82px;min-height:570px}.hierarchy-path{display:grid;gap:6px;margin:13px 0}.hierarchy-row{display:grid;grid-template-columns:30px 1fr;gap:8px;padding:8px;background:#f5f7fa;border-radius:9px;font-size:12px}.hierarchy-row b{color:var(--blue)}.subtree{margin-top:12px}.subtree details{border:1px solid var(--line);border-radius:10px;margin:7px 0;padding:9px}.subtree summary{cursor:pointer;font-size:12px;font-weight:800}.subtree ul{padding-left:19px;color:var(--muted);font-size:11px;line-height:1.55}.primary{width:100%;border:0;border-radius:10px;background:var(--blue);color:white;padding:11px 14px;font-weight:800;cursor:pointer;margin-top:12px}@media(max-width:1250px){.scenario-grid{grid-template-columns:220px 1fr}.scenario-inspector{grid-column:1/-1;position:static;min-height:auto}}@media(max-width:760px){.scenario-grid{grid-template-columns:1fr}.scenario-main{min-height:auto}.scenario-inspector{grid-column:auto}.scenario-step{grid-template-columns:34px 42px 1fr}}
.hierarchy-row.missing{background:#fff0f2;color:#9b3549}.hierarchy-row.missing b{color:#b73e55}
.scenario-context{margin:12px 0 16px;padding:16px;border-radius:13px;background:#edf5ff;border:1px solid #cfe0f5}.scenario-context b{display:block;font-size:12px;color:var(--blue);margin-bottom:6px}.scenario-context p{margin:0;font-size:15px;line-height:1.6}.scenario-context small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:8px}.scenario-note{color:var(--muted);font-size:12px;margin:14px 4px}.scenario-choice small{display:block;line-height:1.4;margin-top:5px}
.overview-block{margin-top:22px;padding:18px;background:white;border:1px solid var(--line);border-radius:17px}.overview-block>div:first-child p{margin:4px 0 0;color:var(--muted);font-size:13px}.overview-block .journey{margin-top:15px}.overview-block .stage{font:inherit;text-align:left}.overview-block .stage:hover,.overview-block .stage.on{background:var(--sky);border-color:#7ea7e3;box-shadow:0 0 0 2px #dbe9ff}.overview-block .stage:focus-visible{outline:3px solid #7aa7ef;outline-offset:3px}.scenario-section-title{margin:28px 0 0}
.scenario-list{max-height:740px;overflow:auto}
.agent-toolbar{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:16px;align-items:center;margin:20px 0 12px}.agent-toolbar .domain-tabs{margin:0}.agent-toolbar .domain-tab small{color:var(--muted);margin-left:3px}.agent-toolbar .domain-tab.on small{color:#cbd8e8}.agent-catalog{display:grid;grid-template-columns:minmax(430px,1fr) minmax(360px,.85fr);gap:14px;align-items:start}.agent-results .pane-body{padding:0;max-height:72vh}.agent-list-item{display:grid;grid-template-columns:42px 1fr;gap:9px;width:100%;padding:13px 14px;border:0;border-bottom:1px solid #edf1f5;background:white;text-align:left;font:inherit;cursor:pointer}.agent-list-item:hover,.agent-list-item.on{background:var(--sky)}.agent-list-item b{display:block;font-size:13px}.agent-list-item small{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--muted);font-size:11px;line-height:1.45;margin-top:4px}.agent-list-item em{display:block;color:#7857d8;font-size:10px;font-style:normal;font-weight:800;margin-top:5px}.agent-detail{position:sticky;top:82px;max-height:calc(100vh - 100px);overflow:auto}.agent-detail-body{padding:18px}.agent-detail h3{font-size:23px;line-height:1.3;margin:12px 0}.agent-detail h4{margin:22px 0 8px}.agent-role{background:#f7f5ff;border:1px solid #e1d9fa;border-radius:12px;padding:13px;margin:12px 0}.agent-role b{font-size:11px;color:var(--purple)}.agent-role p{font-size:13px;line-height:1.6;margin:6px 0 0}.agent-scopes{display:grid;gap:7px}.agent-scopes button{border:1px solid var(--line);border-radius:10px;background:white;padding:10px;text-align:left;cursor:pointer}.agent-scopes button:hover{background:var(--sky);border-color:#9ab8e7}.agent-scopes b,.agent-scopes small{display:block}.agent-scopes b{font-size:12px;margin:3px 0}.agent-scopes small{font-size:10px;color:var(--blue)}.agent-sources{display:grid;gap:5px;color:var(--muted);font-size:11px;line-height:1.45}.agent-boundary{margin-top:18px;margin-bottom:0}@media(max-width:1000px){.agent-toolbar,.agent-catalog{grid-template-columns:1fr}.agent-detail{position:static;max-height:none}.agent-results .pane-body{max-height:580px}}@media(max-width:760px){.scenario-list{max-height:none}.agent-list-item{grid-template-columns:38px 1fr}}
.overview-only{margin:14px 0;background:#fff8e8;color:#674d18}
.diagram-dialog{width:min(1180px,94vw);max-height:92vh;padding:0;border:0;border-radius:18px;box-shadow:0 28px 80px #07142666;overflow:hidden}.diagram-dialog::backdrop{background:#071426b8;backdrop-filter:blur(3px)}.diagram-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;border-bottom:1px solid var(--line);background:white}.diagram-dialog-head h3{margin:5px 0 0;font-size:18px}.diagram-dialog-head button{border:0;background:#edf1f6;width:36px;height:36px;border-radius:50%;font-size:25px;line-height:1;cursor:pointer}.diagram-canvas{max-height:calc(92vh - 135px);overflow:auto;padding:18px;background:#e9eef4}.diagram-canvas img{display:block;width:100%;height:auto;background:white;box-shadow:0 4px 18px #10233f1f}.diagram-dialog>.source-note{margin:0;padding:11px 20px;background:white}.diagram-dialog[open]{animation:dialog-in .16s ease-out}@keyframes dialog-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:650px){.brand-marks img{width:160px}.diagram-preview{grid-template-columns:100px 1fr}.diagram-preview img{width:100px}.diagram-dialog{width:96vw}.diagram-dialog-head{padding:13px}.diagram-canvas{padding:8px}}

/* myangel.co.kr의 흰색 헤더와 남색·파란색 강조 체계를 메뉴에 적용 */
.side{background:#fff;color:var(--ink);border-right:1px solid #e0e6ed;padding-top:31px}.brand{border-bottom:1px solid #e6ebf0;padding-bottom:25px}.brand-marks{display:block;background:transparent;border-radius:0;padding:0;margin-bottom:14px}.brand-marks img{width:190px}.brand b{color:#10233f;font-size:19px}.menu{gap:4px;margin-top:18px}.menu button{position:relative;background:#fff;color:#26384d;padding:15px 14px;border-radius:8px;font-size:15px;font-weight:750}.menu button:hover{background:#f4f8fc;color:#005a9c}.menu button.on{background:#edf6ff;color:#005a9c}.menu button.on:before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:#0084df}.side-foot{color:#8694a5}.mobile-menu{color:#10233f}
@media(max-width:1050px){.side{box-shadow:12px 0 32px #10233f18}}