body{max-width:none!important;margin:0!important;padding:0!important;height:100dvh;overflow:hidden;background:#eef2f6}
#header{height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 28px;background:#152e40;color:#fff}
.brand{display:flex;align-items:center;gap:12px}.brand span{font-size:12px;color:#b6cddd;letter-spacing:1px}.brand strong{font-size:21px}.brand-mark{background:#a9d8cb;color:#15372b;border-radius:9px;padding:4px 12px;font-weight:800;font-size:24px}
#header nav{display:flex;gap:8px;align-items:center}#header button{background:transparent;color:#e1ebf3;border-color:#3a5366}#header button.active{background:#e5f0f7;color:#16364b}
#app{height:calc(100dvh - 72px);overflow:auto;padding:22px 28px}.topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.topline h1{margin:0;font-size:25px}
.subtitle{color:#546e80;font-size:14px;margin:4px 0}.panel{background:white;border:1px solid #d6e0e9;border-radius:10px;padding:22px;margin:12px 0}.login{max-width:490px;margin:9vh auto}.login input{width:100%;margin:12px 0}.login button{width:100%;background:#145a8c;color:white}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.card{background:white;border:1px solid #d6e0e9;border-radius:10px;padding:18px}.card h2{font-size:16px;margin:0 0 10px}.card .count{font-size:28px;font-weight:700}.card .subtitle{margin-top:10px}
.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0}.filters input{min-width:250px}.badge{display:inline-block;font-size:12px;border-radius:20px;padding:2px 10px;background:#e6eff6;color:#28536d;white-space:nowrap}.badge.ok{background:#ddf1e8;color:#225d46}.badge.warn{background:#fff0ce;color:#825219}
.table-wrap{overflow:auto;background:#fff;border:1px solid #d6e0e9;border-radius:9px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #e0e7ef;font-size:14px;vertical-align:top}th{color:#496274;background:#f6f9fb;position:sticky;top:0}.row-actions{display:flex;gap:6px}.row-actions button{font-size:13px;padding:4px 9px}
.workspace{display:grid;grid-template-columns:minmax(0,1fr)420px;gap:16px;height:calc(100dvh - 158px);min-height:0}.evidence-pane,.answer-pane{min-width:0;min-height:0;overflow:auto;background:#fff;border:1px solid #d2dee8;border-radius:9px;padding:18px;overscroll-behavior:contain}
.evidence-pane .ui-panel{border:0;padding:0;margin:12px 0}.evidence-pane .ui-pair h3{font-size:15px}.instruction{border-left:3px solid #70a3b7;padding:8px 13px;background:#eff6f9;white-space:pre-wrap;font-size:15px}.answer-pane{padding:0;display:flex;flex-direction:column}.answer-scroll{overflow:auto;padding:18px;flex:1;min-height:0}.answer-actions{flex-shrink:0;background:#f8fbfd;border-top:1px solid #d4e0e9;padding:12px;display:flex;gap:8px;flex-wrap:wrap}.answer-status{width:100%;font-size:13px;color:#466679;overflow-wrap:anywhere}
.answer-pane form{padding:0;border:0;margin:12px 0}.question{padding:10px 0;border-bottom:1px solid #e8eef3}.question label{font-size:14px;font-weight:600}.question select,.question textarea,.question input{width:100%;margin:6px 0;min-width:0}.question textarea{min-height:75px}.question input:disabled,.question select:disabled,.question textarea:disabled{background:#eef3f6;opacity:1;color:#586f80}
.answer-pane h2{margin:0 0 12px;font-size:19px}.mobile-tabs{display:none}.phase-line{display:flex;gap:8px;align-items:center}.empty{padding:55px;text-align:center;color:#526e82}.error{color:#a13c28;white-space:pre-wrap}.history-row{border-left:3px solid #7e9bac;margin:15px 0;padding:8px 15px}.history-row pre{max-height:300px}.secret-code{width:100%;font-family:monospace;word-break:break-all;background:#f4f6f8;padding:10px}
#toast{position:fixed;right:24px;bottom:22px;background:#17384b;color:white;padding:10px 18px;border-radius:8px;max-width:500px;z-index:20;display:none}.experiment-text{white-space:pre-wrap;font:14px/1.7 system-ui;max-height:none;background:#f7fafc}
@media(min-width:1700px){.workspace{grid-template-columns:minmax(0,1fr)470px}}@media(max-width:1000px){#header{padding:0 14px}.brand span{display:none}#app{padding:14px}.workspace{grid-template-columns:1fr;height:calc(100dvh - 208px)}.mobile-tabs{display:flex;gap:8px;margin:8px 0}.workspace[data-pane=answers] .evidence-pane{display:none}.workspace[data-pane=evidence] .answer-pane{display:none}.topline h1{font-size:19px}#header nav{gap:4px}#header button{font-size:12px;padding:5px}.brand strong{font-size:17px}.brand-mark{font-size:18px;padding:3px 8px}}

@media(max-width:600px){#header{height:auto;min-height:72px;flex-wrap:wrap;padding:10px 14px;gap:5px}#header nav{flex-wrap:wrap;max-width:100%}.brand strong{font-size:16px}#app{height:calc(100dvh - 104px);padding:12px}.workspace{height:calc(100dvh - 246px)}.topline{align-items:flex-start}.topline h1{overflow-wrap:anywhere}dialog{max-width:94vw}pre{overflow-wrap:anywhere}.answer-actions button{padding:5px 8px;font-size:12px}}

body{display:flex;flex-direction:column}#header{flex-shrink:0}#app{height:auto;flex:1;min-height:0}#app.editing{display:flex;flex-direction:column;overflow:hidden}.editing .topline,.editing .mobile-tabs{flex-shrink:0}.editing .workspace{height:auto;flex:1;min-height:0}

.viewer-switch{position:sticky;top:-18px;z-index:3;margin:-18px -18px 14px;padding:14px 18px 12px;background:#f6f9fc;border-bottom:1px solid #ccd9e4;box-shadow:0 3px 8px #17384b10}
.ui-run-heading{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin-bottom:10px}.ui-run-heading strong{font-size:18px}.ui-run-heading span{font-size:13px;color:#536c7f}
.ui-run-tabs{display:flex;gap:10px;flex-wrap:wrap}.ui-run-tab{flex:1 1 160px;display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:12px 14px;text-align:left;border:2px solid #9baebf;border-radius:8px;background:#fff;min-height:82px;box-shadow:0 2px 0 #cbd6df}
.ui-run-tab strong{font-size:19px;grid-column:1/-1}.ui-run-detail{font-size:13px;color:#496274}.ui-run-state{font-size:13px;font-weight:600;color:#1a5988}.ui-run-tab:hover{background:#e7f1fa;border-color:#52738d}.ui-run-tab:focus-visible{outline:3px solid #0079c9;outline-offset:3px}
.ui-run-tab[aria-selected=true]{border-color:#154a70;background:#154a70;color:white;box-shadow:0 3px 0 #0b324d}.ui-run-tab[data-kind=wrong][aria-selected=true]{border-color:#863d22;background:#863d22;box-shadow:0 3px 0 #5d2915}.ui-run-tab[data-kind=control][aria-selected=true]{border-color:#425970;background:#425970;box-shadow:0 3px 0 #283c4e}
.ui-run-tab[aria-selected=true] .ui-run-detail,.ui-run-tab[aria-selected=true] .ui-run-state{color:white}.ui-run-state{white-space:nowrap}.ui-current-run{margin-top:11px;font-size:14px;font-weight:650;color:#1d4059}
@media(max-width:600px){.viewer-switch{padding:10px 12px}.ui-run-tabs{gap:7px}.ui-run-tab{flex-basis:125px;padding:9px 10px;min-height:73px}.ui-run-tab strong{font-size:17px}.ui-run-heading{gap:5px}.ui-run-heading span{font-size:12px}.ui-current-run{font-size:13px}}

.work-roadmap{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:10px 0 14px}.work-stage{text-align:left;display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:16px;background:#fff;border:1px solid #b4c7d6;border-top:4px solid #476e8c;border-radius:8px}.work-stage:first-child{border-top-color:#12669c;background:#eef7fe}.work-stage strong{font-size:16px}.work-stage span{font-size:14px;color:#4e6678}.work-stage small{color:#1c5b85}.work-stage:hover{border-color:#256a98;background:#e6f2fc}.task-group td{background:#eaf1f7;border-top:2px solid #c2d4e2;padding:14px}.task-group strong{font-size:16px;color:#21465f}.task-group span{margin-left:16px;color:#526b7d;font-size:13px}.task-guide{font-size:13px;color:#597081;margin:5px 0 0;max-width:420px}.task-filter-count{color:#526b7d;font-size:13px;margin:8px 0}.badge.urgent{background:#ffe7d6;color:#853d12;font-weight:700}.filters select{max-width:100%}
@media(max-width:600px){.work-roadmap{grid-template-columns:1fr}.task-group span{display:block;margin:5px 0 0}}