:root{color-scheme:light dark;--navy: #10243b;--navy2: #19334f;--bg: #edf1f5;--panel: #ffffff;--panel2: #f7f9fb;--ink: #172433;--muted: #607080;--faint: #8c99a6;--line: #d8e0e8;--line2: #e8edf2;--blue: #2667c9;--blue2: #e7f0fd;--teal: #0e9088;--teal2: #e1f4f1;--purple: #6d4fd6;--purple2: #f0ecff;--green: #238557;--green2: #e3f3ea;--amber: #b86b08;--amber2: #fff1dc;--red: #c64040;--red2: #fde8e8;--shadow: 0 1px 2px rgba(16, 36, 59, .07);--radius: 8px;--rail: 174px;--inspect: 322px;--dock: min(390px, 85vw);--font: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", Pretendard, system-ui, sans-serif;--mono: "Cascadia Code", Consolas, "D2Coding", monospace;--flow-water: #4aa8e0;--flow-sludge: #e8823a;--flow-gas: #e8d44a;--flow-unknown: #94a3b8;--hold: #71808f;--hold-tint: #eceff2}html{font-size:81.25%}[data-theme=dark]{color-scheme:dark;--bg: #0f1720;--panel: #16212c;--panel2: #1c2935;--ink: #e8eef5;--muted: #93a6b6;--faint: #6b7f8f;--line: #2b3a48;--line2: #233240;--blue: #5b9ce6;--blue2: #173250;--purple: #9b7ef0;--purple2: #241d3d;--green: #4ade80;--green2: #14301f;--amber: #e0a33e;--amber2: #33260c;--red: #f87171;--red2: #3a1717;--shadow: 0 1px 2px rgba(0, 0, 0, .4);--teal: #45c2b8;--teal2: #10302d;--hold: #8b9aa9;--hold-tint: #242e38}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:13px;line-height:1.55;color:var(--ink);background:var(--bg);overflow:hidden}a{color:var(--blue)}button,input,select,textarea{font:inherit;color:inherit}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),select,textarea{border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink);padding:6px 8px}input::placeholder,textarea::placeholder{color:var(--faint)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.app{height:100%;display:flex;flex-direction:column}.topbar{height:54px;flex:none;display:flex;align-items:center;gap:14px;padding:0 18px;background:linear-gradient(90deg,var(--navy),#0d2035);color:#edf5ff}.topbar .brand{font-size:22px;font-weight:850;letter-spacing:.04em;color:inherit;text-decoration:none}.topbar .project{font-weight:650;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.topbar .project small{display:block;color:#aebdd0;font-size:10px;font-weight:500}.topbar .spacer{flex:1}.top-actions{display:flex;align-items:center;gap:8px}.topbtn,.topbar>button,.top-actions>button{border:1px solid #3d5672;background:#ffffff08;color:#eaf2fb;border-radius:6px;padding:6px 10px;font-weight:650;box-shadow:none;cursor:pointer}.topbtn:hover,.topbar>button:hover,.top-actions>button:hover{background:#ffffff1f}.avatar{width:28px;height:28px;flex:none;border-radius:50%;display:grid;place-items:center;background:#58708a;color:#fff;font-size:11px;font-weight:800}.topbar>.badge{background:#b86b0847;color:#f6d79a;border:1px solid #a3762a}.topbar>.role-badge,.top-actions>.role-badge{border-color:#3d5672;color:#c9d7ea}.topbar>.muted,.top-actions>.muted{color:#c9d7ea}.shell{flex:1;min-height:0;display:grid;grid-template-columns:var(--rail) 1fr}.shell.no-rail{grid-template-columns:1fr}.shell.rail-min{--rail: 46px}.shell.dock-open{grid-template-columns:var(--rail) minmax(0,1fr) var(--dock)}.shell.no-rail.dock-open{grid-template-columns:minmax(0,1fr) var(--dock)}@media(max-width:1180px){:root{--dock: min(320px, 85vw)}}.rail{background:var(--panel2);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;padding:10px 0;overflow-y:auto}.rail-toggle{border:0;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;gap:10px;padding:6px 14px 10px;text-align:left}.rail-toggle:hover{color:var(--ink)}.rail-toggle .ico{width:20px;height:20px;flex:none;display:grid;place-items:center;font:12px var(--mono)}.rail.min .rail-toggle,.rail.min .nav a{justify-content:center;padding-left:0;padding-right:0;gap:0}.rail.min .label{display:none}.nav{display:flex;flex-direction:column;gap:3px}.nav a,.nav button{border:0;background:transparent;padding:10px 14px;display:flex;align-items:center;gap:10px;text-align:left;text-decoration:none;color:var(--muted);border-left:3px solid transparent;cursor:pointer}.nav a:hover,.nav button:hover{background:var(--line2)}.nav a.on,.nav button.on{background:var(--blue2);border-left-color:var(--blue);color:var(--blue);font-weight:750}.nav .ico{width:20px;height:20px;flex:none;border:1px solid currentColor;border-radius:5px;display:grid;place-items:center;font:10px var(--mono)}.nav a.is-locked,.nav button.is-locked{color:var(--hold)}.nav a.is-locked .ico,.nav button.is-locked .ico{border-style:dashed;background:var(--hold-tint)}.nav a.is-locked.on,.nav button.is-locked.on{background:var(--hold-tint);border-left-color:var(--hold);color:var(--hold)}.main{min-width:0;min-height:0;overflow:auto}.workspace{min-height:100%;padding:20px 24px}.heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.heading h1{font-size:22px;margin:0;letter-spacing:-.03em}.heading p{margin:5px 0 0;color:var(--muted)}.heading-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.spacer{flex:1}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;margin-bottom:14px}.card:has(>.card-head){padding:0}.card-head{min-height:42px;padding:10px 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);font-weight:750}.card-body{padding:14px}.chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:750;background:var(--line2);color:var(--muted);white-space:nowrap}.chip.pass{background:var(--green2);color:var(--green)}.chip.warn{background:var(--amber2);color:var(--amber)}.chip.fail{background:var(--red2);color:var(--red)}.chip.info{background:var(--blue2);color:var(--blue)}.chip.ai{background:var(--purple2);color:var(--purple)}.chip.hold{background:var(--hold-tint);color:var(--hold)}button,.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:7px 11px;border-radius:6px;font-weight:650;box-shadow:var(--shadow);cursor:pointer}button:hover,.btn:hover{border-color:var(--faint);background:var(--panel2)}button.primary,.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}button.primary:hover,.btn.primary:hover{filter:brightness(1.08);background:var(--blue)}button.ghost,.btn.ghost{box-shadow:none;background:transparent;border-color:transparent}button.sm,.btn.sm{padding:4px 8px;font-size:11px}button.danger,.btn.danger{color:var(--red);border-color:var(--red)}button.danger:hover:not(:disabled),.btn.danger:hover:not(:disabled){background:var(--red2);border-color:var(--red)}button:disabled,.btn:disabled{opacity:.55;cursor:not-allowed}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px 11px;border-bottom:1px solid var(--line2);vertical-align:top}th{color:var(--muted);font-weight:700;font-size:10.5px;letter-spacing:.02em;background:var(--panel2);border-bottom:1px solid var(--line)}th .th-sort{background:none;border:0;box-shadow:none;padding:0;font:inherit;color:inherit;letter-spacing:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem}th .th-sort:hover{color:var(--ink);background:none;border-color:transparent}.th-arrow{display:inline-block;width:.75em;color:var(--blue)}td{font-size:12px}.table-wrap{overflow:auto}.table{white-space:nowrap}.table th{position:sticky;top:0;z-index:1}.table tbody tr:hover td{background:var(--blue2)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.num{text-align:right!important;font-variant-numeric:tabular-nums}.card>table th:first-child,.card>table td:first-child,.card>div>table th:first-child,.card>div>table td:first-child{padding-left:14px}.card>table th:last-child,.card>table td:last-child,.card>div>table th:last-child,.card>div>table td:last-child{padding-right:14px}.tabs{display:flex;align-items:center;gap:22px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--panel)}.tab{padding:12px 2px 10px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;box-shadow:none;color:var(--muted);font-weight:700}.tab:hover{background:none;border-color:transparent;color:var(--ink)}.tab.on{color:var(--blue);border-bottom-color:var(--blue)}.tab.is-locked{color:var(--hold)}.tab.is-locked.on{color:var(--hold);border-bottom-color:var(--hold)}.locked{border:1.5px dashed var(--hold);border-radius:var(--radius);padding:16px;color:var(--hold);background:var(--hold-tint)}.locked b,.locked strong{display:block;margin-bottom:6px;color:var(--ink);font-size:14px}a.locked{display:block;color:var(--hold);text-decoration:none}a.locked:hover{border-color:var(--faint)}.canvas-card .card-head{flex-wrap:wrap;font-weight:500}.canvas-stage{display:flex;align-items:stretch;min-height:420px}.palette-drawer{flex:none;width:320px;max-height:620px;overflow-y:auto;padding:12px 14px;background:var(--panel2);border-right:1px solid var(--line)}.canvas-pane{flex:1;min-width:0;height:560px;overflow:hidden;padding:12px 14px}@media(max-width:1180px){.palette-drawer{width:260px}}.side-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:14px;align-items:start}@media(max-width:1180px){.side-grid{grid-template-columns:1fr}}.overview-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}@media(max-width:1180px){:root{--rail: 150px;--inspect: 280px}}.badge{display:inline-block;font-size:10.5px;padding:2px 8px;border-radius:999px;background:var(--amber2);color:var(--amber);white-space:nowrap}.role-badge{display:inline-block;font-size:10.5px;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.muted{color:var(--muted)}.hero{padding:4rem 0;text-align:center}.hero h1{font-size:2.25rem;margin:0 0 .5rem}.hold-item{border:1.5px dashed var(--hold);border-radius:6px;background:var(--hold-tint);color:var(--hold);padding:.35rem .6rem;font-size:.85rem;box-shadow:none}.hold-item[disabled]{opacity:1}.hold-note{border:1px solid var(--hold);border-left-width:3px;border-radius:6px;background:var(--hold-tint);color:var(--hold);padding:.4rem .6rem;margin:.5rem 0 0;font-size:.85rem;line-height:1.45}.badge-hold{border:1px solid var(--hold);color:var(--hold);border-radius:999px;padding:0 .4rem;font-size:.7rem;white-space:nowrap}.real-item{border-color:var(--blue)}.boundary-item{border-color:var(--teal)}.badge-boundary{border:1px solid var(--teal);color:var(--teal);border-radius:999px;padding:0 .4rem;font-size:.7rem}.badge-real{border:1px solid var(--blue);color:var(--blue);border-radius:999px;padding:0 .4rem;font-size:.7rem}.linklike{background:none;border:0;padding:0;font:inherit;color:var(--blue);cursor:pointer;text-align:left;box-shadow:none}.linklike:hover{background:none;border-color:transparent;text-decoration:underline}.warn-text{font-size:.85rem;color:var(--amber)}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.small{font-size:11.5px}.xs{font-size:10.5px}.card-title{font-size:14px;margin:0 0 8px}.card.flush{padding:0}label.field{display:block;margin-bottom:10px}label.field>input,label.field>select{display:block;width:100%;margin-top:4px}.error-text{color:var(--red)}.ok-text{color:var(--green)}button.badge{border:none;box-shadow:none}.card.warn{border-color:var(--amber)}.card.danger{border-color:var(--red)}.warn-callout{border-left:3px solid var(--amber);background:var(--amber2)}.fail-callout{border-left:3px solid var(--red);background:var(--red2)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#10243b73}.node-card{filter:drop-shadow(0 1px 2px rgba(16,36,59,.12))}.floating{box-shadow:0 10px 30px #00000038}details.menu{position:relative;display:inline-block}details.menu>summary{list-style:none;cursor:pointer;padding:7px 11px;border-radius:6px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);font-weight:650}details.menu>summary::-webkit-details-marker{display:none}details.menu[open]>summary{border-color:var(--blue)}details.menu>.menu-items{position:absolute;right:0;top:calc(100% + .25rem);min-width:14rem;z-index:10;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.3rem;box-shadow:0 8px 24px #10243b26;display:flex;flex-direction:column}details.menu>.menu-items>button{border:none;background:none;box-shadow:none;text-align:left;padding:.45rem .7rem;border-radius:6px}details.menu>.menu-items>button:hover{background:var(--panel2);border-color:transparent}.ai-dock{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--line)}.ai-dock-head{display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border-bottom:1px solid var(--line)}.ai-dock-status{padding:.75rem 1rem;border-bottom:1px solid var(--line);font-size:.92rem;line-height:1.5;background:var(--panel2)}.ai-dock-log{flex:1;overflow-y:auto;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.6rem}.ai-dock-input{display:flex;gap:.5rem;padding:.7rem 1rem;border-top:1px solid var(--line)}.ai-bubble{padding:.5rem .75rem;border-radius:10px;font-size:.9rem;white-space:pre-wrap;line-height:1.5}.ai-bubble.me{background:var(--blue);color:#fff}.ai-bubble.ai{background:var(--panel2);border:1px solid var(--line)}.ai-nosource{display:inline-block;margin-bottom:.25rem;font-size:.72rem;padding:.1rem .5rem;border-radius:999px;background:var(--amber2);color:var(--amber)}.ai-sources{margin:.3rem 0 0;padding-left:1rem;font-size:.8rem;line-height:1.45}.ai-sources li{margin-bottom:.2rem}.ai-orb{position:fixed;right:1.25rem;bottom:1.25rem;z-index:21;width:3.25rem;height:3.25rem;border-radius:50%;border:none;padding:0;background:var(--purple);color:#fff;font-size:1.35rem;line-height:1;box-shadow:0 4px 14px #00000038;animation:ai-orb-twinkle 2.4s ease-in-out infinite}.ai-orb:hover{background:var(--purple);border-color:transparent;transform:scale(1.06)}@keyframes ai-orb-twinkle{0%,to{box-shadow:0 4px 14px #00000038,0 0 #6d4fd673}50%{box-shadow:0 4px 14px #00000038,0 0 0 10px #6d4fd600}}@media(prefers-reduced-motion:reduce){.ai-orb{animation:none}}.vstrip-inline{--v-line: rgba(255, 255, 255, .16);--v-fill: rgba(255, 255, 255, .06);--v-dim: #9db2c9;--v-ink: #eaf2fb;--v-danger: #ff8f8f;--v-warn: #ffc46b;--v-ok: #7fe3a8;--v-neutral: #9db2c9;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 6px 0 10px;border:1px solid var(--v-line);border-radius:999px;background:var(--v-fill);color:var(--v-ink);font-size:12px;white-space:nowrap;transition:background .15s,border-color .15s}.vstrip-inline:hover{background:#ffffff1a}.vtone-위험.vstrip-inline{border-color:#ff8f8f8c;background:#c640402e}.vtone-주의.vstrip-inline{border-color:#ffc46b73;background:#b86b0829}.vtone-안전.vstrip-inline{border-color:#7fe3a859}.vstrip-title{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--v-dim)}.vstrip-state{display:inline-flex;align-items:center;gap:6px;font-weight:700}.vstrip-dot{width:8px;height:8px;border-radius:999px;flex:none;background:var(--v-neutral);box-shadow:0 0 0 3px #9db2c938}.vtone-위험 .vstrip-dot{background:var(--v-danger);box-shadow:0 0 0 3px #ff8f8f40}.vtone-주의 .vstrip-dot{background:var(--v-warn);box-shadow:0 0 0 3px #ffc46b40}.vtone-안전 .vstrip-dot{background:var(--v-ok);box-shadow:0 0 0 3px #7fe3a840}.vstrip-dot-busy{animation:vpulse 1.1s ease-in-out infinite}@keyframes vpulse{0%,to{opacity:1}50%{opacity:.3}}.vstrip-inline .vchip{border:1px solid transparent;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:650;line-height:1.5;background:#ffffff14;color:var(--v-ink);cursor:pointer;box-shadow:none}.vstrip-inline .vchip strong{font-variant-numeric:tabular-nums;margin-left:2px}.vstrip-inline .vchip:hover{background:#ffffff29}.vstrip-inline .vchip-zero{background:transparent;color:var(--v-dim);opacity:.65}.vstrip-inline .vchip-차단,.vstrip-inline .vchip-미수렴{background:#ff8f8f2e;border-color:#ff8f8f73;color:var(--v-danger)}.vstrip-inline .vchip-경고{background:#ffc46b29;border-color:#ffc46b66;color:var(--v-warn)}.vstrip-inline .vchip-미판정{background:#ffffff14;border-color:#ffffff38;color:var(--v-ink)}.vstrip-inline .vchip-on{background:#eaf2fb;border-color:#eaf2fb;color:var(--navy)}.vstrip-inline .vicon,.vpanel-head .vicon{border:1px solid transparent;background:transparent;color:inherit;border-radius:999px;width:22px;height:22px;padding:0;font-size:12px;line-height:1;cursor:pointer;box-shadow:none}.vstrip-inline .vicon:hover:not(:disabled){background:#ffffff2e}.vstrip-inline .vicon:disabled{opacity:.4;cursor:default}.vstrip-inline .vopen{width:auto;padding:0 9px;font-size:11px;font-weight:650;border-color:#ffffff3d}.vstrip-when{font-size:11px;color:var(--v-dim)}.vstrip-inline .vtag{border-color:#ffffff4d;color:var(--v-dim)}.vstrip-inline .vtag-error{border-color:#ff8f8f99;color:var(--v-danger)}.vbackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#10243b6b;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);padding-top:54px}.vpanel-overlay{margin:0 auto;max-width:76rem;max-height:calc(100vh - 78px);overflow:auto;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-top:3px solid var(--muted);border-radius:0 0 12px 12px;box-shadow:0 18px 48px #10243b47;padding:12px 18px 16px;animation:vdrop .14s ease-out}@keyframes vdrop{0%{transform:translateY(-6px);opacity:0}}.vtone-위험.vpanel-overlay{border-top-color:var(--red)}.vtone-주의.vpanel-overlay{border-top-color:var(--amber)}.vtone-안전.vpanel-overlay{border-top-color:var(--green)}.vpanel-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid var(--line2);margin-bottom:10px;font-size:14px}.vpanel-head .spacer{flex:1}.vpanel-head .vstrip-dot{box-shadow:none;background:var(--muted)}.vtone-위험 .vpanel-head .vstrip-dot{background:var(--red)}.vtone-주의 .vpanel-head .vstrip-dot{background:var(--amber)}.vtone-안전 .vpanel-head .vstrip-dot{background:var(--green)}.vpanel-head .vicon{color:var(--muted)}.vpanel-head .vicon:hover{background:var(--panel2);color:var(--ink)}.vpanel{padding:10px 0 0}.vtag{display:inline-block;font-size:11px;padding:1px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.vtag-error{color:var(--red);border-color:var(--red)}.vtable{width:100%;border-collapse:collapse}.vtable th{position:sticky;top:0;z-index:1;background:var(--panel);font-size:11px;letter-spacing:.04em;color:var(--faint);border-bottom:1px solid var(--line);padding:6px 10px}.vtable td{vertical-align:top;font-size:13px;padding:9px 10px;border-bottom:1px solid var(--line2)}.vtable tbody tr:hover>td{background:var(--panel2)}.vtable .vbasis{max-width:24rem;word-break:break-word;font-variant-numeric:tabular-nums}.vtable .vhint{max-width:22rem;color:var(--muted)}.vbadge{display:inline-block;font-size:11px;font-weight:750;padding:2px 8px;border-radius:6px;border:1px solid transparent;background:var(--panel2);color:var(--ink);white-space:nowrap}.vbadge-차단,.vbadge-이탈{background:var(--red2);color:var(--red);border-color:var(--red)}.vbadge-경고{background:var(--amber2);color:var(--amber);border-color:var(--amber)}.vbadge-정보{background:var(--panel2);color:var(--muted)}.vbadge-미판정{background:transparent;color:var(--muted);border:1px dashed var(--line)}.vtable .vtag{margin-top:3px}.vadvice-row>td{background:var(--blue2);padding:0}.vadvice{border-left:3px solid var(--blue);padding:10px 14px;font-size:13px}.vadvice-head{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:6px}.vadvice dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;margin:0}.vadvice dt{color:var(--muted);font-weight:650}.vadvice dd{margin:0}.vadvice ul{margin:0;padding-left:18px}.vadvice-guide{margin:0 0 6px;padding:6px 10px;border:1px dashed var(--line);border-radius:6px;background:var(--panel)}.vadvice-missing{color:var(--amber)}.vadvice-error{color:var(--red);margin:8px 14px;font-size:13px}.vadvice-note{font-size:11px;color:var(--faint);margin:6px 0 0}.vreason{border-left:3px solid var(--amber);background:var(--amber2);padding:12px 14px 14px;font-size:13px;display:grid;gap:8px}.vreason label{display:block;font-size:11px;font-weight:650;color:var(--muted)}.vreason input,.vreason select{display:block;width:100%;padding:6px 8px;margin-top:3px;font:inherit;font-size:13px;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:6px}.vreason input:focus,.vreason select:focus{outline:2px solid var(--blue);outline-offset:-1px;border-color:var(--blue)}.vreason-said{display:flex;gap:8px;align-items:center}.vreason-said input{flex:1;margin:0}.vreason-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:8px}.vreason-ocp{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:8px 12px 12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:8px;margin:0}.vreason-ocp legend{color:var(--muted);font-size:11px;font-weight:650;padding:0 4px}.vreason-notes{margin:0;padding-left:18px;color:var(--amber);font-size:12px}.vreason-actions{display:flex;gap:8px}.vreq{font-size:10px;color:var(--red);margin-left:2px}.focus-ring{outline:2px solid var(--blue);outline-offset:-2px;border-radius:4px;background:var(--blue2);animation:vfocus-pop .5s ease-out}@keyframes vfocus-pop{0%{outline-color:transparent}35%{outline-width:3px}}.vfocus{z-index:40;width:max-content;max-width:330px;border:1px solid var(--line);border-left:3px solid var(--muted);border-radius:8px;background:var(--panel);color:var(--ink);font-size:12px;box-shadow:0 6px 20px #10243b2e;animation:vfocus-in .14s ease-out;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}@keyframes vfocus-in{0%{opacity:0;transform:translateY(-3px)}}.vfocus-up{animation:none}.vfocus-차단{border-left-color:var(--red)}.vfocus-경고{border-left-color:var(--amber)}.vfocus-line{display:flex;align-items:center;gap:6px;width:100%;min-width:0;padding:7px 4px 7px 10px;border:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:none;border-radius:8px 0 0 8px}.vfocus-line:hover{background:var(--panel2)}.vfocus-now{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto}.vfocus-차단 .vfocus-now{color:var(--red)}.vfocus-경고 .vfocus-now{color:var(--amber)}.vfocus-caret{color:var(--faint);font-size:10px}.vfocus-x{border:1px solid transparent;background:transparent;color:var(--faint);border-radius:999px;width:22px;height:22px;padding:0;margin:6px 6px 0 0;font-size:11px;line-height:1;cursor:pointer;box-shadow:none}.vfocus-x:hover{background:var(--panel2);color:var(--ink)}.vfocus-body{grid-column:1 / -1;padding:8px 12px 10px;border-top:1px solid var(--line2);margin-top:-1px}.vfocus-where{color:var(--muted);font-size:11px;margin-bottom:4px}.vfocus-more{color:var(--faint)}.vfocus-vs{display:grid;grid-template-columns:max-content 1fr;gap:2px 10px;margin:0;font-variant-numeric:tabular-nums}.vfocus-vs dt{color:var(--muted);font-size:11px;font-weight:650;align-self:center}.vfocus-vs dd{margin:0;min-width:0;overflow-wrap:anywhere}.vfocus-actual{font-weight:700}.vfocus-차단 .vfocus-actual{color:var(--red)}.vfocus-경고 .vfocus-actual{color:var(--amber)}.vfocus-why,.vfocus-hint{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.5}@media print{details.param-group:not([open])>*:not(summary){display:block!important}}