:root{color:#17201b;background:#f7f4ec;font-family:Aptos,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17201b;--muted: #657065;--paper: #fffdf8;--panel: #f0eadf;--line: #d5cdbc;--green: #285b46;--teal: #1f6f68;--red: #8c3e35;--gold: #a87928;--blue: #365f7e;--shadow: 0 20px 58px rgba(45, 39, 28, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,textarea,input,select{font:inherit}button{cursor:pointer}.entry-shell{min-height:100vh;padding:32px;background:radial-gradient(circle at top left,rgba(40,91,70,.16),transparent 34%),radial-gradient(circle at top right,rgba(31,111,104,.14),transparent 30%),linear-gradient(135deg,#f7f4ec,#edf4ea)}.entry-panel{display:grid;gap:24px;width:min(1180px,100%);margin:0 auto;padding:30px;background:#fffdf8d6;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.entry-copy{display:grid;gap:12px;max-width:760px}.entry-copy h2{font-size:clamp(1.8rem,3.1vw,3rem);line-height:1.05;letter-spacing:-.02em}.entry-description{max-width:64ch;color:var(--muted);font-size:1rem;line-height:1.6}.problem-search{display:grid;gap:8px;max-width:560px}.problem-search-label{color:var(--green);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.problem-search-input{min-height:46px;padding-inline:14px;background:#ffffffe0;border-radius:12px;box-shadow:0 10px 22px #2d271c0a}.problem-search-input::placeholder{color:#657065c7}.filter-bar{display:flex;flex-wrap:wrap;gap:10px}.filter-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;color:var(--ink);background:#fffc;border:1px solid rgba(213,205,188,.9);border-radius:999px;box-shadow:0 8px 18px #2d271c0a;font-size:.82rem;font-weight:800;transition:transform .12s ease,border-color .12s ease,background-color .12s ease,color .12s ease}.filter-chip span{display:inline-grid;place-items:center;min-width:1.7rem;padding:2px 6px;color:var(--muted);background:#17201b0f;border-radius:999px;font-size:.72rem;font-weight:900}.filter-chip:hover,.filter-chip:focus-visible{transform:translateY(-1px);border-color:#285b4659}.filter-chip.active{color:#f8fbf6;background:var(--green);border-color:var(--green)}.filter-chip.active span{color:#f8fbf6d6;background:#f8fbf624}.problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.problem-empty-state{display:grid;gap:8px;padding:24px;color:var(--muted);background:#ffffffb3;border:1px dashed rgba(213,205,188,.95);border-radius:18px}.problem-empty-state h3{color:var(--ink);font-size:1rem}.problem-card{display:grid;gap:10px;min-height:240px;padding:18px;text-align:left;color:var(--ink);background:linear-gradient(180deg,#fffffff2,#f1ece1eb),var(--paper);border:1px solid rgba(213,205,188,.9);border-radius:20px;box-shadow:0 16px 40px #2d271c14;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.problem-card.common{border-color:#a879286b;box-shadow:0 18px 44px #a879281f}.problem-card:hover,.problem-card:focus-visible{transform:translateY(-3px);border-color:#285b4659;box-shadow:0 24px 52px #2d271c24}.problem-card.common:hover,.problem-card.common:focus-visible{border-color:#a8792894;box-shadow:0 26px 58px #a879282e}.problem-card-badge{width:fit-content;padding:4px 10px;color:#6f4812;background:#a879281f;border:1px solid rgba(168,121,40,.26);border-radius:999px;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.problem-card-kicker{color:var(--green);font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.problem-card h3{font-size:1.05rem}.problem-card p{color:var(--ink);line-height:1.5}.problem-card small{color:var(--muted);line-height:1.45}.problem-card-action{display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:var(--green);font-weight:850}.inline-link{padding:0;color:var(--teal);background:transparent;border:0;border-radius:0;font-weight:850}.inline-link:hover,.inline-link:focus-visible{text-decoration:underline}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr) 340px;min-height:100vh;background:linear-gradient(135deg,#ffffffad,#e2eee6b8),repeating-linear-gradient(0deg,rgba(23,32,27,.028),rgba(23,32,27,.028) 1px,transparent 1px,transparent 24px)}.app-shell.feedback-hidden{grid-template-columns:280px minmax(0,1fr)}.left-rail,.feedback-rail{padding:22px;border-color:var(--line);background:#fffdf8d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.left-rail{border-right:1px solid var(--line)}.feedback-rail{border-left:1px solid var(--line)}.brand-block,.feedback-header,.inspector-header,.panel-title,.field-label,.canvas-header,.problem-strip,.button-row,.primary-action,.secondary-action,.icon-button,.text-button,.feedback-section li,.node-palette button,.canvas-actions,.section-heading,.flow-row{display:flex;align-items:center}.brand-block{gap:12px;margin-bottom:24px}.brand-mark{display:grid;width:44px;height:44px;place-items:center;color:#f8fbf6;background:var(--green);border-radius:8px}h1,h2,h3,p{margin:0}h1{font-size:1.1rem}h2{font-size:1.02rem;line-height:1.25}h3{font-size:.8rem}.brand-block p,.muted,.usecase small,.canvas-node small{color:var(--muted)}.panel{padding:14px;margin-bottom:16px;background:#f0eadfb3;border:1px solid var(--line);border-radius:8px}.opening-moves-panel{background:linear-gradient(180deg,#ffffffad,#f0eadfd1),#f0eadfb3}.opening-moves-panel.collapsed{padding-bottom:12px}.panel-title{gap:8px;margin-bottom:10px;font-size:.78rem;font-weight:850;text-transform:uppercase}.opening-moves-header{justify-content:space-between}.opening-moves-toggle{width:30px;height:30px;padding:0}.opening-moves-toggle-icon{transition:transform .12s ease}.opening-moves-toggle-icon.collapsed{transform:rotate(-90deg)}.usecase-list,.inspector-stack,.feedback-stack,.component-editor{display:grid;gap:8px}.component-editor.collapsed,.feedback-stack.collapsed{gap:6px}.usecase{width:100%;padding:10px;text-align:left;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px}.usecase span,.usecase small{display:block}.usecase span{margin-bottom:3px;font-weight:850}.usecase.active{color:#f8fbf6;background:var(--green);border-color:var(--green)}.usecase.active small{color:#f8fbf6c7}.opening-moves-intro{margin-bottom:10px;font-size:.78rem;line-height:1.5}.opening-moves-collapsed-note{margin:0;padding-top:2px}.opening-moves-list{display:grid;gap:8px}.coverage-panel{background:linear-gradient(180deg,#ffffffa3,#f0eadfc7),#f0eadfb3}.coverage-header{justify-content:space-between}.coverage-progress{display:inline-flex;align-items:center;min-height:22px;padding:2px 8px;color:var(--green);background:#285b461a;border-radius:999px;font-size:.7rem;font-weight:900}.coverage-intro{margin-bottom:10px;font-size:.78rem;line-height:1.5}.coverage-list{display:grid;gap:8px}.coverage-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:10px 11px;width:100%;color:var(--ink);text-align:left;font:inherit;background:#fffdf8f5;border:1px solid rgba(213,205,188,.95);border-radius:8px;box-shadow:0 8px 18px #2d271c0a}.coverage-item.interactive{cursor:pointer}.coverage-item.interactive:hover,.coverage-item.interactive:focus-visible{border-color:#285b4652;box-shadow:0 12px 22px #2d271c14}.coverage-item.complete{border-color:#285b463d}.coverage-item:disabled{cursor:default}.coverage-item strong{display:block;margin-bottom:3px;color:var(--ink);font-size:.78rem}.coverage-item small{color:var(--muted);font-size:.72rem;line-height:1.4}.coverage-state{padding:3px 8px;color:var(--muted);background:#17201b0d;border-radius:999px;font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.coverage-state.complete{color:var(--green);background:#285b461a}.opening-move-card{width:100%;display:grid;gap:6px;padding:10px 11px;color:var(--ink);text-align:left;font:inherit;background:#fffdf8f5;border:1px solid rgba(213,205,188,.95);border-radius:8px;box-shadow:0 8px 18px #2d271c0a}.opening-move-card:hover,.opening-move-card:focus-visible{border-color:#285b4652;box-shadow:0 12px 22px #2d271c14}.opening-move-index{display:inline-flex;width:fit-content;padding:3px 7px;color:var(--green);background:#285b461a;border-radius:999px;font-size:.66rem;font-weight:900;letter-spacing:.08em}.opening-move-card p{color:var(--ink);font-size:.77rem;line-height:1.45}.opening-move-action{width:fit-content;padding:3px 8px;color:var(--muted);background:#17201b0d;border-radius:999px;font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.workbench{min-width:0;padding:22px}.problem-strip{justify-content:space-between;gap:18px;padding:17px;margin-bottom:16px;background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.coach-run-controls{display:grid;justify-items:end;gap:8px}.coach-source{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:6px 10px;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:999px;font-size:.72rem;font-weight:900}.coach-source.running,.coach-source.openrouter{color:var(--blue);background:#365f7e14;border-color:#365f7e47}.coach-source.error{color:var(--red);background:#8c3e3514;border-color:#8c3e3547}.eyebrow{display:block;margin-bottom:4px;color:var(--muted);font-size:.7rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.canvas-layout{display:grid;grid-template-columns:minmax(520px,1fr) 300px;gap:16px}.canvas-layout--expanded{grid-template-columns:minmax(0,1fr)}.canvas-panel,.inspector{padding:16px;background:#fffdf8e6;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.canvas-header{justify-content:space-between;gap:12px;margin-bottom:12px}.canvas-actions{position:relative;gap:8px;flex-wrap:wrap}.add-menu-shell{position:relative}.add-trigger{min-width:96px}.add-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:min(380px,78vw);padding:12px;display:grid;gap:12px;background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.add-menu-section{display:grid;gap:8px}.add-menu-section h4{margin:0;color:var(--muted);font-size:.7rem;font-weight:900;text-transform:uppercase}.add-menu-grid{display:grid;gap:8px}.add-menu-grid.flows,.add-menu-grid.components{grid-template-columns:repeat(2,minmax(0,1fr))}.add-menu-item{display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 10px;color:var(--ink);text-align:left;background:#fffef9;border:1px solid var(--line);border-radius:7px;font-size:.78rem;font-weight:800}.add-menu-item.event{color:var(--blue)}.flow-action-row{display:flex;gap:8px}.flow-action-button{justify-content:center;min-width:0;min-height:42px;padding:0}.flow-action-row .flow-action-button{flex:1 1 0}.add-menu-item.flow-action-button{width:100%;padding:0}.flow-action-icon{display:inline-grid;place-items:center;gap:1px;line-height:0}.flow-action-icon svg{display:block}.flow-action-button.request{color:var(--green)}.flow-action-button.event{color:var(--blue)}.flow-action-button.request:not(:disabled){background:#285b4614;border-color:#285b4638}.flow-action-button.event:not(:disabled){background:#365f7e14;border-color:#365f7e38}.flow-action-button.danger{color:var(--red)}.flow-action-button.danger:not(:disabled){background:#8c3e3514;border-color:#8c3e3538}.flow-action-button:disabled{opacity:.45}.add-menu-item:disabled{cursor:not-allowed;opacity:.5}.primary-action,.secondary-action,.icon-button,.icon-tool,.text-button,.feedback-section button{justify-content:center;gap:8px;color:#f8fbf6;background:var(--green);border:0;border-radius:7px;font-weight:850}.primary-action{flex:0 0 auto;min-width:132px;padding:12px 16px}.secondary-action,.feedback-section button{padding:9px 12px;color:var(--ink);background:#e7f1eb;border:1px solid #b8d4c5}.secondary-action.active{color:#f8fbf6;background:var(--blue);border-color:var(--blue)}.secondary-action.danger-action{color:#f8fbf6;background:var(--red);border-color:var(--red)}.icon-tool{width:38px;height:38px;color:var(--ink);background:#fffef9;border:1px solid var(--line)}.icon-tool.danger-action{color:#f8fbf6;background:var(--red);border-color:var(--red)}.icon-tool:disabled{cursor:not-allowed;opacity:.45}.zoom-readout{min-width:44px;color:var(--muted);font-size:.78rem;font-weight:900;text-align:center}.secondary-action.wide,.text-button.wide{width:100%}.button-row{gap:8px;margin-top:12px}.icon-button{width:36px;height:36px}.icon-button.danger,.text-button{background:var(--red)}.node-palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px}.node-palette button{min-height:38px;justify-content:center;gap:6px;padding:8px;color:var(--ink);background:#fffef9;border:1px solid var(--line);border-radius:7px;font-size:.76rem;font-weight:780}.canvas-stage{position:relative;aspect-ratio:720 / 470;width:100%;overflow:auto;touch-action:none;background:linear-gradient(#fffef9eb,#fffef9eb),repeating-linear-gradient(90deg,transparent,transparent 23px,rgba(31,111,104,.12) 24px),repeating-linear-gradient(0deg,transparent,transparent 23px,rgba(31,111,104,.12) 24px);border:1px solid var(--line);border-radius:8px}.canvas-zoom-area{position:relative;min-width:100%;min-height:100%}.canvas-plane{position:absolute;top:0;left:0;width:720px;height:470px;transform-origin:top left}.edge-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.edge-path{cursor:pointer;pointer-events:auto}.edge-path path{fill:none;stroke:#285b46b8;stroke-width:2.5}.edge-path.event path{stroke:#365f7ec7;stroke-dasharray:9 7}.edge-path.selected path{stroke:var(--blue);stroke-width:4}.edge-layer marker path{fill:#285b46b8}.edge-path text{fill:var(--ink);font-size:12px;font-weight:800;paint-order:stroke;stroke:#fffef9;stroke-width:4px}.edge-path.selected text{fill:var(--blue)}.edge-path.event text{fill:var(--blue)}.bend-handle{fill:#fffef9;stroke:var(--green);stroke-width:3;cursor:grab}.bend-handle:active{cursor:grabbing}.edge-path.selected .bend-handle{fill:#e7f1eb;stroke:var(--blue);stroke-width:4}.canvas-node{position:absolute;display:grid;grid-template-columns:22px 1fr;grid-template-rows:auto 1fr;width:158px;min-height:84px;gap:4px 8px;padding:11px;text-align:left;color:var(--ink);background:transparent;border:0;border-radius:8px;filter:drop-shadow(0 14px 20px rgba(39,48,40,.13));isolation:isolate;--node-border: var(--teal);--node-fill: #fbfaf5;--node-clip: inset(0 round 8px);-webkit-user-select:none;user-select:none;z-index:2}.canvas-node:before,.canvas-node:after{position:absolute;pointer-events:none;content:""}.canvas-node:before{top:0;right:0;bottom:0;left:0;z-index:0;background:var(--node-border);clip-path:var(--node-clip)}.canvas-node:after{top:2px;right:2px;bottom:2px;left:2px;z-index:0;background:var(--node-fill);clip-path:var(--node-clip)}.canvas-node>*{position:relative;z-index:1}.feedback-node{position:absolute;display:grid;gap:7px;width:224px;min-height:120px;padding:12px;color:var(--ink);text-align:left;background:#fffef9;border:1px solid var(--line);border-left:4px solid var(--feedback-accent, var(--line));border-radius:8px;box-shadow:0 14px 20px #2730281c;cursor:pointer;z-index:1}.feedback-node-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.feedback-node-badge{display:inline-flex;align-items:center;padding:3px 8px;color:var(--feedback-accent, var(--ink));background:#fffef9;border:1px solid var(--feedback-accent, var(--line));border-radius:999px;font-size:.66rem;font-weight:900;text-transform:uppercase}.feedback-node-anchor{display:inline-flex;align-items:center;padding:3px 8px;color:var(--muted);background:#fffef9f5;border:1px solid var(--line);border-radius:999px;font-size:.66rem;font-weight:800}.feedback-node-index{color:var(--muted);font-size:.72rem;font-weight:900}.feedback-node strong{min-width:0;overflow-wrap:anywhere;font-size:.82rem}.feedback-node small{display:-webkit-box;overflow:hidden;color:var(--muted);-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:.72rem;line-height:1.35}.feedback-node.active{outline:2px solid var(--feedback-accent, var(--teal));outline-offset:2px}.feedback-node.focused{transform:translateY(-1px)}.canvas-node strong{min-width:0;overflow-wrap:anywhere;font-size:.84rem}.canvas-node small{grid-column:1 / -1;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.72rem;line-height:1.3}.node-icon{display:grid;place-items:center;width:22px;height:22px;color:#f8fbf6;background:var(--teal);border-radius:6px}.canvas-node.client{--node-clip: inset(0 round 999px)}.canvas-node.service{--node-clip: inset(0 round 8px)}.canvas-node.load-balancer{--node-clip: polygon(50% 0, 100% 50%, 50% 100%, 0 50%)}.canvas-node.database,.canvas-node.storage{--node-border: var(--gold);--node-clip: inset(0 round 50% / 18%)}.canvas-node.database:after,.canvas-node.storage:after{background:radial-gradient(ellipse at top,transparent 0 32%,rgba(168,121,40,.2) 33%,rgba(168,121,40,.2) 36%,transparent 37%),var(--node-fill)}.canvas-node.queue{--node-border: var(--red);--node-clip: inset(6px 0 round 999px)}.canvas-node.queue:after{background:radial-gradient(ellipse at left,rgba(140,62,53,.24) 0 28%,rgba(140,62,53,.08) 29%,transparent 52%),radial-gradient(ellipse at right,transparent 0 47%,rgba(140,62,53,.16) 48%,rgba(140,62,53,.16) 58%,transparent 59%),var(--node-fill)}.canvas-node.cache{--node-border: var(--red);--node-clip: polygon(14% 0, 86% 0, 100% 50%, 86% 100%, 14% 100%, 0 50%)}.canvas-node.external{--node-clip: inset(0 round 18px 8px 18px 8px)}.canvas-node.external:after{background:repeating-linear-gradient(135deg,rgba(31,111,104,.1),rgba(31,111,104,.1) 0 6px,transparent 6px 12px),var(--node-fill)}.canvas-node.region{--node-clip: inset(0 round 4px)}.canvas-node.region:after{background:linear-gradient(#fbfaf5d1,#fbfaf5d1),repeating-linear-gradient(45deg,transparent,transparent 7px,rgba(31,111,104,.1) 7px,rgba(31,111,104,.1) 12px)}.canvas-node.comment{--node-border: #8b6d2f;--node-fill: #fff4bd;--node-clip: polygon(0 0, 84% 0, 100% 18%, 100% 100%, 0 100%)}.canvas-node.comment:after{background:linear-gradient(225deg,rgba(139,109,47,.28) 0 12%,transparent 13%),var(--node-fill)}.canvas-node.database .node-icon,.canvas-node.storage .node-icon{background:var(--gold)}.canvas-node.queue .node-icon,.canvas-node.cache .node-icon{background:var(--red)}.canvas-node.comment .node-icon{background:#8b6d2f}.canvas-node.selected:before{box-shadow:0 0 0 4px #1f6f6833}.canvas-node,.feedback-node{-webkit-tap-highlight-color:transparent}.canvas-node.connecting:before{border-style:dashed;box-shadow:0 0 0 4px #365f7e38}.canvas-node.event-source{filter:drop-shadow(0 0 8px rgba(54,95,126,.24)) drop-shadow(0 14px 20px rgba(39,48,40,.13))}.canvas-node.isolated:before{box-shadow:0 0 0 3px #8c3e351a}.inspector-header{gap:10px;margin-bottom:14px}.component-editor.collapsed .inspector-header{margin-bottom:0}.field-label{gap:8px;margin:12px 0 7px;font-size:.72rem;font-weight:900;text-transform:uppercase}textarea,input,select{width:100%;color:var(--ink);background:#fffef9;border:1px solid var(--line);border-radius:6px;outline:none}textarea:focus,input:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #1f6f6824}input,select{min-height:36px;padding:7px 9px}textarea{padding:10px;resize:vertical}.responsibility-input{min-height:86px}.flow-description-input{min-height:104px}.notes-input{min-height:126px}.edge-editor{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.selected-flow-editor{margin-top:18px;padding:14px;background:#f7fbf8;border:1px solid #b8d4c5;border-radius:8px}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.segmented-control button{min-height:34px;color:var(--ink);background:transparent;border:0;border-radius:6px;font-weight:800}.segmented-control button.active{color:#f8fbf6;background:var(--blue)}.section-heading{justify-content:space-between;gap:10px}.section-heading button{display:grid;width:28px;height:28px;place-items:center;color:#f8fbf6;background:var(--red);border:0;border-radius:7px}.edge-editor h3,.section-heading h3{margin-bottom:9px;text-transform:uppercase}.flow-row{display:grid;grid-template-columns:16px minmax(0,1fr) 14px minmax(0,1fr);margin-bottom:7px;gap:6px;width:100%;padding:8px;color:var(--ink);text-align:left;background:#fffef9;border:1px solid var(--line);border-radius:7px}.flow-row span,.flow-row strong,.flow-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-row strong{grid-column:2 / -1;color:var(--muted);font-size:.72rem}.flow-row small{grid-column:2 / -1;color:var(--muted);font-size:.7rem}.flow-row.active{border-color:var(--blue);box-shadow:0 0 0 3px #365f7e21}.flow-row.event{border-style:dashed;background:#f4f8fb}.feedback-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:18px}.feedback-header-main{display:flex;align-items:flex-start;gap:10px;min-width:0}.feedback-close-button{flex:0 0 auto;margin-top:-2px}.feedback-stack.collapsed .feedback-header{margin-bottom:10px}.graph-feedback-panel{display:grid;gap:10px;padding:14px;background:#f0eadf94;border:1px solid var(--line);border-radius:8px}.feedback-count{min-width:30px;padding:3px 8px;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:999px;font-size:.72rem;font-weight:900;text-align:center}.feedback-mode-control{margin-top:2px}.graph-feedback-focus{display:grid;gap:10px;padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:8px}.graph-feedback-focus h3{margin:0;font-size:.88rem}.graph-feedback-focus p{color:#29342d;line-height:1.45}.graph-feedback-focus-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.feedback-position{color:var(--muted);font-size:.72rem;font-weight:900}.feedback-pill{display:inline-flex;align-items:center;padding:3px 8px;color:var(--feedback-accent, var(--ink));background:#fffef9;border:1px solid var(--feedback-accent, var(--line));border-radius:999px;font-size:.66rem;font-weight:900;text-transform:uppercase}.graph-feedback-grid{display:grid;gap:8px}.graph-feedback-chip{display:grid;gap:7px;width:100%;padding:11px;color:var(--ink);text-align:left;background:#fffef9;border:1px solid var(--line);border-left:4px solid var(--feedback-accent, var(--line));border-radius:8px}.graph-feedback-chip strong{font-size:.83rem}.graph-feedback-chip small{color:var(--muted);overflow:hidden;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.graph-feedback-chip.active{box-shadow:0 0 0 3px #1f6f6824}.collapsed-panel-note{padding:12px 13px;margin:0;color:var(--muted);background:#f0eadf6b;border:1px dashed var(--line);border-radius:8px;font-size:.78rem;line-height:1.45}.verdict,.empty-feedback{padding:15px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.feedback-section{padding-bottom:15px;border-bottom:1px solid var(--line)}.feedback-section h3{margin-bottom:9px;text-transform:uppercase}.feedback-section ul{display:grid;gap:9px;padding:0;margin:0;list-style:none}.feedback-section li{display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:start;color:#29342d;line-height:1.35}.feedback-section button{padding:5px 8px;font-size:.72rem}.feedback-pill.verdict,.graph-feedback-chip.verdict,.feedback-node.verdict{--feedback-accent: var(--gold)}.feedback-pill.strength,.graph-feedback-chip.strength,.feedback-node.strength{--feedback-accent: var(--green)}.feedback-pill.gap,.graph-feedback-chip.gap,.feedback-node.gap{--feedback-accent: var(--red)}.feedback-pill.revision,.graph-feedback-chip.revision,.feedback-node.revision{--feedback-accent: var(--blue)}.feedback-pill.follow_up,.graph-feedback-chip.follow_up,.feedback-node.follow_up{--feedback-accent: var(--teal)}.empty-feedback{display:grid;gap:12px;place-items:center;min-height:220px;color:var(--muted);text-align:center}.payload-viewer{padding-bottom:15px;border-bottom:1px solid var(--line)}.payload-viewer summary{cursor:pointer;font-size:.8rem;font-weight:900;text-transform:uppercase}.payload-viewer pre{max-height:320px;padding:10px;overflow:auto;color:#25312a;background:#fffef9;border:1px solid var(--line);border-radius:7px;font-size:.72rem;line-height:1.45}.logs-shell{min-height:100vh;padding:24px;background:linear-gradient(135deg,#ffffffad,#e2eee6b8),repeating-linear-gradient(0deg,rgba(23,32,27,.028),rgba(23,32,27,.028) 1px,transparent 1px,transparent 24px)}.logs-panel{display:grid;gap:16px;max-width:980px;margin:0 auto;padding:20px;background:#fffdf8eb;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.logs-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.logs-actions{display:flex;align-items:center;gap:8px}.logs-back-link{text-decoration:none}.logs-list{display:grid;gap:12px}.log-entry{display:grid;gap:8px;padding:14px;background:#fffef9;border:1px solid var(--line);border-radius:8px}.log-entry-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.log-entry-time{color:var(--muted);font-size:.72rem;font-weight:900}.log-entry h2{font-size:.96rem}.log-entry-problem{color:#29342d;line-height:1.45}.log-entry-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:.76rem;font-weight:900}.log-entry-detail{color:var(--muted);font-size:.78rem;line-height:1.4}@media(max-width:1240px){.app-shell{grid-template-columns:250px minmax(0,1fr)}.feedback-rail{grid-column:1 / -1;border-top:1px solid var(--line);border-left:0}}@media(max-width:960px){.entry-shell{padding:16px}.entry-panel{padding:20px;border-radius:22px}.problem-grid{grid-template-columns:1fr}.app-shell{display:block}.left-rail,.workbench,.feedback-rail{padding:16px}.canvas-layout{grid-template-columns:1fr}.problem-strip,.canvas-header{align-items:stretch;flex-direction:column}.coach-run-controls{justify-items:stretch}.node-palette{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.entry-copy h2{font-size:1.55rem}.node-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-actions{align-items:stretch;flex-direction:column}.canvas-stage{aspect-ratio:4 / 5}.logs-shell{padding:16px}.logs-header,.logs-actions{align-items:stretch;flex-direction:column}}