:root{color-scheme:light dark;--font-sans: "Segoe UI", "Aptos", "Inter", system-ui, sans-serif;--font-mono: "Cascadia Mono", "Consolas", monospace;--page-bg: #f4f1eb;--ink: #16212c;--ink-soft: #5e6874;--paper: #fffaf2;--paper-raised: rgba(255, 252, 247, .94);--paper-border: rgba(45, 38, 30, .12);--map-line: rgba(42, 136, 118, .96);--map-line-soft: rgba(42, 136, 118, .2);--mint: #37c8a2;--mint-dark: #0b7d68;--teal: #267f75;--amber: #f4b15e;--violet: #6e6cf4;--phone-width: 430px;--phone-frame: 12px;--phone-radius: 48px;--phone-screen-radius: 36px;--phone-border: #070707;--phone-shadow: 0 34px 60px rgba(18, 18, 18, .26), 0 8px 18px rgba(18, 18, 18, .18);--console-bg: #071525;--console-bg-2: #0a1d31;--console-panel: rgba(9, 28, 48, .9);--console-panel-raised: rgba(12, 35, 59, .88);--console-border: rgba(91, 154, 220, .23);--console-border-soft: rgba(91, 154, 220, .14);--console-text: #eff6ff;--console-muted: #9fb4ce;--console-blue: #56a4ff;--console-green: #37d8b6;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--shadow-panel: 0 18px 45px rgba(31, 38, 48, .12)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;min-width:320px;font-family:var(--font-sans);color:var(--ink);background:radial-gradient(circle at 7% 8%,rgba(255,255,255,.95),transparent 26%),linear-gradient(180deg,#f8f5ef 0%,var(--page-bg) 100%);overflow-x:hidden}button,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed}.ambient{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(20,24,30,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(20,24,30,.035) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle at center,black 36%,transparent 100%)}.phone-shell{position:relative;display:flex;flex-direction:column;width:min(100%,var(--phone-width));height:calc(100dvh - 40px);min-height:0;margin:0 auto;padding:18px 16px 92px;isolation:isolate;overflow:hidden;color:var(--ink);border:var(--phone-frame) solid var(--phone-border);border-radius:var(--phone-radius);background:radial-gradient(circle at 22% 10%,rgba(255,234,198,.95),transparent 29%),radial-gradient(circle at 86% 18%,rgba(87,218,186,.22),transparent 23%),linear-gradient(180deg,#fffdf8,#f8f1e6);box-shadow:var(--phone-shadow)}.phone-shell:before{content:"";position:absolute;z-index:30;top:14px;left:50%;width:118px;height:32px;transform:translate(-50%);pointer-events:none;border-radius:999px;background:#050505;box-shadow:inset -18px 0 #ffffff08}.phone-shell:after{content:"";position:absolute;z-index:31;top:25px;left:calc(50% + 42px);width:8px;height:8px;pointer-events:none;border-radius:50%;background:#101b28;box-shadow:0 0 0 2px #1a314aa6}.app-phone-shell{scrollbar-width:none}.app-phone-shell::-webkit-scrollbar{display:none}.phone-status{position:relative;z-index:2;flex:none;display:flex;justify-content:space-between;align-items:center;height:34px;padding:0 28px;font-weight:700;color:#0b1118}.status-icons{display:inline-flex;align-items:center;gap:7px}.signal-bars{display:inline-flex;align-items:end;gap:2px;height:12px}.signal-bars i{display:block;width:3px;border-radius:2px;background:#0b1118}.signal-bars i:nth-child(1){height:5px}.signal-bars i:nth-child(2){height:8px}.signal-bars i:nth-child(3){height:11px}.wifi-dot{width:9px;height:9px;border:2px solid #0b1118;border-left-color:transparent;border-bottom-color:transparent;transform:rotate(-45deg);border-radius:50%}.battery{position:relative;width:22px;height:11px;border:1.8px solid #0b1118;border-radius:3px}.battery:before{content:"";position:absolute;inset:2px 5px 2px 2px;border-radius:1px;background:#0b1118}.battery:after{content:"";position:absolute;right:-4px;top:3px;width:2px;height:5px;border-radius:0 2px 2px 0;background:#0b1118}.phone-topbar{flex:none;display:grid;grid-template-columns:40px 1fr 54px;align-items:center;gap:12px;padding:16px 4px 14px}.icon-button,.location-button,.nav-item,.backend-toggle,.chip,.primary-button,.reset-button,.cancel-button,.ai-fab{transition:transform .15s ease,opacity .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.icon-button:hover,.location-button:hover,.nav-item:hover,.backend-toggle:hover,.chip:hover,.primary-button:hover,.reset-button:hover,.cancel-button:hover,.ai-fab:hover{transform:translateY(-1px)}.icon-button:active,.location-button:active,.nav-item:active,.backend-toggle:active,.chip:active,.primary-button:active,.reset-button:active,.cancel-button:active,.ai-fab:active{transform:translateY(1px)}.icon-button{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:transparent;color:var(--ink)}.hamburger{position:relative;width:18px;height:13px}.hamburger:before,.hamburger:after,.hamburger i{content:"";position:absolute;left:0;width:100%;height:2px;border-radius:999px;background:currentColor}.hamburger:before{top:0}.hamburger i{top:50%;transform:translateY(-50%)}.hamburger:after{bottom:0}.phone-title h1{margin:0;font-size:1.42rem;line-height:1.05;letter-spacing:0}.phone-title p{margin:5px 0 0;color:var(--ink-soft);font-size:.86rem}.location-button{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#37c8a224;color:var(--mint-dark)}.location-button svg,.ai-fab svg{width:23px;height:23px;fill:currentColor}.phone-bottom-nav{position:absolute;z-index:12;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:11px 22px 16px;background:#fffcf7e0;border-top:1px solid rgba(45,38,30,.08);backdrop-filter:blur(14px)}.nav-item{display:grid;justify-items:center;gap:4px;min-width:0;padding:8px 4px;border-radius:18px;background:transparent;color:#5e6874;font-size:.72rem}.nav-item.active{color:var(--mint-dark);background:#37c8a21c}.nav-item svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.widgets-content{gap:12px}.widgets-view{display:grid;gap:12px;min-width:0}.widgets-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:2px 2px 0}.widgets-eyebrow{margin-bottom:5px;color:var(--mint-dark);font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.widgets-header h2,.widgets-empty h2{color:var(--ink);font-size:1.18rem;line-height:1.12}.widgets-count{min-width:34px;height:30px;display:grid;place-items:center;border:1px solid rgba(38,127,117,.14);border-radius:999px;background:#37c8a21f;color:var(--mint-dark);font-weight:800}.widget-history-list{display:grid;gap:9px}.widget-history-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;width:100%;padding:10px;border:1px solid rgba(45,38,30,.1);border-radius:18px;background:#fffcf7db;color:var(--ink);text-align:left;box-shadow:0 10px 22px #503f2a12}.widget-history-item.active{border-color:#267f7547;background:#ecfff9db}.widget-history-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#37c8a21f;color:var(--mint-dark)}.widget-history-icon svg{width:20px;height:20px;fill:currentColor}.widget-history-copy{display:grid;gap:4px;min-width:0}.widget-history-copy strong,.widget-history-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-history-copy strong{color:var(--ink);font-size:.92rem;line-height:1.18}.widget-history-copy span{color:var(--ink-soft);font-size:.78rem}.widget-history-action{padding:.48rem .7rem;border-radius:999px;background:#267f751a;color:var(--mint-dark);font-size:.78rem;font-weight:800}.widgets-empty{display:grid;justify-items:start;gap:10px;padding:16px;border:1px solid rgba(45,38,30,.1);border-radius:22px;background:#fffcf7c7}.widgets-empty p{max-width:28ch;color:var(--ink-soft);font-size:.92rem;line-height:1.38}.widgets-empty .primary-button{margin-top:4px}.demo-tools{position:relative;isolation:isolate;min-width:0;color:var(--console-text);border:1px solid rgba(132,183,235,.18);border-radius:10px;background:radial-gradient(circle at 78% 0%,rgba(45,135,210,.16),transparent 30%),radial-gradient(circle at 12% 18%,rgba(55,216,182,.08),transparent 24%),linear-gradient(180deg,#071525,#06111e);box-shadow:0 24px 52px #040c1657;overflow:hidden}.demo-console-shell{display:grid;min-height:100%}.console-nav{display:none;border-right:1px solid var(--console-border-soft);background:#06121fa3}.console-brand{padding:26px 18px 18px;color:var(--console-blue);font-size:.84rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.console-nav-items{display:grid;gap:8px;padding:8px 12px}.console-nav-item{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:10px;min-height:46px;padding:0 14px;border-radius:8px;color:#b8c8dd;font-size:.9rem}.console-nav-item.active{color:var(--console-text);background:linear-gradient(180deg,#2a68b152,#2a68b129);box-shadow:inset 0 0 0 1px #60a3f021}.console-nav-item svg,.console-docs svg,.console-icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.console-docs{display:grid;grid-template-columns:22px 1fr 18px;align-items:center;gap:9px;margin:auto 12px 16px;min-height:46px;padding:0 14px;border-radius:8px;color:#b8c8dd;background:#14365b38;font-size:.86rem}.console-main{min-width:0;padding:18px}.console-topbar{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:14px}.console-heading h2{margin:0;font-size:1.03rem;line-height:1.2;color:var(--console-text)}.console-state{display:flex;align-items:center;gap:8px;margin:7px 0 0;color:var(--console-muted);font-size:.82rem}.state-dot{width:8px;height:8px;border-radius:50%;background:var(--console-green);box-shadow:0 0 14px #37d8b6b8}.console-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}.environment-select,.live-pill{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 13px;border-radius:8px;border:1px solid var(--console-border);background:#0d223abd;color:var(--console-text);font-size:.8rem}.environment-label{color:var(--console-text);font-size:.8rem}.live-pill{border-radius:999px;color:var(--console-green);font-weight:700}.live-pill:before{content:"";width:9px;height:9px;border-radius:50%;border:2px solid currentColor;box-shadow:0 0 12px #37d8b67a}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:14px}.metric-card,.inspector-card{border:1px solid var(--console-border);border-radius:var(--radius-sm);background:linear-gradient(180deg,#0e2a46c7,#081b2fdb);box-shadow:inset 0 1px #ffffff09}.metric-card{display:grid;gap:8px;min-width:0;min-height:68px;padding:14px 15px}.metric-card dt{color:var(--console-muted);font-size:.78rem}.metric-card dd{margin:0;color:var(--console-text);font-weight:800;font-size:1.08rem;line-height:1.1;word-break:break-word}.metric-card.status dd{display:inline-flex;align-items:center;gap:8px;color:var(--console-green)}.metric-card.status dd:before{content:"";width:15px;height:15px;border-radius:50%;border:2px solid currentColor;background:linear-gradient(45deg,transparent 45%,currentColor 46% 54%,transparent 55%) 2px 6px / 9px 5px no-repeat}.console-grid{display:grid;gap:14px}.console-left,.console-right{display:grid;gap:14px;min-width:0;align-content:start}.inspector-card{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.inspector-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:14px 16px 10px}.inspector-head h3{margin:0;color:var(--console-text);font-size:.96rem;line-height:1.18}.inspector-eyebrow{margin:0 0 5px;color:var(--console-blue);font-size:.8rem;font-weight:700}.backend-copy{margin:-4px 16px 12px;color:var(--console-muted);font-size:.84rem;line-height:1.35}.stats-card.mock-mode .backend-copy,.stats-card.mock-mode .metric-card,.stats-card.mock-mode .inspector-eyebrow,.stats-card.mock-mode h3{opacity:.56}.stats-headline{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;width:100%}.backend-toggle{position:relative;flex:none;width:54px;min-width:54px;height:30px;min-height:30px;padding:0;border-radius:999px;border:1px solid var(--console-border);background:#071728c7}.backend-toggle:before{content:"";position:absolute;top:5px;left:6px;width:18px;height:18px;border-radius:50%;background:var(--console-green);box-shadow:0 0 14px #37d8b673;transition:transform .16s ease}.backend-toggle.on:before{transform:translate(22px)}.backend-toggle:disabled{opacity:.45}.tree-panel{min-height:0;min-width:0;max-height:166px;margin:0 12px 12px;overflow:auto;border:1px solid var(--console-border-soft);border-radius:var(--radius-xs);background:#05122085}.code-block{min-width:0;max-height:350px;margin:0 12px 12px;padding:13px 15px;overflow:auto;white-space:pre-wrap;word-break:break-word;border:1px solid var(--console-border-soft);border-radius:var(--radius-xs);background:#051220ad;color:#d6e7fb;font:.78rem/1.48 var(--font-mono)}.visualizer-panel{aspect-ratio:1 / .82;min-height:235px;margin:0 12px 12px;overflow:hidden;border:1px solid var(--console-border-soft);border-radius:var(--radius-sm);background:linear-gradient(rgba(96,163,240,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(96,163,240,.07) 1px,transparent 1px),#04111fdb;background-size:24px 24px}.visualizer-panel svg{width:100%;height:100%;display:block}.visual-edge{stroke:#aac1dc75;stroke-width:2}.visual-route{fill:none;stroke:#4ee0cde6;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(78,224,205,.42))}.visual-node{fill:#c9d7e8;stroke:#07121fe6;stroke-width:2}.visual-node.active{fill:#66ead1}.console-icon-row{display:flex;gap:8px}.console-icon-button{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--console-border-soft);border-radius:var(--radius-xs);background:#0a1f36d1;color:#c8d8eb}.logs-card{min-height:198px}.logs-list{display:grid;gap:0;margin:0;padding:0 16px 12px}.log-row{display:grid;grid-template-columns:64px 1fr auto;gap:11px;align-items:center;min-height:39px;border-top:1px solid rgba(91,154,220,.12);color:var(--console-muted);font-size:.79rem}.log-row strong{color:var(--console-text);font-weight:500}.log-row span:last-child{color:var(--console-text)}.log-marker{width:7px;height:7px;display:inline-block;margin-right:8px;border-radius:50%;background:var(--console-green)}.sheet{position:fixed;left:50%;bottom:0;z-index:20;display:flex;flex-direction:column;width:min(100%,var(--phone-width));max-height:min(72vh,560px);padding:12px 14px 18px;overflow:hidden;transform:translate(-50%);border:1px solid var(--paper-border);border-radius:26px 26px 0 0;background:linear-gradient(180deg,#fffcf7fa,#f7efe3fc);box-shadow:0 -16px 44px #503f2a29}.sheet.hidden,.overlay.hidden{display:none}.request-footer{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:10px;color:var(--console-muted);font-size:.84rem;line-height:1.35}.request-footer p{margin:0}.request-dots{display:inline-flex;align-items:center;gap:4px;flex:none}.request-dots i{width:6px;height:6px;border-radius:999px;background:var(--mint);animation:request-dot 1s ease-in-out infinite}.request-dots i:nth-child(2){animation-delay:.15s}.request-dots i:nth-child(3){animation-delay:.3s}.request-body,.widget-body{overflow:hidden}.widget-body{min-height:0}.ai-loading-card,.ai-widget-frame{position:relative;flex:1;min-width:0;min-height:0;overflow:hidden;border:1px solid transparent;border-radius:24px;background:linear-gradient(180deg,#fffcf7fc,#f8f0e5fc) padding-box,linear-gradient(135deg,#37c8a2eb,#56a4ff7a,#f4b15e70) border-box;box-shadow:0 16px 34px #503f2a29,inset 0 1px #ffffffdb}.ai-loading-card{display:flex;flex-direction:column;gap:13px;padding:15px;min-height:0}.ai-loading-card:before,.ai-widget-frame:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 88% 12%,rgba(55,200,162,.16),transparent 28%),linear-gradient(115deg,transparent 0%,rgba(255,255,255,.7) 42%,transparent 60%);background-size:auto,230% 100%;opacity:.72;animation:ai-sheen 5.2s linear infinite}.ai-loading-card>*,.ai-widget-frame>*{position:relative;z-index:1}.ai-loading-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.ai-loading-eyebrow{margin:0 0 5px;color:var(--mint-dark);font-size:.66rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.ai-loading-header h2{color:var(--ink);font-size:1.22rem;line-height:1.08}.ai-loading-percent{flex:none;min-width:54px;padding:.45rem .68rem;border:1px solid rgba(38,127,117,.16);border-radius:999px;background:#37c8a221;color:var(--mint-dark);font-size:.9rem;font-weight:800;text-align:center}.ai-loading-copy{max-width:29ch;color:var(--ink-soft);font-size:.93rem;line-height:1.38}.ai-progress-track{height:11px;margin-top:auto;overflow:hidden;border-radius:999px;background:#2d261e17}.ai-progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#37c8a2,#56a4ff,#f4b15e);background-size:220% 100%;box-shadow:0 0 20px #37c8a24d;transition:width .16s ease;animation:generation-bar 1.8s linear infinite}.ai-step-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.ai-step-list span{min-width:0;padding:.48rem .42rem;border:1px solid rgba(45,38,30,.08);border-radius:999px;background:#ffffff7a;color:#85796a;font-size:.72rem;font-weight:700;text-align:center}.ai-step-list span.active{border-color:#267f752e;background:#37c8a221;color:var(--mint-dark)}.request-footer{color:#756a5c}.ai-widget-frame{display:flex;flex-direction:column;padding:6px}.ai-widget-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;margin:1px 0 5px}.ai-widget-label{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;margin:0;border:1px solid rgba(38,127,117,.16);border-radius:999px;background:#fffcf7e0;color:var(--mint-dark);font-size:.74rem;font-weight:800;letter-spacing:.02em}.ai-widget-label svg{width:15px;height:15px;fill:currentColor}.ai-widget-actions{display:inline-flex;flex:none;gap:6px;min-width:0}.ai-widget-action-button{flex:none;height:28px;padding:0 10px;border:1px solid rgba(45,38,30,.12);border-radius:999px;background:#fffcf7e6;color:var(--ink);font-size:.74rem;font-weight:800}.widget-body iframe{width:100%;flex:1;min-height:0;border:0;border-radius:16px;background:#fffaf2}@media(min-width:900px){.phone-shell{min-height:0;height:calc(100vh - 48px);margin:0}.console-nav{display:flex;flex-direction:column}.demo-console-shell{grid-template-columns:164px minmax(0,1fr)}}@media(min-width:1160px){.console-grid{grid-template-columns:minmax(0,1.8fr) minmax(330px,.95fr)}}.demo-console-shell{display:block}.console-main{display:grid;gap:14px;padding:18px}.tools-header{display:grid;gap:4px}.tools-header h2{margin:0;color:var(--console-text);font-size:1.08rem;line-height:1.18}.tools-grid{display:grid;gap:14px;min-width:0}.settings-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0 12px 12px}.settings-row{min-width:0;padding:7px 8px;border:1px solid var(--console-border-soft);border-radius:var(--radius-xs);background:#0512206b}.settings-row dt{margin-bottom:3px;color:var(--console-muted);font-size:.66rem;line-height:1.1;text-transform:uppercase}.settings-row dd{min-width:0;margin:0;color:var(--console-text);font-size:.8rem;font-weight:700;word-break:break-word}.settings-card .inspector-head{padding:10px 12px 6px}.settings-card .inspector-head h3{font-size:.9rem}.settings-card .inspector-eyebrow{margin-bottom:3px;font-size:.7rem}.settings-card .backend-copy{margin:0 12px 9px;font-size:.76rem;line-height:1.28}.settings-card.mock-mode .settings-row,.settings-card.mock-mode .backend-copy{opacity:.58}.data-card .tree-panel,.contract-card .tree-panel,.prompt-panel{max-height:min(30vh,280px)}.data-card .tree-panel{max-height:min(34vh,330px)}.prompt-panel{display:grid;gap:9px;margin:0 12px 12px;padding:9px;overflow:auto;border:1px solid var(--console-border-soft);border-radius:var(--radius-sm);background:#04111f94}.prompt-row{min-width:0;padding:9px;border:1px solid rgba(91,154,220,.12);border-radius:var(--radius-xs);background:#07152594}.prompt-row h4{margin:0 0 6px;color:var(--console-blue);font-size:.66rem;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}.prompt-row pre{max-height:180px;margin:0;overflow:auto;color:#dbe9fa;font:.73rem/1.45 var(--font-mono);white-space:pre-wrap;word-break:break-word}.code-card .code-block{max-height:min(46vh,420px)}@media(min-width:1160px){.tools-grid{grid-template-columns:minmax(280px,.85fr) minmax(0,1.55fr);align-items:start}.settings-card{grid-column:1 / -1}.data-card,.contract-card,.prompts-card{grid-column:1}.code-card{grid-column:2;grid-row:1 / span 3}}@keyframes request-dot{0%,80%,to{transform:translateY(0);opacity:.45}40%{transform:translateY(-3px);opacity:1}}@keyframes generation-bar{0%{background-position:0% 0%}to{background-position:220% 0%}}@keyframes ai-sheen{0%{background-position:0 0,0% 0%}to{background-position:0 0,230% 0%}}