:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f8;--surface:#fff;--border:#d7dde4;--text:#1b2129;--muted:#5a6672;--ok:#1a7f4b;--warn:#9a6200;--error:#b3261e;font-family:Pretendard,Malgun Gothic,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:1366px;color:var(--text);margin:0}.login-shell{place-items:center;min-height:100vh;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.5rem;width:22rem;padding:2rem;display:flex}.login-card h1{margin:0;font-size:1.25rem}.login-subtitle{color:var(--muted);margin:0 0 1rem;font-size:.875rem}.login-card label{color:var(--muted);font-size:.8125rem}.login-card input{border:1px solid var(--border);border-radius:6px;padding:.5rem .625rem;font-size:.9375rem}.login-card button{color:#fff;cursor:pointer;background:#1b3a6b;border:0;border-radius:6px;margin-top:1rem;padding:.625rem;font-size:.9375rem}.login-card button:disabled{opacity:.6;cursor:progress}.login-error{color:var(--error);margin:.5rem 0 0;font-size:.8125rem}.app-loading{min-height:100vh;color:var(--muted);place-items:center;display:grid}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.app-header h1{margin:0;font-size:1.0625rem}.app-header-right{align-items:center;gap:.75rem;display:flex}.app-header button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:6px;padding:.375rem .75rem}.status-chip{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.25rem .625rem;font-size:.8125rem}.status-chip.status-ok{color:var(--ok);border-color:var(--ok)}.status-chip.status-warn{color:var(--warn);border-color:var(--warn)}.status-chip.status-error{color:var(--error);border-color:var(--error)}.user-chip{color:var(--muted);font-size:.875rem}.app-main{flex:1;padding:1.25rem}.placeholder{color:var(--muted)}.operation{flex-direction:column;gap:1rem;padding:1rem;display:flex}.action-banner{z-index:5;border:2px solid var(--warn);background:#fff8e6;border-left-width:8px;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.25rem;display:flex;position:sticky;top:0;box-shadow:0 4px 14px #0000001f}.action-banner-text{min-width:0}.action-banner-title{color:var(--warn);margin:0;font-size:1.2rem;font-weight:700}.action-banner-detail{color:var(--text);margin:.25rem 0 0;font-size:.9rem}.action-banner-actions{flex-wrap:wrap;gap:.5rem;display:flex}.action-banner-actions button{white-space:nowrap;padding:.6rem 1.1rem;font-size:1rem}@media (prefers-reduced-motion:no-preference){.action-banner{animation:.24s ease-out action-banner-in}}@keyframes action-banner-in{0%{opacity:0;transform:translateY(-8px)}}.operation-loading{min-height:60vh;color:var(--muted);place-items:center;display:grid}.operation-top{grid-template-columns:minmax(300px,1.15fr) minmax(520px,2.2fr) minmax(320px,1.2fr);align-items:start;gap:1rem;display:grid}@media (max-width:1500px){.operation-top{grid-template-columns:minmax(280px,1.1fr) minmax(420px,1.9fr) minmax(300px,1.1fr)}}.operation-left{flex-direction:column;gap:1rem;min-width:0;display:flex}.control-panel,.plan-panel,.diagram-panel,.tabs{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem}.control-panel section+section{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.control-panel h2,.plan-panel h2{margin:0 0 .5rem;font-size:.9375rem}.control-panel h3,.plan-panel h3{margin:0 0 .375rem;font-size:.875rem}.control-panel button,.plan-panel button{width:100%;margin-top:.375rem;padding:.5rem}.control-panel input{width:100%;padding:.375rem}.row{gap:.5rem;display:flex}button.active{border-color:var(--text);font-weight:600}button.primary{background:var(--ok);color:#fff;border-color:var(--ok)}button.secondary{background:var(--surface)}button:disabled{opacity:.5;cursor:not-allowed}.clock-value{font-variant-numeric:tabular-nums;margin:0;font-size:1.75rem}.clock-state{color:var(--muted);margin:.25rem 0 0;font-size:.8125rem}.hint{color:var(--muted);margin:.375rem 0 0;font-size:.75rem}.notice{color:var(--warn);font-size:.8125rem}.error{color:var(--error);font-size:.8125rem}.risk-confirm{border:1px solid var(--warn);border-radius:6px;margin-top:.5rem;padding:.5rem}.diagram-panel{flex-direction:column;gap:.5rem;display:flex}.process-diagram{width:100%;height:auto;max-height:46vh}.diagram-box{cursor:pointer}.diagram-box-bg{fill:var(--surface);stroke:var(--border);stroke-width:1.5px}.diagram-box.is-selected .diagram-box-bg{stroke:var(--text);stroke-width:2.5px}.diagram-box.tone-ok .diagram-box-bg{stroke:var(--ok)}.diagram-box.tone-warn .diagram-box-bg{stroke:var(--warn)}.diagram-box.tone-error .diagram-box-bg{stroke:var(--error)}.diagram-title{fill:var(--text);font-size:15px;font-weight:700}.diagram-status{fill:var(--text);font-size:13px}.diagram-line{fill:var(--muted);font-size:12px}.diagram-ai{fill:var(--muted);font-size:11px;font-style:italic}.diagram-arrow{stroke:var(--muted);stroke-width:2px}.diagram-arrow-head{fill:var(--muted)}.connection{color:var(--muted);margin:0;font-size:.75rem}.connection-closed{color:var(--error)}.plan-panel header{justify-content:space-between;align-items:baseline;display:flex}.version{color:var(--muted);font-size:.75rem}.compare-table{border-collapse:collapse;width:100%;font-size:.8125rem}.compare-table th,.compare-table td{border-bottom:1px solid var(--border);text-align:right;padding:.25rem .375rem}.compare-table th[scope=row]{text-align:left;color:var(--muted);font-weight:500}.recommend-tag,.selected-tag,.tag{border:1px solid var(--border);color:var(--muted);border-radius:4px;margin-left:.25rem;padding:0 .25rem;font-size:.6875rem;display:inline-block}.recommend-tag{color:var(--ok);border-color:var(--ok)}.selected-tag{color:var(--text);border-color:var(--text)}.reasons ul{margin:.25rem 0;padding-left:1.1rem;font-size:.8125rem}.baseline,.plc-state{color:var(--muted);font-size:.75rem}.approval-state{margin:.25rem 0;font-size:.8125rem}.approval,.human-start,.reasons{border-top:1px solid var(--border);margin-top:.875rem;padding-top:.875rem}.tab-bar{border-bottom:1px solid var(--border);gap:.25rem;display:flex}.tab-bar button{cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem .875rem}.tab-bar button.active{border-bottom-color:var(--text);font-weight:600}.tab-body{min-height:220px;max-height:420px;padding-top:.875rem;overflow:auto}.tab-bar{flex-wrap:wrap}.equipment-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem;display:grid}.equipment-card,.agent-card{border:1px solid var(--border);border-radius:8px;padding:.75rem}.equipment-card header,.agent-card header{justify-content:space-between;align-items:baseline;display:flex}.equipment-card h3{margin:0;font-size:.9375rem}.equipment-card dl,.agent-card dl{gap:.25rem;margin:.5rem 0 0;display:grid}.equipment-card dl>div,.agent-card dl>div{justify-content:space-between;font-size:.8125rem;display:flex}.equipment-card dt,.agent-card dt{color:var(--muted)}.equipment-card dd,.agent-card dd{font-variant-numeric:tabular-nums;margin:0}.badge{border:1px solid var(--border);border-radius:999px;padding:.125rem .5rem;font-size:.75rem}.tone-ok .badge{color:var(--ok);border-color:var(--ok)}.tone-warn .badge{color:var(--warn);border-color:var(--warn)}.tone-error .badge{color:var(--error);border-color:var(--error)}.agent-list{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.75rem;display:grid}.agent-card h3{margin:0;font-size:.875rem}.agent-summary{margin:.5rem 0;font-size:.8125rem}.tool-table{border-collapse:collapse;width:100%;font-size:.75rem}.tool-table caption,.audit-table caption{text-align:left;color:var(--muted);padding-bottom:.25rem}.tool-table th,.tool-table td{border-bottom:1px solid var(--border);text-align:left;padding:.1875rem .25rem}.ontology-nodes,.ontology-rels,.workflow-nodes{margin:.5rem 0;padding-left:1.1rem;font-size:.8125rem}.json-panel{background:var(--bg);max-height:320px;padding:.5rem;font-size:.75rem;overflow:auto}.workflow-nodes button{cursor:pointer;background:0 0;border:none;padding:.25rem 0;text-decoration:underline}.audit-table{border-collapse:collapse;width:100%;font-size:.8125rem}.audit-table th,.audit-table td{border-bottom:1px solid var(--border);text-align:left;padding:.25rem .375rem}.modal-backdrop{z-index:10;background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:10px;min-width:420px;max-width:560px;padding:1.25rem}.modal h2{margin-top:0;font-size:1.125rem}.modal-targets{gap:.25rem;margin:.75rem 0;display:grid}.modal-targets>div{justify-content:space-between;font-size:.875rem;display:flex}.modal-targets dt{color:var(--muted)}.modal-targets dd{font-variant-numeric:tabular-nums;margin:0}.modal .row button{flex:1;padding:.5rem}.workflow-progress{gap:.25rem;margin:.5rem 0;display:grid}.workflow-progress>div{gap:.75rem;font-size:.8125rem;display:flex}.workflow-progress dt{color:var(--muted);min-width:10rem}.workflow-progress dd{margin:0}.analyzing{color:var(--warn);border:1px dashed var(--warn);border-radius:6px;margin:0 0 .75rem;padding:.5rem .75rem;font-size:.8125rem}.graph-canvas{border:1px solid var(--border);background:var(--bg);border-radius:8px;height:420px;overflow:hidden}.graph-legend{color:var(--muted);flex-wrap:wrap;gap:.75rem;margin:.5rem 0;padding:0;font-size:.75rem;list-style:none;display:flex}.graph-legend li{align-items:center;gap:.25rem;display:flex}.legend-dot{border-radius:50%;width:.625rem;height:.625rem;display:inline-block}.graph-detail{border:1px solid var(--border);border-radius:6px;gap:.25rem;margin:.75rem 0;padding:.5rem;font-size:.8125rem;display:grid}.graph-detail>div{gap:.75rem;display:flex}.graph-detail dt{color:var(--muted);min-width:8rem}.graph-detail dd{margin:0}.disclosure{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.25rem 0;font-size:.8125rem}.workflow-graph svg{width:100%;height:auto;max-height:42vh}.wf-node{cursor:pointer}.wf-box{fill:var(--surface);stroke:var(--border);stroke-width:1.5px}.wf-node.is-selected .wf-box{stroke:var(--text);stroke-width:2.5px}.wf-done .wf-box{stroke:var(--ok)}.wf-running .wf-box{stroke:var(--warn);stroke-dasharray:4 3}.wf-waiting .wf-box{stroke:var(--warn)}.wf-failed .wf-box{stroke:var(--error)}.wf-label{fill:var(--text);font-size:12px;font-weight:700}.wf-phase{fill:var(--muted);font-size:11px}.graph-fallback .notice{margin-bottom:.5rem}.insight-panels{grid-template-columns:1fr;gap:.75rem;margin-top:.5rem;display:grid}.insight-panels section{border:1px solid var(--border);border-radius:8px;min-height:200px;padding:.625rem .75rem}.insight-panels h2{color:var(--muted);margin:0 0 .25rem;font-size:.8125rem}.graph-canvas.is-compact{height:260px}.workflow-graph.is-compact svg{max-height:260px}.source-tag{border:1px solid var(--border);vertical-align:middle;border-radius:999px;margin-left:.375rem;padding:0 .375rem;font-size:.6875rem}.source-rule{color:var(--ok);border-color:var(--ok)}.source-ai{color:var(--warn);border-color:var(--warn)}.ai-summary{border-top:1px solid var(--border);margin-top:.875rem;padding-top:.875rem}.ai-text{background:var(--bg);border-radius:6px;margin:.375rem 0 0;padding:.5rem;font-size:.8125rem}