:root{--bg:#f4f7f5;--surface:#fff;--surface-soft:#eef3ef;--text:#16201d;--muted:#66736f;--line:#dfe8e2;--accent:#2f6f73;--accent-strong:#174f54;--gold:#b78b39;--danger:#a44949;--shadow:0 18px 44px #1a2b261a;--radius:8px;color:var(--text);background:var(--bg);font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg, #2f6f7314, transparent 34%), linear-gradient(315deg, #b78b3914, transparent 30%), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{border:0}.app-shell{grid-template-columns:276px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#f7fbf8;background:#14221f;flex-direction:column;gap:24px;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;padding:4px 4px 18px;display:flex}.brand-mark{color:#e1f2ed;background:linear-gradient(135deg,#2f6f73,#89a452);border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.brand strong,.brand span{display:block}.brand strong{font-size:20px;line-height:1.1}.brand span{color:#aebeba;margin-top:4px;font-size:13px}.nav-list{gap:8px;display:grid}.nav-item{color:#cbd7d3;cursor:pointer;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 12px;display:flex}.nav-item.active,.nav-item:hover{color:#fff;background:#ffffff1a}.deploy-card{background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;gap:10px;margin-top:auto;padding:14px;display:flex}.deploy-card strong,.deploy-card span{display:block}.deploy-card span{color:#b7c4c0;margin-top:5px;font-size:12px;line-height:1.5}.main{min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.topbar h1{letter-spacing:0;margin:0;font-size:30px;line-height:1.15}.topbar p{color:var(--muted);margin:8px 0 0;line-height:1.6}.top-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.user-chip{color:#23302d;border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:7px;min-height:40px;padding:0 12px;font-size:13px;display:inline-flex}.primary-button,.secondary-button{cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.primary-button{color:#fff;background:#1f5e62;box-shadow:0 10px 24px #1f5e6238}.primary-button:hover{background:#164d51;transform:translateY(-1px)}.primary-button:disabled{opacity:.62;cursor:wait;transform:none}.secondary-button{color:#23302d;border:1px solid var(--line);background:#fff}.secondary-button:hover{box-shadow:var(--shadow)}.wide{width:100%}.auth-page{background:linear-gradient(135deg, #2f6f731f, transparent 36%), linear-gradient(315deg, #b78b391a, transparent 32%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{border:1px solid var(--line);width:min(920px,100%);box-shadow:var(--shadow);background:#fffffff0;border-radius:8px;grid-template-columns:1.04fr .96fr;align-items:center;gap:28px;padding:28px;display:grid}.auth-panel.compact-auth{text-align:center;grid-template-columns:1fr;justify-items:center;width:min(360px,100%)}.auth-panel.compact-auth span{color:var(--muted)}.auth-copy{gap:14px;display:grid}.auth-copy h1{margin:2px 0 0;font-size:34px;line-height:1.15}.auth-copy p{color:var(--muted);margin:0;line-height:1.7}.auth-badges{flex-wrap:wrap;gap:8px;display:flex}.auth-badges span{color:#286151;background:#f2faf6;border:1px solid #cde4d9;border-radius:999px;padding:7px 10px;font-size:13px}.login-form{border:1px solid var(--line);background:#f8faf8;border-radius:8px;padding:20px}.login-error{color:#8d3434;background:#fff2f2;border:1px solid #efcaca;border-radius:8px;margin-bottom:12px;padding:10px;font-size:13px}.login-hint{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.55}.rag-status{border:1px solid var(--line);background:#ffffffeb;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:14px 16px;display:flex;box-shadow:0 10px 28px #1a2b2614}.rag-status-copy,.rag-status-pills{align-items:center;gap:10px;min-width:0;display:flex}.rag-status-copy strong,.rag-status-copy span{display:block}.rag-status-copy span{color:var(--muted);margin-top:3px;font-size:13px}.mode-pill{color:#286151;white-space:nowrap;background:#f2faf6;border:1px solid #d4e5de;border-radius:999px;align-items:center;min-height:34px;padding:0 11px;font-size:13px;display:inline-flex}.mode-pill.warn{color:#795d1b;background:#fffaf0;border-color:#ead9a6}.portal-grid{grid-template-columns:minmax(320px,.88fr) minmax(420px,1.12fr);align-items:start;gap:20px;display:grid}.demo-gallery{gap:12px;display:grid}.demo-card{--accent:#2f6f73;background:var(--surface);border:1px solid var(--line);width:100%;min-height:122px;color:var(--text);cursor:pointer;text-align:left;border-radius:8px;grid-template-columns:48px minmax(0,1fr) 20px;align-items:center;gap:14px;padding:16px;display:grid}.demo-card.selected{border-color:color-mix(in srgb, var(--accent), white 25%);box-shadow:0 14px 32px #243b351f}.card-icon,.large-icon{color:var(--accent);background:color-mix(in srgb, var(--accent), white 86%);border-radius:8px;place-items:center;display:grid}.card-icon{width:48px;height:48px}.large-icon{width:64px;height:64px}.card-copy span,.detail-heading span,.info-block span,.result-head span,.file-row span,.canvas-actions span,.metric span{color:var(--muted);font-size:13px}.card-copy strong{margin:4px 0 6px;font-size:18px;display:block}.card-copy p,.detail-heading p{color:var(--muted);margin:0;line-height:1.55}.detail-panel,.conversation-panel,.plan-panel,.wizard-panel,.config-panel,.workflow-panel,.harness-hero,.nl-panel,.studio-panel,.template-list,.audit-summary,.audit-table{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffeb;border-radius:8px}.detail-panel{padding:22px;position:sticky;top:24px}.detail-heading{--accent:#2f6f73;border-bottom:1px solid var(--line);align-items:center;gap:16px;padding-bottom:18px;display:flex}.detail-heading h2{margin:4px 0 6px;font-size:26px}.info-strip{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.info-block{background:var(--surface-soft);border-radius:8px;padding:14px}.info-block strong{margin-top:8px;font-size:14px;display:block}.question-list{gap:8px;margin-bottom:16px;display:grid}.question-list h3,.uploaded-list h3,.nl-panel h3,.template-list h3,.audit-table h3{margin:0 0 10px;font-size:16px}.question-list button{color:#23302d;border:1px solid var(--line);cursor:pointer;text-align:left;background:#f5f8f6;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:0 12px;display:flex}.smart-bi-box{background:#f5f2fb;border:1px solid #d9d2e8;border-radius:8px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.smart-bi-box p{color:var(--muted);margin:4px 0 0}.run-result{background:#f2faf6;border:1px solid #cde4d9;border-radius:8px;margin-top:16px;padding:16px}.run-result.compact{box-shadow:none;margin-top:14px}.run-error{color:#8d3b23;background:#fff5f2;border:1px solid #ead0c7;border-radius:8px;margin-top:12px;padding:10px 12px;line-height:1.5}.result-head{align-items:flex-start;gap:10px;display:flex}.result-head strong{line-height:1.45;display:block}.run-result p{color:#43504d;margin:12px 0;line-height:1.65}.citation-list,.trace-list,.harness-methods,.metric-grid{flex-wrap:wrap;gap:8px;display:flex}.citation-list span{color:#286151;background:#fff;border:1px solid #cde4d9;border-radius:999px;padding:6px 9px;font-size:12px}.workflow-run-summary{color:#2f6f5b;background:#fff;border:1px solid #dbeee5;border-radius:8px;align-items:center;gap:7px;margin-top:12px;padding:9px 10px;font-size:13px;font-weight:700;display:flex}.evidence-list{gap:8px;margin-top:12px;display:grid}.evidence-list article{background:#fff;border:1px solid #dbeee5;border-radius:8px;padding:10px}.evidence-list strong,.evidence-list span{display:block}.evidence-list span{color:var(--muted);margin-top:3px;font-size:12px}.evidence-list p{color:#43504d;margin:8px 0 0;font-size:13px;line-height:1.55}.trace-list{border-top:1px solid #dbeee5;margin-top:12px;padding-top:12px}.trace-list div{color:#3d6759;align-items:center;gap:5px;font-size:13px;display:inline-flex}.builder-layout{grid-template-columns:minmax(260px,.86fr) minmax(300px,1fr);grid-template-areas:"conversation plan""wizard config""workflow workflow";gap:18px;display:grid}.conversation-panel,.plan-panel,.wizard-panel,.config-panel,.workflow-panel,.nl-panel,.studio-panel,.template-list,.audit-summary,.audit-table{padding:20px}.conversation-panel{grid-area:conversation}.plan-panel{grid-area:plan}.wizard-panel{grid-area:wizard}.config-panel{grid-area:config}.workflow-panel{grid-area:workflow}.step-title{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.step-title>span{color:#fff;background:#1f5e62;border-radius:8px;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.step-title h2{margin:0;font-size:20px}.step-title p{color:var(--muted);margin:4px 0 0;line-height:1.5}.conversation-log{border:1px solid var(--line);background:#f8faf8;border-radius:8px;gap:10px;max-height:360px;padding:12px;display:grid;overflow:auto}.chat-bubble{border:1px solid var(--line);background:#fff;border-radius:8px;gap:5px;max-width:88%;padding:10px 12px;display:grid}.chat-bubble.user{background:#f2faf6;border-color:#cde4d9;justify-self:end}.chat-bubble strong{color:#286151;font-size:12px}.chat-bubble p{color:#24312e;margin:0;line-height:1.55}.conversation-input{gap:10px;margin-top:12px;display:grid}.conversation-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.pipeline-list{gap:8px;display:grid}.pipeline-stage{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:flex-start;gap:9px;padding:10px;display:flex}.pipeline-stage.done{background:#f2faf6;border-color:#cde4d9}.pipeline-stage.running,.pipeline-stage.ready{background:#f2fbfd;border-color:#bed6dc}.pipeline-stage.planned{background:#fffaf0;border-color:#ead9a6}.pipeline-stage strong,.pipeline-stage span{display:block}.pipeline-stage span{color:var(--muted);margin-top:3px;font-size:13px;line-height:1.45}.workflow-spec-list{background:#f8fbf8;border:1px solid #d9e5df;border-radius:8px;gap:8px;padding:10px;display:grid}.workflow-spec-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.workflow-spec-heading strong{color:#23312d}.workflow-spec-heading span{color:var(--muted);font-size:12px}.workflow-spec-item{border:1px solid var(--line);background:#fff;border-radius:8px;gap:7px;padding:9px;display:grid}.workflow-spec-item strong,.workflow-spec-item span{display:block}.workflow-spec-item span{color:var(--muted);margin-top:2px;font-size:12px}.workflow-spec-item ul{color:#37433f;margin:0;padding-left:18px;font-size:12px;line-height:1.5}select,input,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:8px;outline:none}select,input{min-height:42px;padding:0 12px}textarea{resize:vertical;padding:12px;line-height:1.6}label{color:#34413e;gap:7px;margin-bottom:12px;font-size:14px;display:grid}.drop-zone{text-align:center;cursor:pointer;background:#f6faf8;border:1px dashed #8ba9a3;border-radius:8px;align-content:center;place-items:center;gap:8px;min-height:158px;margin:16px 0;padding:18px;display:grid}.drop-zone.over{background:#ecf7f3;border-color:#1f5e62}.drop-zone span{color:var(--muted);font-size:13px;line-height:1.5}.drop-zone input{display:none}.uploaded-list{gap:8px;display:grid}.knowledge-mini,.empty-list{border:1px solid var(--line);color:var(--muted);background:#f8faf8;border-radius:8px;align-items:center;gap:8px;padding:10px;font-size:13px;line-height:1.45;display:flex}.empty-list{display:block}.file-row{border:1px solid var(--line);background:#f8faf8;border-radius:8px;align-items:center;gap:10px;min-height:48px;padding:9px 10px;display:flex}.file-row strong,.file-row span{display:block}.parse-card{color:#286151;background:#f2faf6;border:1px solid #cde4d9;border-radius:8px;align-items:flex-start;gap:8px;margin-top:10px;padding:10px;font-size:13px;line-height:1.5;display:flex}.workflow-canvas{border:1px solid var(--line);touch-action:none;background-color:#fbfcfb;background-image:linear-gradient(#eef3ef 1px,#0000 1px),linear-gradient(90deg,#eef3ef 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:8px;height:398px;position:relative;overflow:hidden}.workflow-canvas:has(.empty-canvas){touch-action:auto;background:#f8faf8;place-items:center;height:188px;display:grid}.workflow-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.workflow-lines path.workflow-edge-path{stroke:#9cb4ad;stroke-width:2px;stroke-dasharray:7 7;fill:none}.workflow-lines marker path{fill:#7f9991}.workflow-edge-label{paint-order:stroke;stroke:#fbfcfb;stroke-width:5px;stroke-linejoin:round;fill:#55746b;text-anchor:middle;font-size:11px;font-weight:700}.workflow-node{width:174px;min-height:66px;color:var(--text);cursor:grab;text-align:left;z-index:1;background:#fff;border:1px solid #c9d9d2;border-radius:8px;grid-template-columns:18px 1fr;align-items:center;gap:4px 8px;padding:10px;display:grid;position:absolute;top:0;left:0;box-shadow:0 8px 18px #1e2d2814}.workflow-node:active{cursor:grabbing}.workflow-node:disabled{cursor:default}.workflow-node strong{font-size:14px}.workflow-node span{color:var(--muted);grid-column:2;font-size:12px}.workflow-node.approval{background:#fff7f7;border-color:#e1c4c4}.workflow-node.tool{background:#fffaf0;border-color:#d7c896}.workflow-node.agent{background:#f2fbfd;border-color:#bed6dc}.empty-canvas{width:min(420px,100% - 32px);min-height:124px;color:var(--muted);text-align:center;background:#fff;border:1px dashed #cadbd4;border-radius:8px;align-content:center;place-items:center;gap:8px;padding:18px;line-height:1.45;display:grid;position:relative}.empty-canvas strong{color:var(--text)}.canvas-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.canvas-actions.empty-actions{justify-content:flex-end}.harness-grid{grid-template-columns:1.1fr .9fr;grid-template-areas:"hero hero""nl studio""templates studio";align-items:start;gap:18px;display:grid}.harness-hero{grid-area:hero;padding:24px}.harness-hero h2{margin:0;font-size:26px}.harness-hero p{color:var(--muted);margin:8px 0 18px;line-height:1.6}.harness-methods{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.harness-methods div{background:var(--surface-soft);border-radius:8px;gap:7px;padding:14px;display:grid}.harness-methods span{color:var(--muted);font-size:13px;line-height:1.5}.nl-panel{grid-area:nl}.studio-panel{grid-area:studio;gap:14px;display:grid}.studio-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.studio-heading h3,.studio-heading p{margin:0}.studio-heading p{color:var(--muted);margin-top:6px;line-height:1.55}.engine-strip{flex-wrap:wrap;gap:8px;display:flex}.engine-pill{color:#795d1b;background:#fffaf0;border:1px solid #ead9a6;border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.engine-pill.ready{color:#286151;background:#f2faf6;border-color:#d4e5de}.studio-form{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.wide-field{grid-column:1/-1}.studio-result{background:#f7fbf8;border:1px solid #d4e5de;border-radius:8px;gap:12px;padding:14px;display:grid}.studio-result strong,.studio-result span{display:block}.studio-result span{color:var(--muted);margin-top:4px;font-size:13px}.binding-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.binding-grid span{border:1px solid var(--line);color:#34413e;background:#fff;border-radius:8px;min-height:30px;padding:7px 9px}.template-list{grid-area:templates;align-content:start;gap:10px;display:grid}.draft-card,.template-card{border:1px solid var(--line);background:#f8faf8;border-radius:8px;gap:8px;margin-top:12px;padding:14px;display:grid}.draft-card span,.template-card span{color:#3d6759;font-size:13px}.template-card p{color:var(--muted);margin:0;line-height:1.55}.template-card div{flex-wrap:wrap;gap:8px;display:flex}.template-card div span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 8px}.audit-layout{grid-template-columns:1fr 1fr;gap:18px;display:grid}.audit-summary{grid-column:1/-1}.audit-summary h2{margin:0;font-size:26px}.audit-summary p{color:var(--muted);line-height:1.6}.metric-grid{grid-template-columns:repeat(4,1fr);display:grid}.metric{background:var(--surface-soft);border-radius:8px;gap:6px;padding:14px;display:grid}.metric strong{font-size:18px}.audit-row{border-bottom:1px solid var(--line);grid-template-columns:1.2fr .7fr .8fr;align-items:center;gap:12px;min-height:44px;display:grid}.audit-row.header{color:var(--muted);font-size:13px}.audit-row:last-child{border-bottom:0}.boundary-list{gap:10px;display:grid}.boundary-list span{border:1px solid var(--line);background:#f8faf8;border-radius:8px;padding:11px}.sidebar-bottom{gap:12px;margin-top:auto;display:grid}.sidebar-bottom .deploy-card{margin-top:0}.role-switcher{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;gap:10px;padding:14px;display:grid}.role-switcher-head{color:#e8f3ef;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.role-toggle{background:#0000002e;border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.role-toggle button{color:#cbd7d3;cursor:pointer;background:0 0;border-radius:6px;min-height:32px;font-size:13px;font-weight:700}.role-toggle button.active{color:#14221f;background:#f1f7f4}.role-switcher p{color:#b7c4c0;margin:0;font-size:12px;line-height:1.5}.secondary-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.storyboard,.architecture-page{gap:18px;display:grid}.story-overview,.architecture-head{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffeb;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px;display:flex}.story-overview h2,.architecture-head h2{margin:0;font-size:26px;line-height:1.2}.story-overview p,.architecture-head p{color:var(--muted);margin:8px 0 0;line-height:1.6}.story-metrics{grid-template-columns:repeat(3,minmax(108px,1fr));gap:10px;min-width:360px;display:grid}.metric-plain{border:1px solid var(--line);background:#f8faf8;border-radius:8px;padding:14px}.metric-plain strong,.metric-plain span{display:block}.metric-plain strong{font-size:22px;line-height:1.1}.metric-plain span{color:var(--muted);margin-top:5px;font-size:13px}.story-grid{grid-template-columns:minmax(270px,.34fr) minmax(0,.66fr);align-items:start;gap:18px;display:grid}.unit-rail,.unit-detail,.arch-block,.matrix-panel,.test-panel,.restricted-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffeb;border-radius:8px}.unit-rail{gap:8px;padding:12px;display:grid;position:sticky;top:24px}.unit-button{min-height:62px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;gap:5px;padding:11px 12px;display:grid}.unit-button:hover,.unit-button.active{border-color:var(--line);background:#f5f8f6}.unit-button.active{box-shadow:inset 3px 0 #1f5e62}.unit-button strong{font-size:15px}.unit-button span{color:var(--muted);font-size:12px;line-height:1.4}.unit-detail{padding:20px}.unit-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:16px;display:flex}.unit-heading h3{margin:0;font-size:24px}.unit-heading p{color:var(--muted);margin:8px 0 0;line-height:1.6}.demo-chip-row{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.demo-chip{color:#286151;cursor:pointer;background:#f2faf6;border:1px solid #d4e5de;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:13px;display:inline-flex}.role-story-list{gap:12px;display:grid}.role-story-card{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;padding:16px}.role-story-head{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.role-story-head strong,.role-story-head span{display:block}.role-story-head span{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.5}.story-definition{gap:10px;margin:0;display:grid}.story-definition div{grid-template-columns:64px minmax(0,1fr);gap:12px;display:grid}.story-definition dt{color:#3d6759;font-size:13px;font-weight:700}.story-definition dd{color:#43504d;margin:0;line-height:1.65}.story-definition ol{margin:0;padding-left:20px}.story-definition li+li{margin-top:4px}.pill-group{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.pill-group span,.mini-tags span{border:1px solid var(--line);color:#3d6759;background:#fff;border-radius:999px;padding:5px 8px;font-size:12px}.governance-line{border-top:1px solid var(--line);color:var(--muted);align-items:flex-start;gap:7px;margin-top:12px;padding-top:12px;font-size:13px;line-height:1.55;display:flex}.role-note{color:#286151;white-space:nowrap;background:#f2faf6;border:1px solid #d4e5de;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 12px;display:inline-flex}.arch-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.arch-block{padding:18px}.arch-block-title{align-items:center;gap:9px;margin-bottom:14px;display:flex}.arch-block-title h3,.matrix-panel h3,.test-panel h3{margin:0;font-size:18px}.arch-item-list{gap:10px;display:grid}.arch-item{border:1px solid var(--line);background:#f8faf8;border-radius:8px;padding:13px}.arch-item strong,.arch-item span{display:block}.arch-item em{color:#286151;background:#fff;border:1px solid #d4e5de;border-radius:999px;width:fit-content;margin-top:8px;padding:5px 8px;font-size:12px;font-style:normal;font-weight:700;display:inline-flex}.arch-item p{color:#43504d;margin:9px 0 0;font-size:13px;line-height:1.6}.arch-item span{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.55}.arch-item ul{color:#43504d;margin:9px 0 0;padding-left:18px;line-height:1.55}.mini-tags{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.architecture-lower{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.matrix-panel,.test-panel{padding:18px}.matrix-table{border:1px solid var(--line);border-radius:8px;margin-top:12px;display:grid;overflow:hidden}.matrix-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,1fr) 96px 96px;align-items:center;gap:0;min-height:42px;display:grid}.matrix-row:last-child{border-bottom:0}.matrix-row>*{border-right:1px solid var(--line);align-items:center;height:100%;padding:9px 11px;display:flex}.matrix-row>:last-child{border-right:0}.matrix-row.header{color:var(--muted);background:#f2f6f4;font-size:13px;font-weight:700}.matrix-row strong{color:#286151}.test-list{gap:9px;margin-top:12px;display:grid}.test-list article{border:1px solid var(--line);background:#f8faf8;border-radius:8px;gap:5px;padding:11px;display:grid}.test-list span{color:var(--muted);font-size:13px;line-height:1.5}.restricted-panel{text-align:center;align-content:center;place-items:center;gap:10px;min-height:360px;padding:28px;display:grid}.restricted-panel h2{margin:0;font-size:24px}.restricted-panel p{max-width:520px;color:var(--muted);margin:0;line-height:1.6}@media (width<=1120px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav-list{grid-template-columns:repeat(4,minmax(0,1fr))}.deploy-card{margin-top:0}.portal-grid,.builder-layout,.harness-grid,.audit-layout,.story-grid,.arch-section-grid,.architecture-lower{grid-template-columns:1fr;grid-template-areas:none}.wizard-panel,.config-panel,.workflow-panel,.conversation-panel,.plan-panel,.harness-hero,.nl-panel,.studio-panel,.template-list{grid-area:auto}.detail-panel,.unit-rail{position:static}.story-metrics{min-width:0}}@media (width<=760px){.main{padding:18px}.topbar,.detail-heading,.rag-status,.rag-status-pills,.smart-bi-box,.canvas-actions,.story-overview,.architecture-head,.unit-heading{display:grid}.topbar h1{font-size:24px}.top-actions,.nav-list,.info-strip,.harness-methods,.metric-grid,.story-metrics,.auth-panel{grid-template-columns:1fr;display:grid}.story-definition div,.matrix-row{grid-template-columns:1fr}.matrix-row>*{border-right:0;border-bottom:1px solid var(--line)}.matrix-row>:last-child{border-bottom:0}.demo-card{grid-template-columns:42px minmax(0,1fr)}.demo-card>svg{display:none}.workflow-canvas{height:460px}}