:root{color-scheme:dark;--azure-blue: #8b90f8;--azure-blue-hover: #a0a4fa;--azure-blue-active: #757af0;--azure-cyan: #62d5c4;--accent-soft: rgba(139, 144, 248, .16);--bg: #1b1b1f;--rail-bg: #101013;--bg-elevated: #232329;--surface: #222228;--surface-hover: #2c2c34;--surface-alt: #1e1e24;--border: #2e2e36;--border-strong: #45454f;--text: #f0f0f4;--text-secondary: #b6b6c2;--text-muted: #82828f;--text-disabled: #585862;--success: #6ccb5f;--success-bg: #15291a;--warning: #f8d22a;--warning-bg: #2b250f;--error: #f87171;--error-bg: #321a1d;--info: #8b90f8;--glow-accent: rgba(139, 144, 248, .35);--font-ui: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "Cascadia Mono", "JetBrains Mono", ui-monospace, "SF Mono", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--shadow-1: 0 1.6px 3.6px rgba(0, 0, 0, .4), 0 .3px .9px rgba(0, 0, 0, .3);--shadow-2: 0 6.4px 14.4px rgba(0, 0, 0, .45), 0 1.2px 3.6px rgba(0, 0, 0, .35);--rail-w: 268px;--content-max-w: 1180px}:root[data-theme=light]{color-scheme:light;--azure-blue: #5b5fc7;--azure-blue-hover: #4f52b2;--azure-blue-active: #444791;--accent-soft: #eeeffb;--bg: #f7f7fb;--rail-bg: #f0f0f6;--bg-elevated: #ffffff;--surface: #ffffff;--surface-hover: #f3f3f9;--surface-alt: #fafafd;--border: #e4e4ec;--border-strong: #cfcfdb;--text: #323130;--text-secondary: #605e5c;--text-muted: #797775;--text-disabled: #a19f9d;--success: #107c10;--success-bg: #dff6dd;--warning: #835c00;--warning-bg: #fff4ce;--error: #a4262c;--error-bg: #fde7e9;--info: #005a9e;--glow-accent: rgba(91, 95, 199, .25);--shadow-1: 0 1.6px 3.6px rgba(0, 0, 0, .13), 0 .3px .9px rgba(0, 0, 0, .11);--shadow-2: 0 6.4px 14.4px rgba(0, 0, 0, .13), 0 1.2px 3.6px rgba(0, 0, 0, .11)}*{box-sizing:border-box}html,body,#root{height:100%}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--azure-blue);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-weight:600;color:var(--text);margin:0}.app{display:flex;align-items:stretch;height:100vh}.search-overlay{position:fixed;inset:0;z-index:150;display:flex;justify-content:center;align-items:flex-start;padding:12vh 20px 20px;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.search-panel{width:min(640px,100%)}.search-hint{margin:10px 4px 0;font-size:12px;color:#ffffffa6}.search{position:relative;display:flex;align-items:center;gap:10px;height:48px;padding:0 18px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text-muted);font-size:14px;box-shadow:var(--shadow-2)}.search:focus-within{border-color:var(--azure-blue);box-shadow:0 0 0 3px var(--accent-soft),var(--shadow-2)}.search svg{flex:0 0 auto;opacity:.8}.search .search-input{flex:1;min-width:0;border:none;background:transparent;color:var(--text);font-family:inherit;font-size:14px;outline:none}.search .search-input::placeholder{color:var(--text-muted)}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;max-height:min(60vh,420px);overflow-y:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-2);padding:4px}.search-empty{padding:12px;color:var(--text-muted);font-size:13px}.search-result{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:none;background:transparent;border-radius:var(--radius-sm);padding:8px 10px;cursor:pointer;color:var(--text);font-family:inherit}.search-result.active,.search-result:hover{background:var(--accent-soft)}.search-result .search-kind{flex:0 0 auto;font-size:10px;text-transform:uppercase;letter-spacing:.4px;font-weight:600;color:var(--text-secondary);background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-pill);padding:2px 8px;min-width:74px;text-align:center}.search-result .search-text{display:flex;flex-direction:column;min-width:0}.search-result .search-title{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result .search-sub{font-size:11px;color:var(--text-muted)}.rail{flex:0 0 var(--rail-w);width:var(--rail-w);background:var(--rail-bg);padding:10px 10px 12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;transition:flex-basis .15s ease,width .15s ease}.rail-top{display:flex;align-items:center;gap:8px;padding:4px 4px 12px}.rail-burger{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer}.rail-burger:hover{background:var(--surface-hover);color:var(--text)}.rail-logo{width:22px;height:22px;display:block;filter:drop-shadow(0 0 7px rgba(139,144,248,.45))}.rail-title{font-size:14px;font-weight:600;color:var(--text);letter-spacing:.2px}.rail-item{display:flex;align-items:center;gap:11px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--text-secondary);font-family:inherit;font-size:13.5px;text-align:left;cursor:pointer;border-radius:var(--radius-sm)}.rail-item svg{flex:0 0 auto;color:var(--text-muted)}.rail-item:hover{background:var(--surface-hover);color:var(--text)}.rail-item.active{background:var(--surface-hover);color:var(--text);font-weight:600;box-shadow:inset 2.5px 0 0 var(--azure-blue)}.rail-item.active svg{color:var(--azure-blue)}.rail-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-item kbd{margin-left:auto;font-family:inherit;font-size:10.5px;color:var(--text-muted);border:1px solid var(--border);border-radius:5px;padding:1px 5px}.rail-count{margin-left:auto;font-size:11px;color:var(--text-muted);background:var(--surface);border-radius:var(--radius-pill);padding:1px 8px}.rail-agent{font-size:13px}.rail-group{padding:14px 12px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-weight:600}.rail-foot{margin-top:auto;padding-top:10px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px}.rail-profile{flex:1;min-width:0;display:flex;align-items:center;gap:9px;padding:4px}.rail-avatar{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#8b90f8,#5b5fc7);color:#fff;font-size:12px;font-weight:700}.rail-profile-text{min-width:0;display:flex;flex-direction:column;line-height:1.25}.rail-profile-text strong{font-size:12.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-profile-text em{font-style:normal;font-size:11px;color:var(--text-muted)}.rail-foot-actions{display:flex;gap:2px}.rail-iconbtn{width:30px;height:30px;display:grid;place-items:center;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer}.rail-iconbtn:hover{background:var(--surface-hover);color:var(--text)}.rail.collapsed{flex-basis:60px;width:60px;padding:10px 6px 12px}.rail.collapsed .rail-title,.rail.collapsed .rail-logo,.rail.collapsed .rail-item span,.rail.collapsed .rail-item kbd,.rail.collapsed .rail-count,.rail.collapsed .rail-group,.rail.collapsed .rail-profile{display:none}.rail.collapsed .rail-item{justify-content:center;padding:10px 0;gap:0}.rail.collapsed .rail-foot,.rail.collapsed .rail-foot-actions{flex-direction:column}.main-stage{flex:1;min-width:0;overflow:auto;background:radial-gradient(1100px 460px at 50% -8%,rgba(86,78,158,.18),transparent),var(--bg)}.canvas-stage{display:flex;flex-direction:column;overflow:hidden}.page{max-width:var(--content-max-w);margin:0 auto;padding:30px 36px 64px}.page-head{margin-bottom:22px}.page-head .crumb{font-size:12px;color:var(--text-muted);margin-bottom:4px}.page-head h1{font-size:27px;font-weight:650}.page-head .lead{margin:8px 0 0;color:var(--text-secondary);max-width:70ch}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-1)}.card-pad{padding:20px}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:28px}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-1);padding:16px;display:flex;flex-direction:column;gap:6px;text-align:left;cursor:pointer;font-family:inherit;color:inherit}.tile:hover{box-shadow:var(--shadow-2)}.tile .tile-top{display:flex;align-items:center;gap:10px}.tile .tile-icon{width:34px;height:34px;border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--accent-soft);color:var(--azure-blue)}.tile .tile-label{font-size:13px;color:var(--text-secondary);font-weight:600}.tile .tile-stat{font-size:28px;font-weight:600;line-height:1.1}.tile .tile-sub{font-size:12px;color:var(--text-muted)}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-weight:600;margin:0 0 12px}.domain-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.domain-card{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--accent, var(--azure-blue));border-radius:var(--radius-sm);box-shadow:var(--shadow-1);padding:16px}.domain-card .dc-weight{font-size:12px;font-weight:600;color:var(--accent, var(--azure-blue))}.domain-card h3{font-size:15px;margin:4px 0 6px}.domain-card p{margin:0;font-size:13px;color:var(--text-secondary)}.domain-card .dc-eps{margin-top:10px;font-size:11px;color:var(--text-muted)}.domain-card .dc-acc{margin-top:10px;font-size:12px;font-weight:600;color:var(--accent, var(--azure-blue))}.weakest-callout{display:flex;align-items:center;gap:12px;margin:8px 0 24px;padding:12px 16px;background:#fff8f0;border:1px solid #f0c890;border-left:4px solid #d18616;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.weakest-callout:hover{background:#fff3e4}.weakest-callout .wc-tag{flex-shrink:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:#d18616;padding:3px 8px;border-radius:10px}.weakest-callout .wc-body{font-size:13px;color:var(--text-secondary)}.btn{font-family:inherit;font-size:14px;padding:7px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer}.btn:hover{background:var(--surface-hover)}.btn.primary{background:var(--azure-blue);border-color:var(--azure-blue);color:#fff}.btn.primary:hover{background:var(--azure-blue-hover);border-color:var(--azure-blue-hover)}.btn.small{padding:4px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{font-family:inherit;font-size:13px;padding:5px 12px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-secondary);cursor:pointer}.chip:hover{background:var(--surface-hover)}.chip.active{background:var(--accent, var(--azure-blue));border-color:var(--accent, var(--azure-blue));color:#fff}.empty{background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);padding:48px 32px;text-align:center;color:var(--text-secondary)}.empty .empty-icon{width:48px;height:48px;margin:0 auto 12px;color:var(--azure-blue);opacity:.8}.empty h2{font-size:17px;margin-bottom:6px}.empty p{margin:0 auto;max-width:52ch;font-size:13px}.empty code{font-family:var(--font-mono);background:var(--surface-hover);padding:1px 5px;border-radius:var(--radius-sm);font-size:12px}.q-statusbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px;color:var(--text-secondary);font-size:13px}.q-domain{font-weight:600}.qcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-1);padding:24px}.q-scenario{background:var(--surface-alt);border-left:3px solid var(--azure-blue);padding:12px 14px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;margin-bottom:14px}.q-question{font-size:16px;font-weight:600;margin-bottom:6px}.q-hint{font-size:12px;color:var(--text-muted);margin-bottom:14px}.q-options{display:flex;flex-direction:column;gap:8px}.q-option{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;padding:12px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);font-family:inherit;font-size:14px;color:var(--text);cursor:pointer}.q-option:hover:not(:disabled){background:var(--surface-hover)}.q-option .q-key{flex:0 0 22px;height:22px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--text-secondary)}.q-option.selected{border-color:var(--azure-blue);background:var(--accent-soft)}.q-option.selected .q-key{background:var(--azure-blue);color:#fff;border-color:var(--azure-blue)}.q-option.right{border-color:var(--success);background:var(--success-bg)}.q-option.wrong{border-color:var(--error);background:var(--error-bg)}.q-option .q-why{display:block;margin-top:4px;font-size:12px;color:var(--text-secondary)}.q-actions{margin-top:16px;display:flex;gap:10px;align-items:center}.q-verdict{font-weight:600;margin-right:auto}.q-verdict.ok{color:var(--success)}.q-verdict.bad{color:var(--error)}.flashcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-1);min-height:240px;padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:pointer}.flashcard .fc-face{font-size:18px;max-width:60ch}.flashcard .fc-side{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:12px}.fc-nav{display:flex;align-items:center;gap:12px;margin-top:16px}.fc-nav .fc-pos{color:var(--text-muted);font-size:13px}.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.list-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-1);padding:18px;text-align:left;cursor:pointer;font-family:inherit;color:inherit;display:flex;flex-direction:column;gap:6px}.list-card:hover{box-shadow:var(--shadow-2)}.list-card .lc-tag{font-size:11px;font-weight:600;color:var(--accent, var(--azure-blue));text-transform:uppercase;letter-spacing:.4px}.list-card h3{font-size:16px}.list-card p{margin:0;font-size:13px;color:var(--text-secondary)}.badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:var(--radius-pill);background:var(--surface-hover);color:var(--text-secondary);border:1px solid var(--border)}.back-link{background:none;border:none;color:var(--azure-blue);cursor:pointer;font-family:inherit;font-size:13px;padding:0;margin-bottom:12px}.demo-intro{color:var(--text-secondary);font-size:13px;margin:0 0 18px;max-width:72ch}.demo-teachback{margin-top:20px;background:var(--accent-soft);border:1px solid #cfe4f6;border-left:3px solid var(--azure-blue);border-radius:var(--radius-sm);padding:12px 14px;font-size:13px;color:var(--text-secondary)}.demo-teachback strong{color:var(--text)}.demo-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.seg{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden}.seg button{border:none;background:var(--surface);color:var(--text-secondary);font-family:inherit;font-size:13px;padding:6px 14px;cursor:pointer}.seg button+button{border-left:1px solid var(--border-strong)}.seg button.on{background:var(--azure-blue);color:#fff}.tree{display:flex;flex-direction:column;gap:8px}.tree-node{border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:12px 14px;background:var(--surface)}.tree-node.walked{border-color:var(--azure-blue);background:var(--accent-soft)}.tree-node.landing{border-color:var(--success);background:var(--success-bg)}.tree-q{font-weight:600;margin-bottom:8px}.tree-opts{display:flex;flex-wrap:wrap;gap:8px}.tree-crumb{font-size:12px;color:var(--text-muted);margin-bottom:2px}.service-badge{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:17px;color:var(--azure-blue-active)}.quad{display:grid;grid-template-columns:120px 1fr 1fr;grid-auto-rows:minmax(72px,auto);gap:8px;align-items:stretch}.quad-h,.quad-v{display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.quad-cell{border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:12px;background:var(--surface);cursor:pointer;display:flex;flex-direction:column;gap:4px}.quad-cell.hit{border-color:var(--success);background:var(--success-bg)}.quad-cell.miss{border-color:var(--error);background:var(--error-bg)}.quad-cell .qc-name{font-weight:600}.quad-cell .qc-sub{font-size:12px;color:var(--text-muted)}.bucket-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:12px}.bucket{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);padding:10px;min-height:80px;background:var(--surface-alt)}.bucket h4{font-size:13px;margin:0 0 8px;color:var(--text-secondary)}.token{display:block;width:100%;text-align:left;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);padding:8px 10px;font-family:inherit;font-size:13px;color:var(--text);cursor:pointer;margin-bottom:6px}.token.placed-ok{border-color:var(--success);background:var(--success-bg)}.token.placed-bad{border-color:var(--error);background:var(--error-bg)}.token .tk-why{display:block;margin-top:4px;font-size:11px;color:var(--text-secondary)}.stage-row{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;margin:12px 0}.stage{flex:1 1 0;min-width:120px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:10px;background:var(--surface);text-align:center;font-size:13px}.stage.active{border-color:var(--azure-blue);background:var(--accent-soft)}.stage.safe{border-color:var(--success);background:var(--success-bg)}.stage.lost{border-color:var(--error);background:var(--error-bg);opacity:.85}.stage .st-arrow{color:var(--text-muted)}.metric{display:inline-block;font-family:var(--font-mono);font-size:12px;background:var(--surface-hover);border-radius:var(--radius-sm);padding:1px 6px;margin-left:6px}.verdict-ok{color:var(--success);font-weight:600}.verdict-bad{color:var(--error);font-weight:600}.tour-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#00000073;padding:20px}.tour-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-2);max-width:460px;width:100%;padding:28px}.tour-card h2{font-size:20px;margin:14px 0 10px}.tour-card p{font-size:14px;line-height:1.55;color:var(--text-secondary);margin:0 0 22px}.tour-dots{display:flex;gap:6px}.tour-dot{width:8px;height:8px;border-radius:50%;background:var(--border)}.tour-dot.on{background:var(--azure-blue)}.tour-actions{display:flex;align-items:center;justify-content:space-between}.arch-shell{flex:1;min-height:0;display:flex;flex-direction:column;padding:10px 14px 12px;--azure-blue: #a78bfa;--azure-blue-hover: #bda5fc;--azure-blue-active: #8f6ff0;--accent-soft: rgba(167, 139, 250, .16);--bg: #0c0c10;--bg-elevated: #16161c;--surface: #141419;--surface-hover: #1f1f27;--surface-alt: #111116;--border: #26262f;--border-strong: #3a3a46;--text: #ededf2;--text-secondary: #b0b0bd;--text-muted: #787885;--success: #4ade80;--success-bg: #122a1b;--error: #f87171;--error-bg: #321a1d;--glow-accent: rgba(167, 139, 250, .35);color:var(--text)}.arch-tabs{display:flex;align-items:center;gap:18px;padding:2px 4px 10px;flex-wrap:wrap}.arch-proj{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.arch-proj strong{font-weight:600}.arch-proj em{font-style:normal;font-size:12px;color:var(--text-muted)}.arch-proj-mark{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,#a78bfa,#6d4df0);color:#fff}.arch-tabnav{display:flex;gap:2px}.arch-tab{font-family:inherit;font-size:13px;padding:6px 12px 8px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:6px 6px 0 0;position:relative}.arch-tab:hover{color:var(--text)}.arch-tab.on{color:var(--text);font-weight:600}.arch-tab.on:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2.5px;border-radius:2px;background:var(--azure-blue)}.arch-tabs-right{margin-left:auto;display:flex;gap:8px}.f-pill{display:inline-flex;align-items:center;gap:7px;font-family:inherit;font-size:13px;font-weight:600;padding:7px 16px;border-radius:var(--radius-pill);cursor:pointer;border:1px solid transparent}.f-pill.primary{background:#7c5cf0;color:#fff}.f-pill.primary:hover{background:#8d70f4}.f-pill.primary:disabled{opacity:.45;cursor:not-allowed}.f-pill.ghost{background:transparent;border-color:var(--border-strong);color:var(--text-secondary)}.f-pill.ghost:hover{background:var(--surface-hover);color:var(--text)}.arch-run{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:inline-flex;align-items:center;gap:7px;font-family:inherit;font-size:13px;font-weight:600;padding:9px 20px;border:none;border-radius:var(--radius-pill);background:#7c5cf0;color:#fff;cursor:pointer;box-shadow:0 6px 22px #7c5cf073;z-index:4}.arch-run:hover{background:#8d70f4}.arch{display:grid;grid-template-columns:224px 6px 1fr 6px 312px;gap:0;flex:1;min-height:0;user-select:none;-webkit-user-select:none}.arch-split{width:6px;cursor:col-resize;border-radius:3px;background:transparent;transition:background .15s;align-self:stretch}.arch-split:hover,.arch-split.dragging{background:var(--azure-blue);opacity:.45}.arch.no-palette{grid-template-columns:1fr 320px}.arch.no-scenario{grid-template-columns:248px 1fr}.arch.no-palette.no-scenario{grid-template-columns:1fr}.arch img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.arch-palette{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-1);overflow:hidden}.arch-search{padding:10px;border-bottom:1px solid var(--border)}.arch-search input{width:100%;font-family:inherit;font-size:13px;padding:7px 9px;border:1px solid var(--border);border-radius:var(--radius-sm);outline:none}.arch-search input:focus{border-color:var(--azure-blue)}.arch-pal-list{overflow-y:auto;flex:1;padding:4px 0 12px}.pal-cat-head{width:100%;display:flex;align-items:center;gap:6px;background:none;border:none;font-family:inherit;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;padding:8px 12px 6px;cursor:pointer}.pal-cat-head:hover{color:var(--azure-blue)}.pal-caret{display:inline-block;transition:transform .15s;font-size:14px}.pal-caret.open{transform:rotate(90deg)}.pal-count{margin-left:auto;font-weight:500;color:var(--text-muted)}.pal-items{display:flex;flex-direction:column}.pal-item{display:flex;align-items:center;gap:9px;padding:6px 12px 6px 26px;font-size:13px;cursor:grab;-webkit-user-select:none;user-select:none}.pal-item:hover{background:var(--surface-hover)}.pal-item:active{cursor:grabbing}.pal-item img{flex-shrink:0}.arch-canvas-col{display:flex;flex-direction:column;min-width:0}.arch-toolbar{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-1);padding:6px 8px}.tb-group{display:flex;align-items:center;gap:4px}.tb-sep{width:1px;align-self:stretch;background:var(--border);margin:2px 4px}.tb-spacer{flex:1}.tb-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin-right:2px}.tb-btn,.tb-icon{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:12px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);padding:5px 8px;cursor:pointer}.tb-icon{padding:5px 6px}.tb-btn:hover,.tb-icon:disabled{opacity:.35;cursor:default}.tb-icon:disabled:hover{background:transparent;color:var(--text-secondary)}.tb-icon:hover{background:var(--surface-hover);color:var(--text)}.tb-btn.on,.tb-icon.on{background:var(--accent-soft);border-color:var(--azure-blue);color:var(--azure-blue)}.tb-icon.danger:hover{background:var(--error-bg);color:var(--error)}.tb-zoom{font-size:12px;color:var(--text-secondary);min-width:38px;text-align:center;font-variant-numeric:tabular-nums}.tb-kinds{flex-wrap:wrap}.kind-chip{display:inline-flex;align-items:center;gap:5px;font-family:inherit;font-size:11.5px;color:var(--text-secondary);background:transparent;border:1px solid var(--border);border-radius:var(--radius-pill);padding:3px 9px 3px 7px;cursor:pointer}.kind-chip:hover{background:var(--surface-hover)}.kind-chip.on{background:var(--accent-soft);border-color:var(--azure-blue);color:var(--text);font-weight:600}.kind-chip svg{flex:0 0 auto}.arch-canvas{position:relative;flex:1;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background-color:#0d0d12;background-image:radial-gradient(circle,#25252f 1px,transparent 1px);background-size:22px 22px;box-shadow:inset 0 0 60px #0c0c148c}.arch-scene{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}.arch-scene:active{cursor:grabbing}.arch-canvas.connecting .arch-scene{cursor:crosshair}.arch-canvas.connecting .arch-handle{opacity:.8}.arch-empty{font-size:15px;fill:var(--text-muted)}.arch-node{width:104px;height:92px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:6px 4px;background:#1b1b22;border:1.5px solid #32323e;border-radius:12px;box-shadow:0 2px 8px #00000059;cursor:grab;text-align:center}.arch-node:hover{box-shadow:0 0 12px var(--glow-accent)}.arch-node:active{cursor:grabbing}.arch-node.sel{border-color:var(--azure-blue);box-shadow:0 0 0 3px #0078d42e}.arch-node.connectable{cursor:crosshair}.arch-node.connect-from{border-color:#d18616;box-shadow:0 0 0 3px #d1861638}.arch-node.connect-target{border-color:#107c10;box-shadow:0 0 0 3px #107c1040}.arch-node-label{font-size:11px;line-height:1.2;color:var(--text);max-width:96px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.arch-link{cursor:pointer}.arch-link-hit{stroke:transparent;stroke-width:16;fill:none;pointer-events:stroke}.arch-link.sel .arch-link-tag rect{stroke-width:1.5}.arch-link-tag rect{fill:#1c1c24;stroke:#34343f;stroke-width:1}.arch-link-tag text{font-size:10px;font-weight:600;pointer-events:none}.arch-link-pending{pointer-events:none}.arch-handle{fill:var(--azure-blue);stroke:#fff;stroke-width:2;cursor:crosshair;opacity:0;transition:opacity .12s}.arch-nodeg:hover .arch-handle{opacity:.85}.arch-handle:hover{opacity:1;r:7}.quiz-feedback{margin-top:14px;border:1px solid var(--border);border-left:4px solid var(--error);border-radius:var(--radius-md);background:var(--surface);padding:14px 16px}.quiz-feedback.ok{border-left-color:var(--success)}.qf-head{font-size:14px;font-weight:700;margin-bottom:8px}.quiz-feedback.ok .qf-head{color:var(--success)}.quiz-feedback.bad .qf-head{color:var(--error)}.qf-reason{margin-top:10px}.qf-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);margin-bottom:4px}.qf-text{margin:0 0 6px;font-size:13px;line-height:1.55;color:var(--text-secondary)}.qf-missed{color:var(--warning)}.qf-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.qf-episode{font-size:12px;color:var(--text-muted)}.quiz-session{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px;font-size:12.5px}.quiz-session .qs-score{font-weight:600;color:var(--text)}.qs-weak{color:var(--text-muted)}.pbq-drag-hint{margin:0 0 10px;font-size:12px;color:var(--text-muted)}.order-list{list-style:none;margin:0;padding:0}.order-item{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;margin-bottom:8px;cursor:grab;touch-action:none;transition:box-shadow .15s,border-color .15s}.order-item.dragging{cursor:grabbing;border-color:var(--azure-blue);box-shadow:0 6px 18px #0000002e,0 0 0 3px var(--accent-soft);position:relative;z-index:2}.order-item.ok{border-color:var(--success)}.order-item.bad{border-color:var(--error)}.order-grip{color:var(--text-muted);font-size:13px;letter-spacing:-2px;-webkit-user-select:none;user-select:none}.order-num{flex:none;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-soft);color:var(--azure-blue);font-size:11.5px;font-weight:600}.order-text{flex:1;font-size:13px}.order-moves{display:flex;gap:4px}.pbq-row{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;margin-bottom:8px}.pbq-row.ok{border-color:var(--success)}.pbq-row.bad{border-color:var(--error)}.pbq-row-text{flex:1;font-size:13px}.pbq-submit-hint{font-size:12px;color:var(--text-muted)}.seg{display:flex;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.seg-btn{font-family:inherit;font-size:12px;padding:6px 12px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-left:1px solid var(--border)}.seg-btn:first-child{border-left:none}.seg-btn:hover{background:var(--surface-hover)}.seg-btn.active{background:var(--azure-blue);color:#fff}.pbq-results{margin-top:18px}.pbq-score{display:flex;align-items:baseline;gap:12px;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--warning);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:12px}.pbq-score.perfect{border-left-color:var(--success)}.pbq-score-num{font-size:22px;font-weight:700}.pbq-score-pct{font-size:13px;color:var(--text-muted)}.pbq-score-tag{font-size:12.5px;color:var(--text-secondary)}.pbq-breakdown{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.pbq-part{border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px;font-size:12.5px}.pbq-part.ok{border-color:color-mix(in srgb,var(--success) 45%,var(--border))}.pbq-part.bad{border-color:color-mix(in srgb,var(--error) 55%,var(--border))}.pbq-part-head{display:flex;gap:8px;align-items:baseline}.pbq-part.ok .pbq-part-mark{color:var(--success)}.pbq-part.bad .pbq-part-mark{color:var(--error)}.pbq-part-detail{margin-top:4px;display:flex;flex-direction:column;gap:3px;color:var(--text-secondary)}.bad-text{color:var(--error)}.ok-text{color:var(--success)}.pbq-why{color:var(--text-muted)}.pbq-resources{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--accent-soft);border-radius:var(--radius-md);padding:10px 14px;margin-bottom:14px}.pbq-res-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--azure-blue)}.pbq-episode{font-size:12px;color:var(--text-muted)}.learn-link{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--azure-blue);text-decoration:none}.learn-link:hover{text-decoration:underline}.arch-node.flow-dim{opacity:.32}.arch-link.flow-dim{opacity:.18}.arch-node.flow-focus{border-color:var(--azure-blue);box-shadow:0 0 0 3px #0078d433,0 0 18px #0078d459}.arch-flow-line{fill:none;pointer-events:none;stroke-dasharray:7 11;stroke-linecap:round;opacity:.9;animation:arch-flow .9s linear infinite}@keyframes arch-flow{to{stroke-dashoffset:-18}}.arch-walk{position:absolute;left:50%;bottom:14px;transform:translate(-50%);width:min(620px,calc(100% - 28px));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-2, 0 8px 28px rgba(0, 0, 0, .18));padding:12px 16px;z-index:5}.walk-head{display:flex;align-items:center;gap:10px}.walk-head strong{flex:1;font-size:13.5px}.walk-count{font-size:11px;font-weight:600;color:var(--azure-blue);background:var(--accent-soft);border-radius:999px;padding:2px 8px;white-space:nowrap}.walk-close{display:inline-flex;border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm)}.walk-close:hover{color:var(--text);background:var(--hover)}.walk-text{margin:8px 0 10px;font-size:12.5px;line-height:1.55;color:var(--text-secondary)}.walk-foot{display:flex;align-items:center;gap:10px}.walk-ref{flex:1;display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--azure-blue);text-decoration:none;min-width:0}.walk-ref:hover{text-decoration:underline}.walk-nav{display:flex;gap:8px}.tpl-intro{margin:0 0 14px;font-size:13px;color:var(--text-secondary);line-height:1.5}.tpl-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tpl-card{text-align:left;font-family:inherit;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.tpl-card:hover{border-color:var(--azure-blue);box-shadow:0 0 0 3px var(--accent-soft);transform:translateY(-1px)}.tpl-title{font-size:13.5px;font-weight:600;color:var(--text)}.tpl-tagline{margin:5px 0 8px;font-size:12px;line-height:1.45;color:var(--text-secondary)}.tpl-meta{font-size:11px;color:var(--text-muted)}.arch-guide{stroke:#e3008c;stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke;pointer-events:none}.arch-marquee{fill:#0078d414;stroke:var(--azure-blue);stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke;pointer-events:none}.arch-details{position:absolute;left:12px;bottom:12px;right:12px;display:flex;align-items:flex-start;gap:12px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--azure-blue);border-radius:var(--radius-sm);box-shadow:var(--shadow-2);padding:12px 14px;max-width:560px}.arch-details .ad-name{font-weight:600;font-size:14px}.arch-details .ad-cat{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.arch-details .ad-blurb{margin:6px 0 0;font-size:13px;color:var(--text-secondary);line-height:1.45}.arch-details .ad-del{margin-left:auto;background:none;border:none;font-size:15px;color:var(--text-muted);cursor:pointer;line-height:1}.arch-details .ad-del:hover{color:var(--error)}.arch-details.conn{border-left-color:#8661c5}.arch-details .ad-swatch{display:flex;align-items:center;padding-top:4px}.arch-details .ad-blurb.subtle{color:var(--text-muted);margin-top:4px}.arch-scenario{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-1);padding:14px;overflow-y:auto}.as-generate{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:8px}.as-ai-error{margin:8px 0 0;font-size:12px;line-height:1.45;color:#a4262c}.as-pick{display:flex;flex-direction:column;gap:5px}.as-pick label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.as-pick select{font-family:inherit;font-size:13px;padding:7px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.as-free{margin-top:14px;font-size:13px;color:var(--text-secondary);line-height:1.5}.as-body{margin-top:14px}.as-domain{font-size:11px;font-weight:600;color:var(--azure-blue);text-transform:uppercase;letter-spacing:.03em}.as-body h3{font-size:16px;margin:4px 0 8px}.as-brief{font-size:13px;line-height:1.55;color:var(--text-secondary);margin:0 0 14px}.as-check{width:100%}.as-result{margin-top:14px}.as-verdict{font-size:13px;font-weight:600;padding:9px 11px;border-radius:var(--radius-sm);margin-bottom:12px}.as-verdict.ok{background:#dff6dd;color:#0b6a0b}.as-verdict.bad{background:#fde7e9;color:#a4262c}.as-reqs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.as-reqs li{display:flex;gap:9px;font-size:12.5px}.as-tick{flex-shrink:0;font-weight:700}.as-reqs li.met .as-tick{color:var(--success)}.as-reqs li.missing .as-tick{color:var(--text-muted)}.as-req-label{color:var(--text)}.as-met-by{font-size:11.5px;color:var(--success);margin-top:2px}.as-hint{font-size:11.5px;color:var(--text-muted);margin-top:2px}.as-warn{margin-top:14px;font-size:12.5px;color:var(--text-secondary)}.as-warn ul{margin:4px 0 0;padding-left:18px}.as-warn li{margin-bottom:4px}.as-reference{margin-top:14px;padding:10px 12px;background:var(--accent-soft);border-left:3px solid var(--azure-blue);border-radius:var(--radius-sm);font-size:12.5px;line-height:1.5;color:var(--text-secondary)}@media(max-width:1180px){.arch{grid-template-columns:210px 1fr 280px}.arch.no-palette{grid-template-columns:1fr 280px}.arch.no-scenario{grid-template-columns:210px 1fr}.arch.no-palette.no-scenario{grid-template-columns:1fr}}.arch-node.sel{box-shadow:0 0 0 3px #a78bfa38,0 0 16px var(--glow-accent)}.arch-node.flow-focus{box-shadow:0 0 0 3px #a78bfa40,0 0 22px #a78bfa80}.btn.primary,.btn-primary{box-shadow:0 0 12px #8b90f840}.tb-btn.on,.kind-chip.on{box-shadow:0 0 10px #a78bfa40}.card:hover,.tpl-card:hover{box-shadow:0 0 0 3px #8b90f824,0 0 18px #8b90f82e}.arch-walk{box-shadow:0 12px 40px #00000080,0 0 20px #a78bfa1a}.as-verdict.ok{background:var(--success-bg);color:var(--success)}.as-verdict.bad{background:var(--error-bg);color:var(--error)}.weakest-callout{background:var(--warning-bg);border-color:#5a4416}.weakest-callout:hover{background:#3a2d11}:root[data-theme=light] .weakest-callout{background:#fff8f0;border-color:#f0c890}:root[data-theme=light] .weakest-callout:hover{background:#fff3e4}.btn.ghost{background:transparent;border-color:var(--border-strong)}.btn-primary,.btn-ghost{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:13px;padding:7px 14px;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none}.btn-primary{background:var(--azure-blue);border:1px solid var(--azure-blue);color:#fff}.btn-primary:hover{background:var(--azure-blue-hover);border-color:var(--azure-blue-hover)}.btn-ghost{background:var(--surface);border:1px solid var(--border-strong);color:var(--text)}.btn-ghost:hover{background:var(--surface-hover)}.modal-overlay{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:100%;max-width:460px;max-height:86vh;display:flex;flex-direction:column;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);overflow:hidden}.modal-wide{max-width:680px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.modal-head h2{margin:0;font-size:16px;font-weight:600}.modal-close{display:grid;place-items:center;width:30px;height:30px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer}.modal-close:hover{background:var(--surface-hover);color:var(--text)}.modal-body{padding:18px;overflow:auto}.modal-note{margin:0 0 16px;font-size:12.5px;line-height:1.55;color:var(--text-secondary)}.modal-note.small{margin:14px 0 0;font-size:11.5px;color:var(--text-muted)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.field{display:block;margin-bottom:12px}.field span{display:block;margin-bottom:4px;font-size:12px;font-weight:600;color:var(--text-secondary)}.field input{width:100%;font-family:inherit;font-size:13px;padding:8px 10px;background:var(--bg);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm)}.field input:focus{outline:none;border-color:var(--azure-blue);box-shadow:0 0 0 2px var(--accent-soft)}.ai-loading{font-size:13.5px;color:var(--text-secondary)}.ai-error{font-size:13px;line-height:1.6;color:var(--text-secondary)}.ai-error .btn-primary{margin-top:14px}.ai-text{font-size:14px;line-height:1.65;color:var(--text)}.ai-text p{margin:0 0 12px}.tb-explain{gap:6px}.as-explain{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:8px}.portfolio{display:flex;flex-direction:column;gap:14px}.portfolio-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 18px}.portfolio-blurb{flex:1;min-width:260px;display:flex;flex-direction:column;gap:3px}.portfolio-blurb strong{font-size:14px}.portfolio-blurb span{font-size:12.5px;line-height:1.5;color:var(--text-secondary)}.portfolio-bar .btn{display:inline-flex;align-items:center;gap:7px;text-decoration:none}.portfolio-bar input{flex:1;min-width:240px;font-family:inherit;font-size:13px;padding:8px 10px;background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm)}.portfolio-bar input:focus{outline:none;border-color:var(--azure-blue);box-shadow:0 0 0 2px var(--accent-soft)}.portfolio-url{flex:1;min-width:0;font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portfolio-frame{display:flex;flex-direction:column;gap:8px}.portfolio-frame iframe{width:100%;height:70vh;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.portfolio-hint,.portfolio-empty p{font-size:12.5px;line-height:1.6;color:var(--text-muted)}.portfolio-empty{padding:32px;border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-alt);text-align:center}.rag-demo{display:flex;flex-direction:column;gap:16px}.rag-track{display:flex;flex-wrap:wrap;gap:8px}.rag-stage{font-family:inherit;font-size:12px;padding:7px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-secondary);cursor:pointer}.rag-stage.query{border-style:dashed}.rag-stage.done{opacity:.65}.rag-stage.active{background:var(--azure-blue);border-color:var(--azure-blue);color:#fff;opacity:1}.rag-side{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px;color:var(--azure-blue)}.rag-side.query{color:#038387}.rag-detail h3{margin:0 0 8px;font-size:15px}.rag-detail p{margin:0 0 12px;color:var(--text-secondary);line-height:1.55;font-size:13px}.gen-err{margin:8px 0 0;font-size:12px;color:var(--error)}.hero-page{max-width:980px;margin:0 auto;padding:16px 32px 64px}.hero-crumb{font-size:12.5px;color:var(--text-muted);padding-top:6px}.hero-crumb span{margin:0 4px}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:7vh 0 8px}.hero-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#9b8cff,#5b5fc7);color:#fff;box-shadow:0 0 28px #8b90f873;margin-bottom:18px}.hero-title{font-size:30px;font-weight:650}.hero-title span{font-weight:400;color:var(--text-secondary)}.hero-sub{margin:10px 0 26px;color:var(--text-secondary);font-size:14px;max-width:56ch}.hero-box{width:min(660px,100%);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:14px 16px 10px;text-align:left}.hero-box:focus-within{border-color:var(--azure-blue);box-shadow:0 0 0 3px var(--accent-soft)}.hero-box textarea{width:100%;border:none;outline:none;background:transparent;resize:none;color:var(--text);font-family:inherit;font-size:14.5px;line-height:1.5}.hero-box textarea::placeholder{color:var(--text-muted)}.hero-box-foot{display:flex;align-items:center;justify-content:space-between;padding-top:6px}.hero-plus{color:var(--text-muted);display:grid;place-items:center;width:28px;height:28px;border-radius:8px;border:1px dashed var(--border-strong)}.hero-send{width:32px;height:32px;display:grid;place-items:center;border:none;border-radius:50%;background:var(--azure-blue);color:#fff;cursor:pointer}.hero-send:hover:not(:disabled){background:var(--azure-blue-hover)}.hero-send:disabled{opacity:.4;cursor:default}.hero-skip{margin:12px 0 0 auto;background:none;border:none;color:var(--azure-blue);font-family:inherit;font-size:13px;cursor:pointer}.hero-skip:hover{text-decoration:underline}.hero-tabs{display:flex;justify-content:center;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);width:max-content;margin:18px auto 22px;padding:4px}.hero-tab{font-family:inherit;font-size:13px;padding:6px 16px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);cursor:pointer}.hero-tab.on{background:var(--surface-hover);color:var(--text);font-weight:600}.hero-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.agent-tpl{text-align:left;font-family:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;color:var(--text);transition:border-color .15s,transform .15s,box-shadow .15s}.agent-tpl:hover{border-color:var(--azure-blue);transform:translateY(-2px);box-shadow:0 0 0 3px var(--accent-soft)}.agent-tpl-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#8b90f8,#5b5fc7);color:#fff}.agent-tpl.blank .agent-tpl-icon{background:var(--surface-hover);color:var(--text-secondary);border:1px dashed var(--border-strong)}.agent-tpl-name{font-size:14px;font-weight:600}.agent-tpl-desc{font-size:12.5px;color:var(--text-secondary);line-height:1.5}.agent-tpl-meta{font-size:11px;color:var(--text-muted);margin-top:auto}.hero-progress{text-align:left}.store{max-width:1060px;margin:0 auto;padding:34px 36px 64px}.store-title{font-size:30px;font-weight:650}.store-lead{margin:8px 0 22px;color:var(--text-secondary);max-width:64ch}.store-search{display:flex;align-items:center;gap:10px;height:48px;padding:0 18px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text-muted);margin-bottom:8px}.store-search:focus-within{border-color:var(--azure-blue);box-shadow:0 0 0 3px var(--accent-soft)}.store-search input{flex:1;border:none;background:transparent;outline:none;color:var(--text);font-family:inherit;font-size:14px}.store-search input::placeholder{color:var(--text-muted)}.store-section{font-size:17px;font-weight:650;margin:28px 0 12px}.store-chips{display:flex;flex-wrap:wrap;gap:8px}.store-chip{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:13px;padding:8px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);cursor:pointer}.store-chip:hover{border-color:var(--azure-blue)}.store-chip svg{color:var(--azure-blue)}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.store-card{display:flex;gap:13px;align-items:flex-start;text-align:left;font-family:inherit;color:var(--text);padding:16px;border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;background:var(--surface);position:relative;overflow:hidden;transition:transform .15s,border-color .15s,box-shadow .15s}.store-card:hover{transform:translateY(-2px);border-color:var(--azure-blue);box-shadow:0 0 0 3px var(--accent-soft)}.store-card-icon{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;color:#fff}.store-card-body{display:flex;flex-direction:column;gap:5px;min-width:0}.store-card-name{font-size:14px;font-weight:600}.store-card-desc{font-size:12.5px;color:var(--text-secondary);line-height:1.5}.store-card-stat{font-size:11px;color:var(--text-muted);margin-top:2px}.store-card.g-blue{background:linear-gradient(135deg,rgba(79,139,255,.2),transparent 58%),var(--surface)}.g-blue .store-card-icon{background:linear-gradient(135deg,#4f8bff,#2456d6)}.store-card.g-orange{background:linear-gradient(135deg,rgba(245,158,66,.2),transparent 58%),var(--surface)}.g-orange .store-card-icon{background:linear-gradient(135deg,#f59e42,#d96c1e)}.store-card.g-teal{background:linear-gradient(135deg,rgba(45,196,178,.2),transparent 58%),var(--surface)}.g-teal .store-card-icon{background:linear-gradient(135deg,#2dc4b2,#0e8d80)}.store-card.g-pink{background:linear-gradient(135deg,rgba(236,100,166,.2),transparent 58%),var(--surface)}.g-pink .store-card-icon{background:linear-gradient(135deg,#ec64a6,#c2338a)}.store-card.g-green{background:linear-gradient(135deg,rgba(108,203,95,.2),transparent 58%),var(--surface)}.g-green .store-card-icon{background:linear-gradient(135deg,#6ccb5f,#3d9933)}.store-card.g-purple{background:linear-gradient(135deg,rgba(155,140,255,.22),transparent 58%),var(--surface)}.g-purple .store-card-icon{background:linear-gradient(135deg,#9b8cff,#5b5fc7)}.tile,.domain-card,.list-card,.qcard,.flashcard,.empty,.tour-card{border-radius:var(--radius-lg)}.q-option,.q-scenario{border-radius:var(--radius-md)}.btn,.btn-primary,.btn-ghost{border-radius:var(--radius-pill)}.arch-shell .arch-palette,.arch-shell .arch-toolbar,.arch-shell .arch-scenario{border-radius:var(--radius-md);box-shadow:none}.arch-shell .arch-search input{background:var(--surface-alt);color:var(--text);border-color:var(--border)}.arch-shell .tb-btn,.arch-shell .tb-icon{border-radius:var(--radius-pill)}.arch-shell .tb-newnode{border:1px solid var(--border-strong);padding:5px 12px}.arch-shell .tb-newnode.on{border-color:var(--azure-blue)}.arch-shell .as-pick select{background:var(--surface-alt);color:var(--text);border-color:var(--border-strong);border-radius:var(--radius-sm)}.arch-shell .btn{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text)}.arch-shell .btn.primary{background:#7c5cf0;border-color:#7c5cf0;color:#fff}.arch-shell .btn.primary:hover{background:#8d70f4}@media(max-width:760px){.rail{flex-basis:60px;width:60px;padding:10px 6px 12px}.rail .rail-title,.rail .rail-logo,.rail .rail-item span,.rail .rail-item kbd,.rail .rail-count,.rail .rail-group,.rail .rail-profile{display:none}.rail .rail-item{justify-content:center;padding:10px 0;gap:0}.page,.hero-page,.store{padding-left:18px;padding-right:18px}}:root[data-theme=light] .arch-shell{--azure-blue: #7a5af5;--azure-blue-hover: #6747e8;--azure-blue-active: #5a3bd6;--accent-soft: rgba(122, 90, 245, .14);--bg: #f4f4f9;--bg-elevated: #ffffff;--surface: #ffffff;--surface-hover: #ededf5;--surface-alt: #f7f7fb;--border: #e2e2ec;--border-strong: #c9c9d8;--text: #323130;--text-secondary: #605e5c;--text-muted: #797775;--success: #107c10;--success-bg: #dff6dd;--error: #a4262c;--error-bg: #fde7e9;--glow-accent: rgba(122, 90, 245, .22)}:root[data-theme=light] .arch-canvas{background-color:#fbfbfe;background-image:radial-gradient(circle,#d9d9e8 1px,transparent 1px);box-shadow:none}:root[data-theme=light] .arch-node{background:#fff;border-color:#d6d6e4;box-shadow:0 1.6px 3.6px #0000001a}:root[data-theme=light] .arch-link-tag rect{fill:#fff;stroke:#d6d6e4}:root[data-theme=light] .arch-shell .arch-search input{background:#fff}:root[data-theme=light] .arch-walk{box-shadow:0 12px 40px #2828502e}:root[data-theme=light] .arch-shell .btn{background:#fff}.orc-diagram{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:14px 0}.orc-box{padding:7px 13px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-alt);font-size:12.5px;color:var(--text);white-space:nowrap}.orc-box.agent{border-color:var(--azure-blue);color:var(--azure-blue);font-weight:600}.orc-box.human{border-color:#4d9ae8;color:#4d9ae8;font-weight:600}.orc-arrow{color:var(--text-muted);font-size:14px}.orc-stack{display:flex;flex-direction:column;gap:6px}.orc-meta{font-size:12px;color:var(--text-muted);margin:4px 0 0}.orc-case{margin-top:10px}.orc-picks{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.orc-pick{font-family:inherit;font-size:13px;padding:6px 14px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-secondary);cursor:pointer}.orc-pick:hover:not(:disabled){border-color:var(--azure-blue);color:var(--text)}.orc-pick.ok{border-color:var(--success);background:var(--success-bg);color:var(--success);font-weight:600}.orc-pick.bad{border-color:var(--error);background:var(--error-bg);color:var(--error)}.orc-why{font-size:13px;line-height:1.55;color:var(--text-secondary);border-left:3px solid var(--azure-blue);background:var(--accent-soft);border-radius:var(--radius-sm);padding:10px 12px;margin-top:8px}