.ui-hero{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:24px;padding:30px;border-radius:16px;background:linear-gradient(135deg,#171c2d 0%,#28244c 58%,#493c8d 100%);color:#fff;box-shadow:0 18px 45px #1e244624}
.ui-hero h2{font-size:27px;margin:14px 0 10px}
.ui-hero p{max-width:730px;color:#d7d9eb;line-height:1.65;margin:0}
.ui-hero code{color:#fff;background:#ffffff14;border:1px solid #ffffff1c;padding:2px 7px;border-radius:6px}
.ui-import-panel{display:grid;gap:10px;align-content:center;background:#ffffff10;border:1px solid #ffffff22;border-radius:13px;padding:18px}
.ui-import-panel label{display:grid;gap:7px;color:#e5e6f3;font-size:12px;font-weight:700}
.ui-import-panel select{width:100%;background:#fff;color:#24283a}
.ui-import-panel small{color:#c9cbe0;line-height:1.45}
.ui-import-panel button:disabled{opacity:.52;cursor:not-allowed}
.ui-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}
.ui-stats article{display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px 12px;padding:17px 18px;background:#fff;border:1px solid var(--line);border-radius:12px}
.ui-stats span,.ui-stats small{color:var(--muted);font-size:12px}
.ui-stats b{grid-row:1/3;grid-column:2;font-size:26px;color:#262b3b}
.ui-toolbar{display:grid;grid-template-columns:minmax(230px,1fr) 220px 150px 150px;gap:10px;align-items:center;padding:12px 14px;margin-bottom:14px}
.ui-toolbar input,.ui-toolbar select{width:100%}
.ui-toolbar-actions{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:7px;justify-content:flex-start}
.ui-toolbar-actions span{font-size:12px;color:var(--muted);white-space:nowrap;margin-right:auto}
.ui-static-export-result{grid-column:1/-1;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #cfc9fa;border-radius:10px;background:#f6f4ff;color:#5148ae;font-size:11px;line-height:1.45}
.ui-static-export-result code{min-width:0;overflow:hidden;color:#40389c;text-overflow:ellipsis;white-space:nowrap}
.ui-static-export-result span{margin-left:auto;white-space:nowrap}
.ui-static-export-result a{display:inline-flex;align-items:center;min-height:30px;padding:6px 9px;border:1px solid #c7c1f2;border-radius:8px;background:#fff;color:#584dc0;font-weight:800;text-decoration:none;white-space:nowrap}
.ui-static-export-result a:hover{border-color:#8f85df}
.ui-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,390px);gap:14px;align-items:start}
.ui-library{padding:0;overflow:hidden;min-height:620px}
.ui-library-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}
.ui-library-head h3{margin:0 0 4px}
.ui-library-head p{margin:0;color:var(--muted);font-size:12px}
.ui-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:12px;padding:14px}
.ui-card{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;transition:.16s}
.ui-card:hover{border-color:#bbb7ed;box-shadow:0 8px 22px #39316d13;transform:translateY(-1px)}
.ui-card.active{border-color:var(--accent);box-shadow:0 0 0 2px #6e64df17}
.ui-card.selected{border-color:#7d73e2}
.ui-card-check{position:absolute;z-index:2;top:9px;left:9px;width:25px;height:25px}
.ui-card-check input{position:absolute;opacity:0}
.ui-card-check span{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#fffffff2;border:1px solid #d7d9e2;color:transparent;box-shadow:0 2px 8px #181b2620;font-size:12px}
.ui-card-check input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff}
.ui-card-open{display:block;width:100%;border:0;background:none;padding:0;text-align:left}
.ui-card-image{aspect-ratio:402/874;background:#eff0f5;overflow:hidden;position:relative}
.ui-card-image img{width:100%;height:100%;object-fit:cover;object-position:top}
.ui-card-image em{position:absolute;top:9px;right:9px;padding:4px 7px;background:#191d2ce6;color:#fff;border-radius:99px;font-style:normal;font-size:10px}
.ui-card-copy{padding:11px 12px}
.ui-card-copy b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#24283a}
.ui-card-copy small{display:block;margin-top:5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-card-meta{display:flex;align-items:center;gap:5px;padding:0 12px 12px}
.ui-status{display:inline-flex;align-items:center;padding:4px 7px;border-radius:99px;background:#f0f1f5;color:#737b8d;font-size:10px;font-weight:800}
.ui-status.queued,.ui-status.stale{background:#fff2d6;color:#94650f}
.ui-status.passed{background:#e5f7ed;color:#177648}
.ui-status.needs_fix{background:#ffe9e9;color:#ae3636}
.ui-status.blocked{background:#f0e9ff;color:#6849a5}
.ui-card-label{padding:4px 7px;border-radius:99px;background:#f2f0ff;color:#655bd3;font-size:10px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-editor{position:sticky;top:86px;padding:0;max-height:calc(100vh - 110px);overflow:auto}
.ui-editor-head{padding:18px;border-bottom:1px solid var(--line)}
.ui-editor-head>div:first-child{display:flex;align-items:start;justify-content:space-between;gap:12px}
.ui-editor-head h3{margin:6px 0 3px}
.ui-editor-head p{margin:0;color:var(--muted);font-size:12px}
.ui-editor-preview{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.ui-editor-preview button{border:0;background:#eff0f5;border-radius:10px;padding:0;overflow:hidden;min-height:180px;position:relative}
.ui-editor-preview button:only-child{grid-column:1/3}
.ui-editor-preview img{width:100%;height:100%;max-height:250px;object-fit:cover;object-position:top;display:block}
.ui-editor-preview span{position:absolute;left:7px;bottom:7px;background:#181c2ddd;color:#fff;border-radius:6px;padding:4px 7px;font-size:10px}
.ui-editor-metadata{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:14px 17px;border-bottom:1px solid var(--line);background:#fafafe}
.ui-editor-metadata div{min-width:0;padding:8px 9px;border:1px solid #e5e6ed;border-radius:8px;background:#fff}
.ui-editor-metadata dt{color:#8a91a1;font-size:9px;font-weight:800}
.ui-editor-metadata dd{margin:3px 0 0;overflow:hidden;color:#3f4657;font-size:10px;line-height:1.4;text-overflow:ellipsis}
.ui-editor-metadata code{font-size:9px;overflow-wrap:anywhere}
.ui-editor-form{display:grid;gap:13px;padding:17px}
.ui-editor-form label{display:grid;gap:6px;font-size:11px;font-weight:800;color:#535b6e}
.ui-editor-form input,.ui-editor-form textarea{width:100%;box-sizing:border-box}
.ui-editor-form textarea{resize:vertical;line-height:1.55}
.ui-editor-help{font-size:11px;color:var(--muted);line-height:1.5}
.ui-editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ui-editor-actions .wide{grid-column:1/3}
.ui-review-result{border-top:1px solid var(--line);padding:17px}
.ui-review-result-head{display:flex;justify-content:space-between;gap:10px;align-items:center}
.ui-review-result h4{margin:0}
.ui-review-result>p{color:#4c5365;line-height:1.55;font-size:12px}
.ui-review-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}
.ui-review-metrics span{background:#f5f6f8;border-radius:8px;padding:8px;font-size:11px;color:#60687a}
.ui-review-issue{border-left:3px solid #e0a12a;background:#fff8e9;border-radius:0 8px 8px 0;padding:9px 10px;margin-top:8px}
.ui-review-issue.high{border-color:#d34d4d;background:#fff0f0}
.ui-review-issue.low{border-color:#6883d5;background:#f1f4ff}
.ui-review-issue b{display:block;font-size:11px}
.ui-review-issue p{margin:4px 0 0;font-size:11px;line-height:1.45;color:#5c6270}
.ui-empty{grid-column:1/-1;min-height:220px;display:grid;place-content:center;text-align:center;gap:7px;color:var(--muted)}
.ui-empty b{color:#404759}
.ui-empty span{font-size:12px}
.ui-codex-note{padding:10px 11px;border-radius:9px;background:#f3f1ff;color:#5148ae;font-size:11px;line-height:1.5}
.ui-source-badge{font:10px var(--mono);color:#7f8798}
.ui-figma-link{font-size:11px;color:var(--accent);text-decoration:none}
.ui-figma-link:hover{text-decoration:underline}
@media(max-width:1250px){.ui-toolbar{grid-template-columns:1fr 190px 140px 140px}
.ui-toolbar-actions{grid-column:1/-1;justify-content:flex-start}
.ui-workspace{grid-template-columns:1fr 340px}
}
@media(max-width:980px){.ui-hero{grid-template-columns:1fr}
.ui-stats{grid-template-columns:1fr 1fr}
.ui-workspace{grid-template-columns:1fr}
.ui-editor{position:static;max-height:none}
.ui-toolbar{grid-template-columns:1fr}
.ui-toolbar-actions{flex-wrap:wrap}
.ui-static-export-result{align-items:flex-start;flex-wrap:wrap}.ui-static-export-result code{width:100%}.ui-static-export-result span{margin-left:0}
.ui-card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
}

.ui-library-actions{display:flex;align-items:center;gap:9px}
.ui-view-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:9px;background:#f5f6f9}
.ui-view-switch button{border:0;border-radius:7px;background:transparent;color:#747c8f;padding:7px 11px;font-size:11px;font-weight:800;box-shadow:none}
.ui-view-switch button.active{background:#fff;color:var(--accent);box-shadow:0 2px 8px #24273a12}
.ui-flow-toolbar{display:flex;align-items:center;gap:14px;min-height:48px;padding:8px 12px;border-bottom:1px solid var(--line);background:#fff}
.ui-flow-toolbar label{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800;color:#596174}
.ui-flow-toolbar select{min-width:170px;padding:7px 28px 7px 9px;font-size:10px}
.ui-flow-legend{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.ui-flow-legend span{display:flex;align-items:center;gap:4px;font-size:9px;color:var(--muted);white-space:nowrap}
.ui-flow-legend i{width:17px;height:0;border-top:2px solid #6e64df}
.ui-flow-legend i.state{border-color:#d69b31;border-top-style:dashed}
.ui-flow-legend i.branch{border-color:#9aa2b2}
.ui-flow-legend i.tab{border-color:#4b88d1;border-top-style:dashed}
.ui-flow-controls{display:flex;align-items:center;gap:5px}
.ui-flow-controls button{padding:6px 9px;min-width:30px;font-size:10px}
.ui-flow-controls span{min-width:38px;text-align:right;color:var(--muted);font:9px var(--mono)}
.ui-observed-flow{border-bottom:1px solid var(--line);background:#fbfbfe}
.ui-observed-flow>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;cursor:pointer;list-style:none}
.ui-observed-flow>summary::-webkit-details-marker{display:none}
.ui-observed-flow>summary div{display:flex;align-items:center;gap:9px}
.ui-observed-flow>summary b{font-size:11px;color:#33394a}
.ui-observed-flow>summary span,.ui-observed-flow>summary em{font-size:9px;color:#7d8494;font-style:normal}
.ui-observed-flow>summary:before{content:"▸";font-size:10px;color:#7468d9;transition:transform .15s}
.ui-observed-flow[open]>summary:before{transform:rotate(90deg)}
.ui-observed-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 14px 9px}
.ui-observed-toolbar select{padding:6px 26px 6px 8px;font-size:10px}
.ui-observed-toolbar button{padding:7px 10px;font-size:10px}
.ui-observed-list{display:grid;gap:7px;max-height:310px;overflow:auto;padding:0 14px 12px}
.ui-observed-edge{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 11px;border:1px solid #e0e3ec;border-radius:11px;background:#fff}
.ui-observed-edge.accepted{border-color:#b8dfc7;background:#f6fcf8}
.ui-observed-edge.rejected{opacity:.62;background:#f6f7f9}
.ui-observed-path{display:flex;align-items:center;gap:7px;min-width:0;font-size:10px;color:#404759}
.ui-observed-path b{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-observed-path i{color:#8c93a2;font-style:normal}
.ui-observed-path strong{color:#6658d8;font-size:9px;background:#efedff;border-radius:99px;padding:3px 7px;white-space:nowrap}
.ui-observed-meta{display:block;margin-top:6px;color:#8a91a1;font:8px var(--mono)}
.ui-observed-actions{display:flex;align-items:center;gap:6px}
.ui-observed-actions button{padding:6px 9px;font-size:9px}
.ui-observed-status{padding:4px 7px;border-radius:99px;background:#f0f1f5;color:#747b8b;font-size:9px;font-weight:800}
.ui-observed-status.observed{background:#fff0c9;color:#936405}.ui-observed-status.accepted{background:#dcf4e5;color:#22744c}.ui-observed-status.rejected{background:#eceef2;color:#6e7584}
.ui-flow-viewport{position:relative;height:720px;overflow:hidden;outline:0;cursor:grab;background-color:#f6f7fb;background-image:linear-gradient(#dfe2ea70 1px,transparent 1px),linear-gradient(90deg,#dfe2ea70 1px,transparent 1px);background-size:24px 24px;user-select:none}
.ui-flow-viewport.dragging{cursor:grabbing}
.ui-flow-viewport:focus-visible{box-shadow:inset 0 0 0 2px #6e64df55}
.ui-flow-stage{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}
.ui-flow-edges,.ui-flow-lanes,.ui-flow-nodes{position:absolute;left:0;top:0}
.ui-flow-edges{overflow:visible;pointer-events:none}
.ui-flow-edge{fill:none;stroke:#a5acba;stroke-width:2;opacity:.55;transition:opacity .16s,stroke .16s,stroke-width .16s}
.ui-flow-edge.primary{stroke:#6e64df;opacity:.78}
.ui-flow-edge.state{stroke:#d69b31;stroke-dasharray:7 5}
.ui-flow-edge.tab{stroke:#4b88d1;stroke-dasharray:4 5}
.ui-flow-edge.related{opacity:1;stroke-width:4}
.ui-flow-edge.dimmed{opacity:.08}
.ui-flow-edge-hit{fill:none;stroke:transparent;stroke-width:15;pointer-events:stroke}
.ui-flow-lane{position:absolute;left:0;border-top:1px solid #dfe2ea;border-bottom:1px solid #eceef3;background:#ffffff68;border-radius:14px}
.ui-flow-lane:nth-child(even){background:#f0f2f780}
.ui-flow-lane-head{position:absolute;left:16px;top:14px;width:210px;padding-left:10px;border-left:4px solid var(--journey-color,#6e64df)}
.ui-flow-lane-head b{display:block;font-size:16px;color:#2d3344}
.ui-flow-lane-head span{display:block;margin-top:4px;color:#747c8e;font-size:10px;line-height:1.4}
.ui-flow-node{position:absolute;width:148px;border:1px solid #d9dde7;border-radius:12px;background:#fff;box-shadow:0 7px 22px #232a3d12;transition:border-color .16s,box-shadow .16s,filter .16s,opacity .16s}
.ui-flow-node:hover{border-color:#9d95eb;box-shadow:0 12px 30px #332b771f;z-index:4}
.ui-flow-node.active{border-color:var(--accent);box-shadow:0 0 0 3px #6e64df25,0 12px 32px #30286b22;z-index:3}
.ui-flow-node.dimmed{opacity:.18;filter:grayscale(.6)}
.ui-flow-node.related{border-color:#6e64df;box-shadow:0 0 0 3px #6e64df20}
.ui-flow-node-open{display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;box-shadow:none;overflow:hidden;border-radius:11px}
.ui-flow-node-image{height:292px;background:#111622;overflow:hidden}
.ui-flow-node-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:top}
.ui-flow-node-copy{display:block;padding:9px 10px 10px}
.ui-flow-node-copy b{display:block;font-size:11px;color:#252b3b;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-flow-node-copy small{display:block;margin-top:4px;color:#8991a2;font:8px var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-flow-review-badge{position:absolute;right:7px;top:7px;z-index:3;width:29px;height:29px;padding:0;border:1px solid #d6d9e3;border-radius:9px;background:#fffffff2;color:#7d8494;font-size:12px;font-weight:900;box-shadow:0 3px 10px #1c20301c}
.ui-flow-review-badge.has-prompt{background:#f0edff;border-color:#bdb5f4;color:#5c50ce}
.ui-flow-review-badge.queued,.ui-flow-review-badge.stale{background:#fff1d0;border-color:#efcb78;color:#966609}
.ui-flow-review-badge.passed{background:#e3f7eb;border-color:#95d5ae;color:#197548}
.ui-flow-review-badge.needs_fix{background:#ffe5e5;border-color:#efa6a6;color:#ad3434}
.ui-flow-review-badge.blocked{background:#f0e7ff;border-color:#c9afe8;color:#67469b}
.ui-flow-review-badge::after{content:"";position:absolute;right:-2px;top:-2px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#aeb4c0}
.ui-flow-review-badge.has-prompt::after{background:#7568df}
.ui-flow-review-badge.queued::after,.ui-flow-review-badge.stale::after{background:#e0a22d}
.ui-flow-review-badge.passed::after{background:#2f9a61}
.ui-flow-review-badge.needs_fix::after{background:#d64c4c}
.ui-flow-review-popover{position:absolute;z-index:20;width:280px;padding:13px 14px;border:1px solid #d9dce7;border-radius:12px;background:#fff;box-shadow:0 18px 48px #1d233332;color:#303646;pointer-events:none}
.ui-flow-review-popover b{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}
.ui-flow-review-popover b span{font-size:9px;color:#665bd4;background:#f0edff;border-radius:99px;padding:3px 6px}
.ui-flow-review-popover p{margin:8px 0 0;font-size:10px;line-height:1.55;color:#555d70}
.ui-flow-review-popover small{display:block;margin-top:8px;padding-top:8px;border-top:1px solid #eceef3;color:#858d9d;font-size:9px;line-height:1.45}
.ui-flow-help{position:absolute;left:12px;bottom:12px;padding:6px 9px;border:1px solid #ffffffa8;border-radius:8px;background:#252a3bd9;color:#fff;font-size:9px;box-shadow:0 4px 16px #1c213029;pointer-events:none}
.ui-card-grid[hidden],.ui-flow[hidden]{display:none}
.ui-flow-edge-label{font-size:9px;fill:#6d7485;paint-order:stroke;stroke:#fff;stroke-width:4;stroke-linejoin:round;pointer-events:none}
.ui-flow-viewport.compact .ui-flow-node-copy small{display:none}
.ui-flow-viewport.overview .ui-flow-node-copy{padding:6px}
.ui-flow-viewport.overview .ui-flow-node-copy small{display:none}
.ui-map-mode .ui-workspace{grid-template-columns:minmax(0,1fr)}
.ui-map-mode .ui-editor:not(.open){display:none}
.ui-map-mode .ui-editor.open{position:fixed;left:auto;right:22px;top:82px;bottom:auto;z-index:30;display:block;width:min(390px,calc(100vw - 44px));max-height:calc(100vh - 104px);box-shadow:0 24px 70px #1c223343}
.ui-editor-close{flex:0 0 auto;width:30px;height:30px;padding:0;font-size:18px;line-height:1}
@media(max-width:1250px){.ui-flow-legend{display:none}.ui-flow-toolbar{gap:8px}.ui-flow-viewport{height:650px}}