:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#1d2924;background:#eff3f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:1080px}button{font:inherit}.app{--shell: #eff3f0;--panel: #fff;--ink: #1d2924;--muted: #74817b;--line: #dce4df;--green: #197648;min-height:100vh;display:grid;grid-template-columns:252px 1fr;color:var(--ink);background:var(--shell);transition:.2s ease}.app--dark{--shell: #101514;--panel: #18201d;--ink: #eef6f1;--muted: #91a098;--line: #2c3933;--green: #7bf0ac}.sidebar{position:sticky;top:0;height:100vh;padding:26px 18px;display:flex;flex-direction:column;background:#13271d;color:#ecf9f1;border-right:1px solid #284333}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px;border-bottom:1px solid #2a4435}.brand__mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#71e59e;color:#102519;font-weight:900}.brand strong,.brand small{display:block}.brand strong{font-size:14px;letter-spacing:.02em}.brand small{margin-top:3px;color:#8faa9a;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.sidebar nav{display:grid;gap:6px;margin-top:28px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px;color:#adc2b5;background:transparent;border:1px solid transparent;border-radius:10px;text-align:left;cursor:pointer}.nav-item>span{font:600 10px ui-monospace,monospace;color:#668170}.nav-item div{font-size:13px;font-weight:650}.nav-item small{display:block;margin-bottom:2px;color:#708e7c;font:500 9px ui-monospace,monospace;text-transform:uppercase}.nav-item--active{color:#f5fff8;background:#213d2d;border-color:#345941}.nav-item--active>span{color:#77eaa2}.security{margin-top:auto;display:flex;gap:10px;padding:14px 10px;border-top:1px solid #2a4435}.security>span{color:#75eaa3}.security strong,.security small{display:block}.security strong{font-size:11px}.security small{max-width:160px;margin-top:4px;color:#789383;font-size:10px;line-height:1.45}.workspace{min-width:0}.topbar{height:108px;display:flex;align-items:center;justify-content:space-between;padding:20px 34px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,transparent)}.overline,.section-label,.card-head span{display:block;color:var(--green);font:700 9px ui-monospace,monospace;letter-spacing:.13em}.topbar h1{margin:5px 0 0;font:650 25px Georgia,serif}.top-actions{display:flex;align-items:center;gap:10px}.status,.theme-toggle{padding:9px 12px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--panel);font-size:11px}.status i,.inspector dd i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#27a966}.theme-toggle{color:var(--ink);cursor:pointer}.content-grid{display:grid;grid-template-columns:minmax(620px,1fr) 320px;gap:18px;padding:24px}.canvas-card,.inspector section{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 18px 44px #12271c0f}.card-head{display:flex;align-items:center;justify-content:space-between;height:67px;padding:0 20px;border-bottom:1px solid var(--line)}.card-head strong{display:block;margin-top:4px;font-size:13px}.viewport{padding:6px 8px;color:var(--muted);border:1px solid var(--line);border-radius:5px;font:600 9px ui-monospace,monospace}.preview{min-height:650px;padding:28px;background:repeating-linear-gradient(0deg,transparent,transparent 23px,color-mix(in srgb,var(--line) 28%,transparent) 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,color-mix(in srgb,var(--line) 28%,transparent) 24px)}.preview>.aui-scope,.preview>div>aui-surface,.demo-frame{display:block;width:min(720px,100%);margin:0 auto;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 24px 70px #12231b1f;overflow:hidden}.demo-frame{height:580px;border:0}.inspector{display:grid;align-content:start;gap:14px}.inspector section{padding:18px}.inspector pre{overflow:auto;min-height:150px;margin:14px -18px 12px;padding:16px 18px;border-block:1px solid var(--line);color:#b5f2cc;background:#13271d;font:11px/1.7 ui-monospace,monospace}.copy{width:100%;padding:9px;color:var(--green);background:transparent;border:1px solid var(--line);border-radius:7px;font-size:11px;cursor:pointer}.inspector dl{margin:12px 0 0}.inspector dl div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:11px}.inspector dt{color:var(--muted)}.inspector dd{margin:0;font:600 10px ui-monospace,monospace}.empty{color:var(--muted);font-size:11px;line-height:1.6}.events{margin:12px 0 0;padding-left:20px;color:var(--muted);font:10px/1.8 ui-monospace,monospace}@media(max-width:1180px){.content-grid{grid-template-columns:1fr}.inspector{grid-template-columns:repeat(3,1fr)}.inspector pre{min-height:180px}}.agent-demo-shell{min-height:100vh;padding:44px;color:#17251f;background:radial-gradient(circle at 80% 0%,#d8f7e4 0,transparent 30%),#edf3ef}.agent-demo-header{width:min(1240px,100%);margin:0 auto 28px;display:flex;align-items:end;justify-content:space-between;gap:32px}.agent-demo-kicker,.agent-demo-surface__head span,.agent-demo-result__label,.agent-demo-contract>span{color:#167447;font:800 11px/1.2 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.agent-demo-header h1{margin:9px 0 8px;font:650 clamp(32px,4vw,52px)/1.05 Georgia,serif}.agent-demo-header p{max-width:720px;margin:0;color:#5d6e66;font-size:16px;line-height:1.6}.agent-demo-ready{flex:0 0 auto;padding:12px 16px;border:1px solid #c9ddd1;border-radius:999px;background:#ffffffc7;color:#335746;font-weight:700;font-size:13px}.agent-demo-ready i{display:inline-block;width:9px;height:9px;margin-right:9px;border-radius:50%;background:#20a961;box-shadow:0 0 0 4px #d9f4e5}.agent-demo-grid{width:min(1240px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(620px,1fr) 380px;gap:22px;align-items:start}.agent-demo-surface,.agent-demo-result,.agent-demo-contract{border:1px solid #d3e0d8;border-radius:18px;background:#fff;box-shadow:0 24px 70px #1c3f2d14}.agent-demo-surface{overflow:hidden;container-type:inline-size}.agent-demo-surface__head{display:flex;justify-content:space-between;gap:20px;padding:16px 22px;border-bottom:1px solid #e1e9e4;background:#fbfdfb}.agent-demo-surface__head b{color:#6f7f77;font-size:12px}.agent-demo-surface [data-aui-surface=true]{min-height:650px}.agent-demo-native{min-height:650px;padding:42px clamp(26px,6vw,64px);background:#f8fafb}.agent-demo-native>header h2{margin:0 0 12px;font:700 clamp(30px,4vw,42px)/1.1 Georgia,serif}.agent-demo-native>header p,.agent-demo-native__alert p,.agent-demo-native__hint{color:#64736c;line-height:1.6}.agent-demo-native__alert{margin:26px 0 34px;padding:22px 24px;border-left:5px solid #20a961;border-radius:16px;background:#fff;box-shadow:0 10px 35px #1c3f2d0f}.agent-demo-native__alert h3{margin:0 0 6px;font-size:18px}.agent-demo-native__alert p{margin:0}.agent-demo-native section>h3{margin:0 0 5px;font-size:24px}.agent-demo-native__hint{margin:0 0 22px}.agent-demo-form{display:grid;gap:18px}.agent-demo-form label{display:grid;gap:7px;color:#26362e;font-size:14px;font-weight:700}.agent-demo-form label>span{color:#bf3a3a}.agent-demo-form input:not([type=checkbox]),.agent-demo-form select,.agent-demo-form textarea{width:100%;padding:12px 13px;border:1px solid #cad6cf;border-radius:9px;background:#fff;color:#17251f;font:500 15px/1.4 Inter,ui-sans-serif,system-ui,sans-serif}.agent-demo-form input:focus,.agent-demo-form select:focus,.agent-demo-form textarea:focus{outline:3px solid rgb(32 169 97 / .18);border-color:#20a961}.agent-demo-form textarea{resize:vertical}.agent-demo-form__checkbox{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:10px!important;font-weight:600!important}.agent-demo-form__checkbox input{width:18px;height:18px;accent-color:#197648}.agent-demo-form button{justify-self:start;min-width:190px;padding:12px 18px;border:0;border-radius:9px;background:#197648;color:#fff;font-weight:800;cursor:pointer}.agent-demo-form button:hover{background:#125c38}.agent-demo-form button:focus-visible{outline:3px solid rgb(25 118 72 / .3);outline-offset:3px}.agent-demo-aside{display:grid;gap:18px}.agent-demo-result,.agent-demo-contract{padding:24px}.agent-demo-result{border-top:5px solid #aabbb1}.agent-demo-result--success{border-top-color:#21a765;background:linear-gradient(180deg,#f4fff8,#fff 38%)}.agent-demo-result h2{margin:10px 0 8px;font:650 23px/1.2 Georgia,serif;overflow-wrap:anywhere}.agent-demo-result p,.agent-demo-contract li,.agent-demo-contract p{color:#66776e;line-height:1.55}.agent-demo-result dl{margin:18px 0}.agent-demo-result dl div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid #e4ebe7;font-size:13px}.agent-demo-result dt{color:#718078}.agent-demo-result dd{margin:0;font-weight:750;overflow-wrap:anywhere}.agent-demo-contract ol{padding-left:20px}.agent-demo-contract li+li{margin-top:8px}.agent-demo-contract strong{color:#167447}@media(max-width:1000px){body{min-width:0}.agent-demo-shell{padding:24px}.agent-demo-header{align-items:start;flex-direction:column}.agent-demo-grid{grid-template-columns:1fr}.agent-demo-surface [data-aui-surface=true]{min-height:auto}}