*{box-sizing:border-box}body{margin:0;background:#f3f6fb;color:#152943;font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif}header{height:72px;padding:0 32px;display:flex;gap:24px;align-items:center;background:white;border-bottom:1px solid #dce4f0}a{color:#2854c5;text-decoration:none}.brand{font-size:27px;font-weight:800}.brand span{font-size:11px;letter-spacing:1.8px;color:#738198;margin-left:12px}.badge{margin-left:auto;font-size:12px;color:#53647c;background:#f1f5fd;border-radius:20px;padding:10px 15px}header>a:last-child{font-size:12px}.intro{padding:28px 32px 24px;display:flex;justify-content:space-between;gap:24px}.eyebrow{color:#2d5de5;font-size:11px;letter-spacing:2px;font-weight:bold}h1{font-size:30px;letter-spacing:-1.5px;margin:10px 0}.intro p:not(.eyebrow){font-size:14px;color:#63738a}.scope{align-self:center;border-left:3px solid #315ce5;padding:3px 20px;font-size:12px;line-height:1.9;color:#64748b}.scope strong{color:#334660;font-weight:500}main{display:grid;grid-template-columns:minmax(480px,1fr) minmax(380px,470px);gap:20px;padding:0 24px 24px;align-items:start}.business,aside{border:1px solid #dae2ef;background:white;border-radius:16px;overflow:hidden}.sectionbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid #e3e9f3}.sectionbar span{display:block;font-size:11px;color:#74839b;margin-top:6px}button{border:1px solid #d6dfef;padding:10px 13px;border-radius:9px;background:white;color:#345078;cursor:pointer;font-weight:600;font-size:12px}button:hover{background:#edf2fe}button:disabled{opacity:.4;cursor:default}.primary{background:#3159df;color:white;border-color:#3159df}.primary:hover{background:#2444b3}.danger{background:#fff0f1;color:#b53548;border-color:#f0cbd1}.notice{padding:12px 18px;font-size:11px;color:#687b94;line-height:1.65;margin:0;background:#f8faff}iframe{border:0;width:100%;height:900px;background:#f5f7fa}.controls,.plan,.cli{padding:18px}label{font-size:12px;font-weight:600;display:block;margin-bottom:9px}textarea,select{border:1px solid #d5deed;border-radius:9px;background:white;padding:12px;color:#243b58;font:inherit;font-size:13px;width:100%}textarea:focus,select:focus{outline:2px solid #9db3ff}.actions{display:flex;gap:8px;margin-top:12px}.small{font-size:11px;line-height:1.7;color:#748399}h2{font-size:13px;margin:0 0 12px}.runpicker{padding:0 18px 16px}#status{font-size:12px;padding:12px 18px;line-height:1.65;border-block:1px solid #e6edf7;background:#f7faff}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.7}details{font-size:12px;margin-top:14px}#summary{font-size:13px;line-height:1.85}#summary ul{margin:0;padding-left:18px}summary{cursor:pointer;color:#587198}.terminal{background:#102238;color:#c6d7ee;margin:0 14px;border-radius:12px;overflow:hidden}.terminal-title{padding:14px;font:12px monospace;border-bottom:1px solid #29405b;display:flex;align-items:center;gap:8px}.terminal-title #seq{margin-left:auto}.dot{height:7px;width:7px;border-radius:50%;background:#57dca0}.terminal p{font-size:10px;color:#7991af;padding:0 14px}.terminal #events{max-height:350px;overflow:auto;padding:0 14px 14px}.event{padding:10px 0;border-top:1px solid #233950;font:11px/1.7 monospace}.event strong{color:#78b4ff}.event details{margin-top:4px}.event pre{color:#a5b9d4}.cli code{font:11px/1.8 monospace;white-space:pre-wrap;word-break:break-all;background:#f1f5fc;display:block;padding:12px;border-radius:8px}footer{text-align:center;padding:8px 20px 28px;font-size:11px;color:#8590a3}@media(min-width:1700px){main{grid-template-columns:minmax(850px,1fr) 500px}}@media(max-width:950px){main{grid-template-columns:1fr;padding:0 12px 20px}.intro{padding:20px;display:block}.scope{margin-top:18px}.badge{display:none}header{padding:0 18px;height:60px}header>a:last-child{margin-left:auto}.brand span{display:none}iframe{height:750px}aside{order:-1}}

.receipt-summary{background:#eef7f3;border:1px solid #d7e8df;border-radius:8px;padding:10px;font-size:11px;color:#2c6650}aside .sectionbar{position:sticky;top:0;background:white;z-index:2}aside pre{max-height:260px;overflow:auto} .plan details pre{background:#f5f7fb;padding:10px}

.governance{border-bottom:1px solid #dce4f0;margin:0}.governance summary{font-weight:700}.governance fieldset{border:1px solid #dce4f0;padding:10px;margin:10px 0}.governance fieldset label{display:flex;gap:8px;align-items:center;font-size:11px}.governance input[type=checkbox]{width:auto}#ontologyGraph{max-height:260px;overflow:auto}#knowledgeResult{max-height:300px;overflow:auto}@media(max-width:600px){.intro h1{font-size:24px}aside .sectionbar{position:sticky;top:0}.business iframe{height:650px}}

.result-table-wrap{overflow:auto;margin:12px 0}.result-table{border-collapse:collapse;width:100%;font-size:12px;min-width:420px}.result-table th,.result-table td{text-align:left;padding:10px 8px;border-bottom:1px solid #e0e7f0;white-space:nowrap}.result-table th{background:#f2f5fc;color:#425c7b}#summary h3{margin:0 0 8px;font-size:16px}#ontologyStatus{font:12px/1.7 inherit;white-space:normal}.governance{background:#fafbfe}

#goalPanel{border-bottom:2px solid #dbe4fa}#goalPanel input{box-sizing:border-box;width:100%;padding:12px;border:1px solid #ccd5e4;border-radius:10px;font:inherit;margin:6px 0 12px}#goalEvents{max-height:320px;overflow:auto}#goalCLI{white-space:pre-wrap;overflow-wrap:anywhere}#goalObservationFields{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}#goalPanel .terminal p{color:#d3e0f5}#goalPanel button{margin:5px 0}