.demo-page,.demo-route-loading,.demo-not-found{min-height:100%;background:#0b1220;color:#e8eef6}.demo-header{height:76px;display:flex;align-items:center;gap:18px;padding:0 clamp(24px,4vw,64px);border-bottom:1px solid #2b3a52;color:#8fa0b6}.demo-brand{display:flex;align-items:center;gap:10px;border:0;background:none;color:#e8eef6;font:inherit;font-size:20px;cursor:pointer}.demo-brand svg{color:#2ba9c2}.demo-header__line{width:1px;height:26px;background:#2b3a52}.demo-badge{padding:5px 9px;border:1px solid #d99a32;border-radius:999px;color:#d99a32;font:600 10px var(--am-font-mono);letter-spacing:.12em}.demo-header__actions{margin-left:auto;display:flex;align-items:center;gap:14px}.demo-header__actions button,.workspaces footer button{display:flex;align-items:center;gap:7px;border:0;background:none;color:#8fa0b6;cursor:pointer}.demo-page__main{min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(320px,1fr) minmax(380px,520px);align-items:center;gap:clamp(48px,8vw,140px);max-width:1320px;margin:auto;padding:54px clamp(24px,5vw,72px)}.demo-page__intro>span,.onboarding header>span,.workspaces header span,.demo-form__head>span{font:500 11px var(--am-font-mono);letter-spacing:.18em;color:#d99a32}.demo-page__intro h1,.onboarding h1,.workspaces h1{font:400 clamp(48px,6vw,86px)/.98 var(--am-font-display,Georgia,serif);letter-spacing:-.045em;max-width:720px;margin:24px 0}.demo-page__intro p,.onboarding header p{max-width:590px;color:#8d9ba6;font-size:17px;line-height:1.7}.demo-page__intro dl{margin-top:52px;border-top:1px solid #2b3a52}.demo-page__intro dl div{display:flex;gap:18px;padding:14px 0;border-bottom:1px solid #2b3a52;color:#8fa0b6}.demo-page__intro dt{font:12px var(--am-font-mono);color:#2ba9c2}.demo-form{padding:38px;border:1px solid #2b3a52;border-radius:16px;background:#111b2e;animation:demo-enter .5s ease both}.demo-form__head{margin-bottom:26px}.demo-form__head h2{font-size:27px;margin:10px 0 7px}.demo-form__head p{color:#8fa0b6}.demo-form>label,.workspace-inline-form label{display:grid;gap:8px;margin:16px 0;color:#b8c5d4;font-weight:600}.demo-form input:not([type=checkbox]),.workspace-inline-form input{width:100%;height:48px;border:1px solid #2b3a52;border-radius:8px;background:#0b1220;color:#e8eef6;padding:0 13px;font:inherit;outline:none;transition:border-color .2s}.demo-form input:focus,.workspace-inline-form input:focus{border-color:#2ba9c2}.demo-password{display:flex;position:relative}.demo-password button{position:absolute;right:5px;top:5px;width:38px;height:38px;border:0;background:none;color:#8fa0b6}.demo-password svg{width:17px}.demo-form__check{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#8fa0b6}.demo-form__check label{display:flex;align-items:center;gap:6px}.demo-form__check button,.demo-form__switch button{border:0;background:none;color:#8b73e6;cursor:pointer}.demo-form__error,.workspace-inline-form>p{margin:14px 0;padding:10px;border-left:2px solid #d96262;color:#f19a9a;background:#18253a}.demo-form__success{display:flex;gap:6px;color:#35c98b}.demo-form__success svg{width:16px}.demo-primary,.demo-secondary{min-height:48px;padding:0 18px;border-radius:999px;font:600 14px var(--am-font-sans);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px}.demo-primary{border:1px solid #e8eef6;background:#e8eef6;color:#0b1220}.demo-primary:hover{background:#35c98b;border-color:#35c98b}.demo-primary:disabled{opacity:.6;cursor:wait}.demo-primary svg,.demo-secondary svg{width:16px}.demo-secondary{border:1px solid #2b3a52;background:transparent;color:#e8eef6}.demo-form>.demo-primary,.demo-form>.demo-secondary{width:100%;margin-top:14px}.demo-form__switch{text-align:center;margin-top:22px;color:#8fa0b6}.onboarding,.workspaces{max-width:1300px;margin:auto;padding:54px clamp(24px,5vw,72px)}.onboarding header{text-align:center}.onboarding header h1{margin-left:auto;margin-right:auto}.onboarding header p{margin:auto}.onboarding__grid{display:grid;grid-template-columns:370px 1fr;gap:24px;margin-top:40px}.profile-picker,.setup-card,.workspace-inline-form,.workspace-list article{border:1px solid #2b3a52;border-radius:14px;background:#111b2e}.profile-picker{padding:24px}.profile-picker h2{font-size:17px;margin-bottom:16px}.profile-picker button{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:18px 12px;border:1px solid #2b3a52;background:#0b1220;color:#e8eef6;text-align:left;margin-top:10px;border-radius:9px}.profile-picker button.is-active{border-color:#8b73e6;background:#18253a}.profile-picker button>svg{width:15px;opacity:0}.profile-picker button.is-active>svg{opacity:1;color:#35c98b}.profile-picker small,.agent-preview p{display:block;color:#8fa0b6;margin-top:4px;font-family:var(--am-font-mono)}.profile-dot{width:11px;height:11px;border-radius:50%}.profile-dot--purple{background:#8b73e6}.profile-dot--teal{background:#249e91}.setup-card{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:28px}.agent-preview{padding:26px;border:1px solid #2b3a52;background:#18253a;border-radius:10px}.agent-preview>span{color:#35c98b;font:11px var(--am-font-mono)}.agent-preview h2{font-size:28px;margin:12px 0}.agent-preview code{display:inline-flex;margin:18px 5px 0 0;border:1px solid #2b3a52;border-radius:4px;padding:5px 7px;color:#2ba9c2}.setup-card ol{list-style:none}.setup-card li{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;min-height:48px;color:#687a86}.setup-card li i{display:grid;place-items:center;width:25px;height:25px;border:1px solid #2b3a52;border-radius:50%;font:11px var(--am-font-mono)}.setup-card li i svg{width:13px}.setup-card li.is-current{color:#e8eef6}.setup-card li.is-current i{border-color:#d99a32;color:#d99a32}.setup-card li.is-done{color:#b8c5d4}.setup-card li.is-done i{border-color:#35c98b;color:#35c98b}.setup-card li small{font:10px var(--am-font-mono);color:#35c98b}.setup-card>.demo-primary{grid-column:1/-1}.workspaces>header{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.workspaces>header h1{font-size:48px;margin-bottom:0}.workspaces>header>div:last-child{display:flex;gap:10px}.workspace-inline-form{padding:20px;margin:28px 0}.workspace-inline-form form{display:flex;align-items:flex-end;gap:12px}.workspace-inline-form label{flex:1;margin:0}.workspace-list{margin-top:44px}.workspace-list__label{margin-bottom:10px;color:#8fa0b6;font:11px var(--am-font-mono);letter-spacing:.14em}.workspace-list article{display:grid;grid-template-columns:64px 1fr auto auto;align-items:center;gap:25px;padding:24px;margin-bottom:12px}.workspace-symbol{display:grid;place-items:center;width:54px;height:54px;border:1px solid #2ba9c2;border-radius:12px;color:#2ba9c2}.workspace-list article>div:nth-child(2)>span{font:10px var(--am-font-mono);color:#35c98b}.workspace-list h2{font-size:20px;margin:5px 0}.workspace-list p{font-family:var(--am-font-mono);color:#687a86}.workspace-list dl{display:flex;gap:34px}.workspace-list dt{font-size:10px;color:#687a86}.workspace-list dd{margin-top:6px;display:flex;align-items:center;gap:5px}.workspace-list dd svg{width:14px}.workspace-list dd button{border:0;background:none;color:#8b73e6;font-family:var(--am-font-mono);cursor:pointer}.workspace-open{display:flex;align-items:center;gap:8px;border:1px solid #2b3a52;border-radius:999px;padding:11px 16px;background:none;color:#e8eef6;cursor:pointer}.workspace-open svg{width:15px}.workspaces footer{display:flex;justify-content:space-between;margin-top:30px;color:#687a86}.demo-route-loading,.demo-not-found{display:grid;place-items:center}.demo-not-found{text-align:center}@keyframes demo-enter{0%{opacity:0;transform:translateY(12px)}}@media(max-width:900px){.demo-page__main{grid-template-columns:1fr}.demo-page__intro dl{display:none}.onboarding__grid,.setup-card{grid-template-columns:1fr}.setup-card>.demo-primary{grid-column:auto}.workspaces>header,.workspace-list article{display:flex;flex-direction:column;align-items:flex-start}.workspace-list dl{flex-wrap:wrap}.demo-header>span:not(.demo-badge){display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.demo-page{background:#f6f4ec;color:#1e2b26}.demo-page .demo-header{background:#eef1e8;border-color:#d6d8c9;color:#68746d}.demo-page .demo-brand{color:#1e2b26}.demo-page .demo-form,.demo-page .profile-picker,.demo-page .setup-card,.demo-page .workspace-list article,.demo-page .workspace-inline-form{background:#fffdf7;border-color:#d6d8c9;color:#1e2b26;box-shadow:0 10px 40px #233e2910}.demo-page input:not([type=checkbox]),.demo-page .auth-input,.demo-page .profile-picker button,.demo-page .agent-preview{background:#f3f0e7;color:#1e2b26;border-color:#aeb8a8}.demo-page .demo-primary{background:#2f7d5c;color:#fff;border-color:#2f7d5c}.demo-page .demo-secondary,.demo-page .workspace-open,.demo-page .wallet-connect-button{color:#1e2b26;background:#eef1e8;border-color:#aeb8a8}.demo-page label,.demo-page .demo-form__head p,.demo-page .demo-page__intro p,.demo-page .demo-form__switch,.demo-page .demo-page__intro dd,.demo-page .setup-card li,.demo-page .workspace-list p{color:#68746d}.demo-page .wallet-dialog{background:#fffdf7;color:#1e2b26;border-color:#aeb8a8}.demo-page .wallet-options button{background:#f3f0e7;color:#1e2b26;border-color:#d6d8c9}.demo-auth-page{font-family:var(--am-font-sans);overflow:auto}.demo-auth-page .demo-header{position:sticky;top:0;z-index:20;background:#0b1220f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:#ffffff20}.demo-auth-page .demo-page__main{position:relative;grid-template-columns:minmax(420px,1fr) minmax(440px,540px);align-items:center;min-height:calc(100svh - 76px);max-width:1440px;padding-top:38px;padding-bottom:38px}.demo-auth-page .demo-page__intro{position:relative;isolation:isolate;padding:46px 0}.demo-auth-page .demo-page__intro>span{color:#c9cec5}.demo-auth-page .demo-page__intro h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(58px,6.5vw,96px);line-height:.98;max-width:700px;margin:28px 0 32px;text-wrap:balance}.demo-auth-page .demo-page__intro p{font-size:16px;max-width:600px}.auth-mesh{position:absolute;z-index:-1;inset:4% -8% auto 12%;height:260px;opacity:.48}.auth-mesh svg{width:100%;height:100%;overflow:visible}.auth-mesh path{fill:none;stroke:var(--am-cyan);stroke-width:1;stroke-dasharray:5 11;animation:auth-route 18s linear infinite}.auth-mesh path:last-child{stroke:var(--am-purple);animation-direction:reverse}.auth-mesh i{position:absolute;width:9px;height:9px;border-radius:50%;border:1px solid var(--am-cyan);background:var(--am-ink-950);animation:auth-node 4.8s ease-in-out infinite}.auth-mesh i:nth-child(1){left:3%;top:66%}.auth-mesh i:nth-child(2){left:49%;top:17%;animation-delay:-1.6s;border-color:var(--am-purple)}.auth-mesh i:nth-child(3){right:2%;top:66%;animation-delay:-3.2s;border-color:var(--am-teal)}.demo-auth-page .demo-form{padding:clamp(24px,3vw,36px);border-color:#ffffff24;border-radius:12px;background:#111b2ee0;box-shadow:0 30px 80px #02071047;animation:auth-card-enter .65s cubic-bezier(.2,.75,.25,1) both}.demo-auth-page .demo-form__head{margin-bottom:19px}.demo-auth-page .demo-form__head>span{color:var(--am-amber)}.demo-auth-page .demo-form__head h2{font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:400;letter-spacing:-.02em;margin:8px 0 5px}.demo-auth-page .demo-form__head p{font-size:13px;line-height:1.5}.wallet-connect-button{width:100%;min-height:62px;display:grid;grid-template-columns:36px 1fr 20px;align-items:center;gap:11px;padding:9px 13px;border:1px solid #3a4a65;border-radius:9px;background:#18253a;color:#e8eef6;text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.wallet-connect-button:hover{transform:translateY(-1px);border-color:var(--am-purple);background:#1b2940}.wallet-connect-button>svg:first-child{width:21px;color:var(--am-purple)}.wallet-connect-button>svg:last-child{width:15px;color:#8fa0b6}.wallet-connect-button span{display:grid;gap:3px}.wallet-connect-button b{font-size:13px}.wallet-connect-button small{font-size:10px;color:#8fa0b6}.auth-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:#687a86;font:9px var(--am-font-mono);letter-spacing:.08em;text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#2b3a52}.demo-form__fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.demo-form--login .demo-form__fields{grid-template-columns:1fr}.demo-form__fields>label{display:grid;gap:6px;color:#b8c5d4;font-size:12px;font-weight:600}.auth-input{position:relative;display:flex;align-items:center}.auth-input>svg{position:absolute;left:12px;width:15px;color:#687a86;pointer-events:none}.demo-form .auth-input input{height:44px;padding:0 40px 0 37px;border-color:#34445d;border-radius:7px;background:#0b1424;font-size:13px;transition:border-color .2s,background .2s}.demo-form .auth-input input:hover{border-color:#496078}.demo-form .auth-input input:focus{border-color:var(--am-cyan);background:#0e192b;box-shadow:0 0 0 3px #2ba9c21a}.demo-form .auth-input:focus-within>svg{color:var(--am-cyan)}.demo-auth-page .demo-password button{top:3px;right:3px}.demo-auth-page .demo-form__check{margin-top:16px}.demo-auth-page .demo-form__check label{font-weight:400}.demo-auth-page .demo-form__check input{width:16px;height:16px;accent-color:var(--am-purple)}.demo-auth-page .demo-form>.demo-primary{min-height:45px;margin-top:16px;transition:transform .2s,background .2s}.demo-auth-page .demo-form>.demo-primary:hover{transform:translateY(-1px)}.demo-account-link{width:100%;display:flex;align-items:center;justify-content:center;gap:5px;padding:12px 0 4px;border:0;background:none;color:#a893f0;font:500 12px var(--am-font-sans);cursor:pointer}.demo-account-link svg{width:13px}.demo-auth-page .demo-form__switch{margin-top:12px;font-size:12px}.demo-auth-page .demo-form__error,.demo-auth-page .demo-form__success{margin:12px 0 0}.demo-auth-page .demo-form__success{align-items:center}.demo-auth-page .demo-form__success svg{animation:auth-check .35s ease both}.wallet-dialog-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#040a14bd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:auth-fade .2s ease both}.wallet-dialog{width:min(430px,100%);padding:24px;border:1px solid #3a4a65;border-radius:14px;background:#111b2e;color:#e8eef6;box-shadow:0 30px 100px #0000007a;animation:wallet-enter .32s cubic-bezier(.2,.78,.25,1) both}.wallet-dialog header{display:flex;justify-content:space-between;gap:16px}.wallet-dialog header span{font:10px var(--am-font-mono);letter-spacing:.16em;color:var(--am-amber)}.wallet-dialog h2{font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:400;margin-top:6px}.wallet-dialog header button{width:34px;height:34px;border:1px solid #2b3a52;border-radius:50%;background:none;color:#8fa0b6}.wallet-dialog header svg{width:15px}.wallet-dialog__notice{display:flex;gap:10px;margin:18px 0;padding:12px;border:1px solid #2b3a52;border-radius:8px;background:#0b1220;color:#8fa0b6;font-size:11px;line-height:1.5}.wallet-dialog__notice svg{flex:0 0 17px;color:var(--am-green)}.wallet-options{display:grid;gap:8px}.wallet-options>button{display:grid;grid-template-columns:40px 1fr 18px;align-items:center;gap:12px;width:100%;padding:12px;border:1px solid #2b3a52;border-radius:9px;background:#18253a;color:#e8eef6;text-align:left;cursor:pointer;transition:transform .18s,border-color .18s}.wallet-options>button:hover{transform:translate(3px);border-color:var(--am-cyan)}.wallet-options>button span{display:grid;gap:3px}.wallet-options small{color:#8fa0b6}.wallet-options svg{width:14px;color:#687a86}.wallet-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;font:700 14px var(--am-font-mono);font-style:normal;color:#0b1220}.wallet-mark--orange{background:#d99a32}.wallet-mark--blue{background:#2ba9c2}.wallet-mark--violet{background:#8b73e6}.wallet-dialog footer{display:flex;align-items:center;gap:8px;margin-top:17px;color:#687a86;font-size:10px}.wallet-dialog footer i{width:6px;height:6px;border-radius:50%;background:var(--am-green)}.wallet-dialog__progress{min-height:150px;display:flex;align-items:center;justify-content:center;gap:18px}.wallet-dialog__progress>i{width:34px;height:34px;border:2px solid #2b3a52;border-top-color:var(--am-cyan);border-radius:50%;animation:wallet-spin .8s linear infinite}.wallet-dialog__progress div{display:grid;gap:4px}.wallet-dialog__progress span{color:#8fa0b6;font-size:11px}@keyframes auth-route{to{stroke-dashoffset:-160}}@keyframes auth-node{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.5);opacity:1}}@keyframes auth-card-enter{0%{opacity:0;transform:translate3d(22px,10px,0)}to{opacity:1;transform:none}}@keyframes auth-fade{0%{opacity:0}}@keyframes wallet-enter{0%{opacity:0;transform:translateY(14px) scale(.98)}}@keyframes wallet-spin{to{transform:rotate(360deg)}}@keyframes auth-check{0%{transform:scale(.5);opacity:0}}@media(max-width:1050px){.demo-auth-page .demo-page__main{grid-template-columns:minmax(310px,.8fr) minmax(430px,1fr);gap:42px}.demo-auth-page .demo-page__intro h1{font-size:58px}}@media(max-width:820px){.demo-auth-page .demo-page__main{grid-template-columns:1fr;padding-top:28px}.demo-auth-page .demo-page__intro{padding:10px 0}.demo-auth-page .demo-page__intro h1{font-size:52px;margin:18px 0}.demo-auth-page .demo-page__intro p,.auth-mesh{display:none}.demo-form__fields{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.auth-mesh *,.wallet-dialog,.wallet-dialog-backdrop,.demo-auth-page .demo-form{animation:none!important}}:root{--am-base: #0a0e17;--am-surface: #0d1117;--am-border: #232c40;--am-success: #3ddc97;--am-flow: #22d3ee;--am-warning: #f0b458;--am-identity: #a78bfa;--am-window-close: #e5534b;--am-text: #e6edf3;--am-text-muted: #8b98ad;--am-text-dim: #5c6a82;--am-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--am-font-mono: "SFMono-Regular", "JetBrains Mono", "Menlo", "Consolas", monospace;--am-pad: 12px;--am-pad-tight: 10px;--am-radius: 6px}.am-hexgrid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.am-hexgrid__cell{fill:none;stroke:var(--am-border);stroke-width:1;opacity:.45;vector-effect:non-scaling-stroke}.am-dots{display:inline-flex;align-items:center;gap:6px}.am-dots__dot{width:8px;height:8px;border-radius:50%;display:block}.am-dots__dot--close{background:var(--am-window-close)}.am-dots__dot--min{background:var(--am-warning)}.am-dots__dot--max{background:var(--am-success)}.am-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:1px solid var(--am-border);border-radius:3px;font-family:var(--am-font-mono);font-size:10px;line-height:16px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:var(--am-text-muted);background:transparent}.am-badge__marker{width:5px;height:5px;border-radius:1px;background:currentColor;display:block}.am-badge--neutral{color:var(--am-text-muted)}.am-badge--accent,.am-badge--success{color:var(--am-success);border-color:var(--am-success)}.am-badge--warning{color:var(--am-warning);border-color:var(--am-warning)}.am-badge--flow{color:var(--am-flow);border-color:var(--am-flow)}.am-badge--identity{color:var(--am-identity);border-color:var(--am-identity)}.am-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border:1px solid var(--am-border);border-radius:999px;font-family:var(--am-font-mono);font-size:11px;line-height:16px;white-space:nowrap;color:var(--am-text-muted);background:transparent}.am-pill__dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:block}.am-pill--neutral{color:var(--am-text-muted)}.am-pill--accent,.am-pill--success{color:var(--am-success);border-color:var(--am-success)}.am-pill--warning{color:var(--am-warning);border-color:var(--am-warning)}.am-pill--flow{color:var(--am-flow);border-color:var(--am-flow)}.am-pill--identity{color:var(--am-identity);border-color:var(--am-identity)}.am-addr{display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1.35}.am-addr__label{font-family:var(--am-font-mono);font-size:12px;color:var(--am-identity)}.am-addr__hash{font-family:var(--am-font-mono);font-size:10px;color:var(--am-text-dim);letter-spacing:.02em}:root{--am-ink-950: #0b1220;--am-ink-900: #111b2e;--am-ink-800: #18253a;--am-canvas: #f2f6f3;--am-surface: #fbfdfc;--am-surface-muted: #eaf1ed;--am-border-dark: #2b3a52;--am-border-light: #c5d2cc;--am-text-on-dark: #e8eef6;--am-text-primary: #17262d;--am-text-secondary: #687a86;--am-text-muted: #8d9ba6;--am-technical-label: #8fa0b6;--am-green: #35c98b;--am-green-soft: #e1f5ec;--am-cyan: #2ba9c2;--am-cyan-soft: #dff3f6;--am-purple: #8b73e6;--am-purple-soft: #eeeafe;--am-teal: #249e91;--am-teal-soft: #def2ee;--am-amber: #d99a32;--am-amber-soft: #fff1d6;--am-red: #d96262;--am-red-soft: #fbe6e6;--color-identity: var(--am-purple);--color-connected: var(--am-green);--color-data-flow: var(--am-cyan);--color-pending: var(--am-amber);--color-danger: var(--am-red);--color-developer-one: var(--am-purple);--color-developer-two: var(--am-teal);--am-base: var(--am-ink-950);--am-border: var(--am-border-dark);--am-success: var(--am-green);--am-flow: var(--am-cyan);--am-warning: var(--am-amber);--am-identity: var(--am-purple);--am-window-close: var(--am-red);--am-text: var(--am-text-on-dark);--am-text-dim: var(--am-text-secondary)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--am-font-sans);background:var(--am-base);color:var(--am-text);font-size:13px;-webkit-font-smoothing:antialiased}.app-shell{display:grid;grid-template-rows:56px 1fr auto 32px;height:100%;overflow:hidden}.app-body{position:relative;display:grid;grid-template-columns:220px 1fr;min-height:0}.app-workspace-stack{display:grid;grid-template-rows:minmax(0,1fr) 0;min-width:0;min-height:0;overflow:hidden;transition:grid-template-rows .26s cubic-bezier(.22,1,.36,1)}.app-workspace-stack.has-utility-panel{grid-template-rows:minmax(280px,1fr) clamp(230px,32vh,320px)}.demo-toolbar{min-height:34px;display:flex;align-items:center;gap:4px;padding:4px 10px;border-top:1px solid var(--am-border);background:var(--am-ink-900);overflow-x:auto;white-space:nowrap}.demo-toolbar>span{color:var(--am-amber);font:600 9px var(--am-font-mono);letter-spacing:.12em;padding:0 8px}.demo-toolbar button,.demo-toolbar label{height:25px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;border:1px solid var(--am-border-dark);border-radius:5px;background:var(--am-ink-950);color:var(--am-text-muted);font:10px var(--am-font-sans);cursor:pointer}.demo-toolbar button:hover{color:var(--am-text-on-dark);border-color:var(--am-cyan)}.demo-toolbar button svg{width:12px}.demo-toolbar select{border:0;background:transparent;color:var(--am-text-on-dark);font:10px var(--am-font-sans)}.demo-toolbar small{margin-left:auto;color:var(--am-text-secondary);font-family:var(--am-font-mono)}.demo-panel{position:relative;z-index:20;left:auto;right:auto;bottom:auto;width:100%;height:100%;min-height:0;overflow:hidden;border:1px solid rgb(157 131 255 / 44%);border-right:0;border-bottom:0;background:linear-gradient(135deg,#17142d,#09182b 55%,#071522);color:var(--am-text-on-dark);display:grid;box-shadow:0 -18px 48px #00020c52}.demo-panel>header{height:46px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgb(157 131 255 / 27%);padding:0 16px;background:#151831c7}.demo-panel>header>div{display:flex;align-items:center;gap:8px}.demo-panel>header i{width:7px;height:7px;border-radius:50%;background:#45e1ac;box-shadow:0 0 12px #45e1ac8c}.demo-panel button{border:0;background:transparent;color:#aebbd0;cursor:pointer}.demo-panel button:hover,.demo-panel button:focus-visible{color:#f1f4ff}.demo-panel button svg{width:15px}.demo-terminal{grid-template-rows:46px minmax(0,1fr) 44px}.demo-terminal header>div:first-child svg{color:#b89cff}.demo-terminal header>div:last-child button{min-height:30px;padding:5px 11px;border:1px solid transparent;border-radius:6px}.demo-terminal header>div:last-child button.is-active{border-color:#a88cff;color:#f4efff;background:#9d83ff29}.demo-terminal__output{overflow:auto;padding:18px 22px;background:linear-gradient(135deg,#150f2de0,#051424f5);font:13px/1.72 var(--am-font-mono)}.demo-terminal__output p.is-command{color:#c4aaff}.demo-terminal__output p.is-success{color:#43dfa8}.demo-terminal__output p.is-error{color:#ff8395}.demo-terminal form{display:flex;align-items:center;gap:10px;padding:0 20px;border-top:1px solid rgb(56 199 229 / 24%);background:#09192bf0;font:13px var(--am-font-mono);color:#43d7f0}.demo-terminal form input{flex:1;border:0;outline:0;background:none;color:#eaf3ff;font:inherit}.demo-browser{grid-template-rows:46px 38px minmax(0,1fr);border-color:#38c7e570;background:linear-gradient(135deg,#0a2333,#141732)}.demo-browser>header{justify-content:flex-start;gap:8px;background:#071c2de0;border-color:#38c7e53d}.demo-browser>header form{flex:1}.demo-browser>header input{width:100%;height:30px;border:1px solid rgb(56 199 229 / 28%);border-radius:7px;background:#030d19bd;color:#dcecff;padding:0 12px;font:11px var(--am-font-mono)}.demo-browser nav{display:flex;gap:5px;padding:4px 12px;border-bottom:1px solid rgb(56 199 229 / 18%);background:#0a192bdb;overflow-x:auto}.demo-browser nav button{padding:0 11px;border-right:1px solid rgb(56 199 229 / 18%);font-size:10px;white-space:nowrap}.demo-browser article{overflow:auto;padding:22px clamp(24px,6vw,76px);background:linear-gradient(120deg,#071425f0,#181431e0)}.demo-browser article>span{font:10px var(--am-font-mono);letter-spacing:.12em;color:#f4b84a}.demo-browser article h2{font:400 28px var(--am-font-display);margin:8px 0;color:#edf2fa}.demo-browser article p{white-space:pre-line;color:#a9b7cb;line-height:1.65}.demo-browser pre{max-width:760px;margin-top:16px;padding:16px;border:1px solid rgb(157 131 255 / 28%);border-radius:8px;background:#040c18bd;color:#68dff2;font:12px/1.6 var(--am-font-mono)}.app-status__toggle{height:24px;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--am-border);border-radius:4px;padding:0 10px;background:transparent;color:var(--am-text-dim);font:inherit}.app-status__toggle.is-active{color:var(--am-cyan);border-color:var(--am-cyan)}.workspace-modal-backdrop{position:absolute;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#07101ebf}.workspace-modal{width:min(570px,100%);padding:24px;border:1px solid var(--canvas-line-strong);border-radius:14px;background:var(--canvas-panel-solid);color:var(--canvas-copy);box-shadow:0 24px 70px #00000059}.workspace-modal header{display:flex;justify-content:space-between;gap:20px}.workspace-modal header span{font:10px var(--am-font-mono);letter-spacing:.14em;color:var(--am-amber)}.workspace-modal h2{font-size:24px;margin-top:7px}.workspace-modal header button{border:0;background:none;color:var(--canvas-muted)}.workspace-modal header svg{width:17px}.workspace-modal>p{margin:18px 0;color:var(--canvas-muted);line-height:1.6}.workspace-modal label{display:block;margin-bottom:7px;font-weight:600}.workspace-modal textarea{width:100%;min-height:145px;resize:vertical;padding:12px;border:1px solid var(--canvas-line-strong);border-radius:7px;background:var(--am-ink-950);color:var(--canvas-copy);font:12px/1.6 var(--am-font-mono)}.workspace-modal footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.workspace-modal footer button{min-height:38px;padding:0 14px;border:1px solid var(--canvas-line-strong);border-radius:999px;background:transparent;color:var(--canvas-copy)}.workspace-modal footer button.is-primary{background:var(--am-green);border-color:var(--am-green);color:var(--am-ink-950);font-weight:700}.workspace-modal footer button.is-reject{border-color:var(--am-red);color:var(--am-red)}.workspace-approval-dialog dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.workspace-approval-dialog dl div{padding:11px;border:1px solid var(--canvas-line);border-radius:6px}.workspace-approval-dialog dt{font:10px var(--am-font-mono);color:var(--canvas-muted)}.workspace-approval-dialog dd{margin-top:5px;font-weight:600}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--am-border);background:var(--am-surface)}.app-header__brand{display:flex;align-items:center;gap:8px}.app-header__mark{color:var(--am-flow)}.app-header__name{font-size:15px;font-weight:600;letter-spacing:-.01em}.app-header__divider{width:1px;height:16px;background:var(--am-border)}.app-header__project{font-size:13px;color:var(--am-text-muted)}.app-header__identity{display:flex;align-items:center;gap:14px}.app-header__wallet{padding-left:14px;border-left:1px solid var(--am-border)}.app-sidebar{border-right:1px solid var(--am-border);background:var(--am-surface);padding:12px 0;overflow-y:auto}.app-sidebar__list{list-style:none}.app-nav{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-left:2px solid transparent;background:transparent;color:var(--am-text-muted);font-family:inherit;font-size:13px;text-align:left;cursor:pointer}.app-nav:hover:not(:disabled){color:var(--am-text);background:#232c4059}.app-nav--active,.app-nav--active:hover:not(:disabled){color:var(--am-text);background:#22d3ee14;border-left-color:var(--am-flow)}.app-nav--active svg{color:var(--am-flow)}.app-nav--reserved,.app-nav--reserved:disabled{color:var(--am-text-dim);cursor:not-allowed}.app-nav__label{flex:1}.app-nav__tag{font-family:var(--am-font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--am-text-dim);border:1px solid var(--am-border);border-radius:3px;padding:1px 5px}.app-nav:focus-visible{outline:1px solid var(--am-flow);outline-offset:-2px}.app-main{position:relative;z-index:1;min-width:0;overflow-y:auto;background:transparent}.overview{display:flex;flex-direction:column;gap:20px;padding:20px;min-height:100%}.overview__head{display:flex;align-items:baseline;gap:10px}.overview__project{font-size:18px;font-weight:600;letter-spacing:-.01em}.overview__slug{font-family:var(--am-font-mono);font-size:11px;color:var(--am-text-dim)}.section-heading{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--am-text-dim);margin-bottom:10px}.overview__canvas{display:flex;flex-direction:column;flex:1;min-height:420px}.overview__canvas-frame{flex:1;position:relative;border:1px solid var(--am-border);border-radius:var(--am-radius);overflow:hidden}.workspace-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.agent-roster__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.agent-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:var(--am-pad);border:1px solid var(--am-border);border-radius:var(--am-radius);background:var(--am-surface)}.agent-card__head{display:flex;align-items:center;gap:8px;color:var(--am-text-muted)}.agent-card__name{font-size:14px;font-weight:600;color:var(--am-text)}.agent-card__vendor{font-family:var(--am-font-mono);font-size:10px;color:var(--am-text-dim)}.app-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:100%}.app-placeholder__title{font-size:15px;font-weight:600}.app-placeholder__note{font-family:var(--am-font-mono);font-size:11px;color:var(--am-text-dim)}.app-status{display:flex;align-items:center;gap:20px;padding:0 16px;border-top:1px solid var(--am-border);background:var(--am-surface);font-family:var(--am-font-mono);font-size:11px;color:var(--am-text-muted)}.app-status__left,.app-status__panels,.app-status__right{display:flex;align-items:center;gap:12px}.app-status__right{margin-left:auto}.app-status__sync{display:inline-flex;align-items:center;gap:5px;color:var(--am-text-dim)}.app-status__toggle{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border:1px solid var(--am-border);border-radius:3px}.app-status__toggle--reserved{color:var(--am-text-dim);opacity:.55}.app-status__block{color:var(--am-text-dim);letter-spacing:.02em}.am-node{width:330px;border:1px solid var(--am-border);border-radius:var(--am-radius);background:var(--am-surface);overflow:hidden}.am-node--board{width:320px}.am-node__titlebar{display:flex;align-items:center;gap:10px;padding:var(--am-pad-tight) var(--am-pad);border-bottom:1px solid var(--am-border)}.am-node__title{flex:1;font-size:13px;font-weight:600;color:var(--am-text)}.am-node__body{padding:var(--am-pad)}.react-flow__node.selected .am-node{border-color:var(--am-flow)}.am-agent__identity{display:flex;justify-content:flex-start;padding-bottom:var(--am-pad-tight);margin-bottom:var(--am-pad-tight);border-bottom:1px solid var(--am-border)}.am-agent__identity .am-addr{align-items:flex-start}.am-agent__log{display:flex;flex-direction:column;gap:5px;font-family:var(--am-font-mono);font-size:10.5px;line-height:1.5}.am-agent__line{display:flex;gap:8px;white-space:nowrap}.am-agent__block{color:var(--am-text-dim)}.am-agent__hash{color:var(--am-flow)}.am-agent__msg{color:var(--am-text-muted);overflow:hidden;text-overflow:ellipsis}.am-board__count{font-family:var(--am-font-mono);font-size:10px;color:var(--am-text-dim)}.am-board__list{list-style:none}.am-board__task{padding:var(--am-pad-tight) var(--am-pad);border-bottom:1px solid var(--am-border)}.am-board__task:last-child{border-bottom:0}.am-board__taskhead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.am-board__taskid{font-family:var(--am-font-mono);font-size:10px;color:var(--am-text-dim);letter-spacing:.04em}.am-board__tasktitle{font-size:12px;color:var(--am-text);line-height:1.4}.am-board__taskmeta{display:flex;gap:10px;margin-top:5px;font-family:var(--am-font-mono);font-size:10px}.am-board__ref{color:var(--am-text-dim)}.am-board__owner{color:var(--am-identity)}.react-flow{--xy-controls-box-shadow: none;--xy-node-boxshadow-hover: none;--xy-node-boxshadow-selected: none;--xy-edge-stroke-default: var(--am-flow);--xy-connectionline-stroke-default: var(--am-flow)}.react-flow__node{font-family:var(--am-font-sans);cursor:default}.am-handle.react-flow__handle{width:7px;height:7px;border-radius:2px;border:1px solid var(--am-flow);background:var(--am-surface)}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path{stroke:var(--am-success)}.react-flow__edge-text{fill:var(--am-text-muted)}.react-flow__connectionline .react-flow__connection-path{stroke:var(--am-flow);stroke-width:1.5}.react-flow__controls{border:1px solid var(--am-border);border-radius:var(--am-radius);overflow:hidden;box-shadow:none}.react-flow__controls-button{border:0;border-bottom:1px solid var(--am-border);background:var(--am-surface);color:var(--am-text-muted);width:24px;height:24px}.react-flow__controls-button:last-child{border-bottom:0}.react-flow__controls-button:hover{background:var(--am-base);color:var(--am-text)}.react-flow__controls-button svg{fill:currentColor}.react-flow__attribution{background:transparent}.react-flow__attribution a{color:var(--am-text-dim);font-family:var(--am-font-mono);font-size:9px}@media(max-width:1100px){.app-body{grid-template-columns:60px 1fr}.app-nav{justify-content:center;padding:10px 0}.app-nav__label,.app-nav__tag,.app-header__project,.app-header__divider{display:none}}@media(max-width:820px){.app-header{padding:0 10px}.app-header__identity{gap:8px}.app-header__wallet,.app-status__panels{display:none}.overview{padding:12px}}
