@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;1,600;1,700&display=swap";:root{color:#f5f1e9;font-synthesis:none;text-rendering:optimizelegibility;background:#10131b;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{background:#10131b;min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 76% 3%,#35434c38,#0000 26rem),#10131b;min-height:100vh;display:flex}.sidebar{background:#0b0e158a;border-right:1px solid #ffffff12;flex-direction:column;flex:0 0 246px;width:246px;padding:26px 17px 19px;display:flex}.brand-lockup{align-items:center;gap:11px;padding:0 9px 38px;display:flex}.brand-mark{color:#f7b955;border:1px solid #f7b955;border-radius:10px;place-items:center;width:31px;height:31px;font-size:19px;font-weight:800;display:grid;box-shadow:0 0 24px #f7b95521}.brand-name{letter-spacing:-.04em;font-size:16px;font-weight:800}.brand-subtitle{color:#78818e;text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font:10px DM Mono,monospace}.sidebar-section-label,.section-kicker,.metric-label{color:#707987;letter-spacing:.12em;text-transform:uppercase;font:500 10px DM Mono,monospace}.sidebar-section-label{margin:0 9px 10px}.sidebar-nav{gap:4px;display:grid}.sidebar-link{color:#8d96a3;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:10px;font-size:12px;transition:all .2s;display:flex}.sidebar-link:hover,.sidebar-link.active{color:#f5f1e9;background:#ffffff0f}.sidebar-link.active{box-shadow:inset 2px 0 #f7b955}.nav-count,.nav-chevron{color:#858e9c;margin-left:auto;font:10px DM Mono,monospace}.live-dot{background:#75d5bb;border-radius:50%;width:6px;height:6px;margin-left:auto;box-shadow:0 0 10px #75d5bbcc}.ladder-card{background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid #ffffff14;border-radius:11px;margin:34px 5px 0;padding:14px 13px 15px}.ladder-header,.panel-heading,.schema-preview-head,.studio-actions{justify-content:space-between;align-items:center;display:flex}.ladder-header{color:#89919c;font-size:10px}.ladder-level{color:#f7b955;font:10px DM Mono,monospace}.progress-track{background:#272d35;border-radius:9px;height:4px;margin:14px 0 12px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#f7b955,#ef8d6d);height:100%;transition:width .4s;display:block}.ladder-title{font-size:12px;font-weight:700}.ladder-card p{color:#828b98;margin:6px 0 14px;font-size:10px;line-height:1.6}.ladder-steps{color:#666f7b;text-transform:uppercase;justify-content:space-between;font:9px DM Mono,monospace;display:flex}.ladder-steps span{gap:4px;display:grid}.ladder-steps i{background:#2b313a;border-radius:5px;width:43px;height:3px;display:block}.ladder-steps .reached{color:#e1ddd4}.ladder-steps .reached i{background:#75d5bb}.sidebar-footer{margin-top:auto}.profile-chip{color:#f1eee7;border-top:1px solid #ffffff12;align-items:center;gap:8px;padding:9px 7px;display:flex}.profile-chip>svg{color:#6d7580;margin-left:auto}.profile-chip strong,.profile-chip span{display:block}.profile-chip strong{font-size:10px}.profile-chip span{color:#6e7784;margin-top:2px;font-size:9px}.avatar{color:#1a1c21;background:#f7b955;border-radius:50%;place-items:center;width:25px;height:25px;font-size:9px;font-weight:800;display:grid}.reset-button{color:#6f7885;background:0 0;border:0;align-items:center;gap:6px;margin:13px 7px 0;font-size:10px;display:flex}.reset-button:hover{color:#f7b955}.content-area{flex:1;min-width:0}.topbar{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:64px;padding:0 48px;display:flex}.breadcrumb{color:#6f7885;align-items:center;gap:8px;font-size:11px;display:flex}.breadcrumb strong{color:#d4d0c9;font-weight:600}.topbar-actions{align-items:center;gap:14px;display:flex}.runtime-pill{color:#9edac9;background:#75d5bb0e;border:1px solid #75d5bb40;border-radius:20px;align-items:center;gap:7px;padding:7px 10px;font:10px DM Mono,monospace;display:flex}.runtime-pill.offline{color:#e2b472;background:#f7b9550b;border-color:#f7b9553b}.pill-dot{background:#75d5bb;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #75d5bb}.offline .pill-dot{background:#f7b955;box-shadow:0 0 8px #f7b955}.pill-divider{opacity:.25;background:currentColor;width:1px;height:12px;margin:0 3px}.icon-button{color:#84909c;background:#ffffff08;border:1px solid #ffffff1a;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.page-content{max-width:1340px;margin:0 auto;padding:48px 48px 25px}.hero-row{justify-content:space-between;min-height:245px;display:flex}.hero-copy{max-width:570px}.eyebrow{color:#75d5bb;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:17px;font:10px DM Mono,monospace;display:flex}.hero-copy h1{color:#f5f1e9;letter-spacing:-.065em;margin:0;font-size:clamp(42px,5vw,67px);font-weight:700;line-height:.98}.hero-copy h1 em{color:#f7b955;letter-spacing:-.045em;font-family:Playfair Display,Georgia,serif;font-weight:600}.hero-copy p{color:#929aa5;max-width:490px;margin:20px 0 23px;font-size:13px;line-height:1.7}.hero-actions{align-items:center;gap:19px;display:flex}.primary-button,.secondary-button{color:#1c1a17;background:#f7b955;border:1px solid #f7b955;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:0 14px;font-size:11px;font-weight:800;transition:all .2s;display:inline-flex}.primary-button:hover{background:#ffd47e;transform:translateY(-1px)}.text-button{color:#9aa3ad;background:0 0;border:0;align-items:center;gap:6px;font-size:11px;display:inline-flex}.text-button:hover{color:#f5f1e9}.hero-visual{width:410px;height:230px;margin-right:24px;position:relative}.orbit{border:1px solid #75d5bb2e;border-radius:50%;position:absolute;transform:rotate(-22deg)}.orbit-one{width:275px;height:125px;top:46px;left:72px}.orbit-two{border-color:#f7b95526;width:196px;height:90px;top:64px;left:113px;transform:rotate(44deg)}.hero-node{z-index:2;color:#bdc3c8;background:#1c222b;border:1px solid #ffffff21;border-radius:7px;align-items:center;gap:6px;padding:7px 9px;font:9px DM Mono,monospace;display:flex;position:absolute;box-shadow:0 7px 20px #0000002e}.node-main{color:#f7b955;background:#22282e;border-color:#f7b9556b;padding:13px 15px;top:83px;left:144px;box-shadow:0 0 35px #f7b9551a}.node-main span{color:#eee5d5}.node-a{color:#75d5bb;top:34px;left:42px}.node-b{color:#c3a6ef;top:171px;left:42px}.node-c{color:#f39377;top:36px;right:12px}.connector{z-index:1;transform-origin:0;border-top:1px dashed #fff3;height:1px;position:absolute}.connector-a{width:63px;top:72px;left:113px;transform:rotate(21deg)}.connector-b{width:70px;top:170px;left:110px;transform:rotate(-29deg)}.connector-c{width:86px;top:73px;left:237px;transform:rotate(-23deg)}.metric-strip{background:#ffffff07;border:1px solid #ffffff14;border-radius:9px;grid-template-columns:1fr 1fr 1.25fr 106px;align-items:center;margin:18px 0 28px;padding:18px 20px;display:grid}.metric-strip>div{border-right:1px solid #ffffff12;min-height:41px;padding:0 21px}.metric-strip>div:first-child{padding-left:0}.metric-strip>div:nth-child(3){border:0}.metric-strip strong,.metric-strip small{display:block}.metric-strip strong{color:#eeeae2;letter-spacing:-.04em;margin-top:4px;font-size:22px}.metric-strip small{color:#77808d;margin-top:3px;font-size:9px}.metric-strip .focus-metric{text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:16px;overflow:hidden}.metric-signal{color:#75d5bb;text-transform:uppercase;align-items:center;gap:8px;font:9px/1.5 DM Mono,monospace;display:flex;border:0!important}.metric-signal b{color:#d3efe7;font-weight:500}.dashboard-grid,.lower-grid{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:18px;display:grid}.lower-grid{grid-template-columns:1.14fr .86fr;margin-top:18px}.panel{background:linear-gradient(145deg,#ffffff0b,#ffffff05);border:1px solid #ffffff14;border-radius:10px}.workspace-panel,.registry-panel,.agent-panel,.activity-panel{min-width:0;padding:21px 21px 18px}.panel-heading{align-items:flex-start}.panel-heading h2,.inspector-heading h2,.studio-top h2{color:#eeeae2;letter-spacing:-.035em;margin:7px 0 0;font-size:16px}.sync-badge,.registry-count,.trace-live{color:#75d5bb;text-transform:uppercase;align-items:center;gap:5px;font:9px DM Mono,monospace;display:inline-flex}.registry-count{color:#a1a6ad}.focus-banner{background:#f7b9550e;border:1px solid #f7b95533;border-radius:7px;align-items:center;gap:10px;margin:20px 0 16px;padding:11px 12px;display:flex}.focus-icon{color:#f7b955;background:#f7b9551f;border-radius:6px;place-items:center;width:27px;height:27px;display:grid}.focus-banner span,.focus-banner strong{display:block}.focus-banner span{color:#a08e70;text-transform:uppercase;font:9px DM Mono,monospace}.focus-banner strong{color:#e6d8bd;margin-top:3px;font-size:11px}.focus-banner button{color:#c7a970;background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.task-list{gap:2px;display:grid}.task-row{border-bottom:1px solid #ffffff0e;align-items:center;gap:9px;min-height:38px;display:flex}.task-check{color:#19221f;background:0 0;border:1px solid #6e7a88;border-radius:50%;flex:0 0 17px;place-items:center;width:17px;height:17px;display:grid}.task-check:hover{border-color:#75d5bb}.task-check.done{background:#75d5bb;border-color:#75d5bb}.task-title{color:#d8d5ce;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.task-row.done .task-title{color:#737d89;text-decoration:line-through}.task-origin{color:#626c78;margin-left:auto;font:9px DM Mono,monospace}.add-task-button,.registry-cta{color:#afbac2;background:0 0;border:0;align-items:center;gap:7px;margin-top:14px;font-size:10px;display:flex}.add-task-button:hover,.registry-cta:hover{color:#f7b955}.workspace-note{color:#727d89;align-items:center;gap:7px;margin-top:17px;font-size:10px;display:flex}.workspace-note svg{color:#a386d6}.panel-intro{color:#808a96;margin:10px 0 16px;font-size:10px;line-height:1.55}.tool-list{gap:5px;display:grid}.tool-row{border:1px solid #0000;border-radius:7px;align-items:center;gap:10px;min-height:42px;padding:5px 8px 5px 5px;display:flex}.tool-row:hover{background:#ffffff06;border-color:#ffffff14}.tool-row.custom{background:#a485d60e;border-color:#a485d61f}.tool-icon{color:#75d5bb;background:#75d5bb1a;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.custom-icon{color:#bd9cec;background:#a485d61f}.tool-info{flex:1;min-width:0}.tool-name-line{align-items:center;gap:7px;display:flex}.tool-name-line strong{color:#dcd9d2;text-overflow:ellipsis;white-space:nowrap;font:500 10px DM Mono,monospace;overflow:hidden}.tool-info>span{color:#737e8b;margin-top:3px;font-size:9px;display:block}.core-badge,.you-badge{color:#75d5bb;background:#75d5bb1a;border-radius:3px;padding:2px 4px;font:8px DM Mono,monospace}.you-badge{color:#c09ded;background:#a485d61f}.tool-live{color:#75d5bb;font:8px DM Mono,monospace}.tool-actions{gap:3px;display:flex}.tool-actions button{color:#727c88;background:0 0;border:0;place-items:center;display:grid}.tool-actions button:hover{color:#f7b955}.registry-cta{border-top:1px solid #ffffff0f;width:100%;padding-top:13px}.registry-cta span{color:#68727e;margin-left:auto;font:9px DM Mono,monospace}.prompt-box{background:#171c24;border:1px solid #ffffff1a;border-radius:7px;align-items:flex-end;gap:7px;margin-top:15px;padding:8px;display:flex;position:relative}.prompt-box:focus-within{border-color:#75d5bb73}.prompt-box textarea{resize:none;color:#e7e2d9;background:0 0;border:0;outline:0;width:100%;font-size:11px;line-height:1.5}.prompt-box textarea::placeholder{color:#697481}.send-button{color:#151b1b;background:#75d5bb;border:0;border-radius:5px;flex:0 0 29px;place-items:center;width:29px;height:29px;display:grid}.send-button:hover{background:#9ae8d3}.prompt-footer{color:#697480;justify-content:space-between;align-items:center;margin-top:9px;font:9px DM Mono,monospace;display:flex}.kbd{color:#acb4bc;border:1px solid #404954;border-radius:3px;place-items:center;width:17px;height:15px;margin-right:4px;display:inline-grid}.suggestion-chips{gap:6px;display:flex}.suggestion-chips button{color:#89939e;background:0 0;border:1px solid #ffffff17;border-radius:4px;padding:4px 6px;font:9px DM Mono,monospace}.suggestion-chips button:hover{color:#f5f1e9;border-color:#75d5bb}.agent-reply{color:#b8c1c6;background:#75d5bb0e;border-radius:6px;align-items:flex-start;gap:8px;margin-top:15px;padding:9px 10px;font-size:10px;line-height:1.45;display:flex}.reply-icon{color:#75d5bb;background:#75d5bb21;border-radius:5px;flex:0 0 21px;place-items:center;width:21px;height:21px;display:grid}.trace-live{color:#75d5bb}.trace-live span{background:#75d5bb;border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px #75d5bb}.activity-list{margin-top:17px}.activity-row{align-items:flex-start;gap:9px;min-height:38px;display:flex}.activity-dot{background:#6f7a88;border-radius:50%;flex:0 0 7px;width:7px;height:7px;margin-top:4px}.activity-dot.mint{background:#75d5bb;box-shadow:0 0 8px #75d5bb73}.activity-dot.amber{background:#f7b955}.activity-dot.violet{background:#a486d5}.activity-copy{flex:1;min-width:0}.activity-copy strong,.activity-copy span{display:block}.activity-copy strong{color:#d9d6cf;font-size:10px;font-weight:600}.activity-copy span{color:#737d89;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;overflow:hidden}.activity-row time{color:#626c78;font:9px DM Mono,monospace}.inspector-panel{background:linear-gradient(145deg,#75d5bb0f,#ffffff05);border:1px solid #75d5bb2e;border-radius:10px;margin-top:18px;padding:20px}.inspector-heading{justify-content:space-between;display:flex}.close-inline,.close-button{color:#828c97;background:0 0;border:0;place-items:center;display:grid}.inspector-body{grid-template-columns:1.35fr .65fr;gap:18px;margin-top:17px;display:grid}.code-window{background:#0c1016;border:1px solid #ffffff14;border-radius:7px;overflow:hidden}.code-top{border-bottom:1px solid #ffffff12;align-items:center;gap:4px;padding:8px 10px;display:flex}.code-top>span{background:#515c69;border-radius:50%;width:6px;height:6px}.code-top>span:first-child{background:#e8896b}.code-top>span:nth-child(2){background:#e4b15e}.code-top>span:nth-child(3){background:#75cdb5}.code-top small{color:#697582;margin-left:7px;font:9px DM Mono,monospace}.code-window pre{color:#aeb8bd;margin:0;padding:15px;font:10px/1.8 DM Mono,monospace;overflow:auto}.code-purple{color:#c59eed}.code-green{color:#83d9bb}.code-blue{color:#7fb5e9}.inspector-facts{align-content:start;gap:9px;display:grid}.inspector-facts div{border-bottom:1px solid #ffffff12;padding:9px 10px}.inspector-facts span,.inspector-facts strong{display:block}.inspector-facts span{color:#747f8c;text-transform:uppercase;font:9px DM Mono,monospace}.inspector-facts strong{color:#d9d6cf;margin-top:5px;font:500 10px DM Mono,monospace}.page-footer{color:#68727e;border-top:1px solid #ffffff12;align-items:center;gap:18px;margin-top:33px;padding-top:15px;font:9px DM Mono,monospace;display:flex}.page-footer span,.page-footer a{align-items:center;gap:6px;display:inline-flex}.page-footer a{color:#9ca6af;text-decoration:none}.page-footer a:hover{color:#f7b955}.footer-note{color:#7d7464;margin-left:auto;font-style:italic}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06080cb8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.studio-modal{background:#171c24;border:1px solid #f7b9553d;border-radius:12px;width:min(610px,100%);max-height:calc(100vh - 40px);padding:25px;overflow:auto;box-shadow:0 25px 80px #0000007a}.studio-top{justify-content:space-between;gap:20px;margin-bottom:22px;display:flex}.studio-top p{color:#87919d;max-width:480px;margin:7px 0 0;font-size:11px;line-height:1.5}.studio-modal form{gap:15px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.studio-modal label{gap:7px;display:grid}.studio-modal label>span{color:#d7d3cb;font-size:10px;font-weight:700}.studio-modal input,.studio-modal textarea,.studio-modal select{color:#e8e3da;background:#10141b;border:1px solid #ffffff1a;border-radius:6px;outline:0;width:100%;padding:10px;font-size:11px}.studio-modal input:focus,.studio-modal textarea:focus,.studio-modal select:focus{border-color:#75d5bb}.studio-modal textarea{resize:vertical;line-height:1.5}.studio-modal small{color:#6e7985;font:9px DM Mono,monospace}.studio-modal code{color:#b699df}.schema-preview{background:#75d5bb0a;border:1px solid #75d5bb24;border-radius:7px;padding:11px}.schema-preview-head{color:#75d5bb;font:9px DM Mono,monospace}.schema-preview-head span:last-child{color:#77888d}.schema-preview pre{color:#b1c7c2;margin:10px 0 0;font:10px/1.6 DM Mono,monospace}.secondary-button{color:#c7c4bd;background:0 0;border-color:#ffffff24}.secondary-button:hover{color:#f7b955;border-color:#f7b955}.studio-actions{justify-content:flex-end;gap:9px;margin-top:4px}.toast{z-index:20;color:#d9f5ec;background:#1e302c;border:1px solid #75d5bb47;border-radius:7px;align-items:center;gap:8px;padding:11px 14px;font-size:11px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 30px #00000047}.toast svg{color:#75d5bb}@media (width<=1050px){.sidebar{flex-basis:208px;width:208px}.topbar,.page-content{padding-left:30px;padding-right:30px}.hero-visual{transform-origin:100% 0;width:330px;margin-right:0;transform:scale(.84)}.metric-strip{grid-template-columns:1fr 1fr;gap:15px}.metric-strip>div:nth-child(2){border:0}.metric-strip .metric-signal{grid-area:1/2;justify-self:end}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.activity-panel{min-height:220px}}@media (width<=720px){.app-shell{display:block}.sidebar{border-bottom:1px solid #ffffff12;border-right:0;width:100%;height:auto;padding:14px 15px 12px}.brand-lockup{padding:0 3px 13px}.sidebar-section-label,.sidebar-nav,.ladder-card,.sidebar-footer{display:none}.topbar{height:53px;padding:0 17px}.runtime-pill{font-size:9px}.runtime-pill .pill-divider,.runtime-pill{gap:5px}.topbar-actions .icon-button{display:none}.page-content{padding:29px 17px 20px}.hero-row{min-height:0}.hero-copy h1{font-size:49px}.hero-copy p{font-size:12px}.hero-visual{display:none}.metric-strip{grid-template-columns:1fr 1fr;gap:15px 0;margin-top:30px;padding:14px}.metric-strip>div{padding:0 11px}.metric-strip>div:first-child{padding-left:0}.metric-strip>div:nth-child(2){padding-right:0}.metric-strip>div:nth-child(3){border-top:1px solid #ffffff12;grid-column:1/span 2;padding:12px 0 0}.metric-strip .metric-signal{display:none}.metric-strip strong{font-size:19px}.metric-strip .focus-metric{font-size:14px}.panel-heading h2{font-size:15px}.workspace-panel,.registry-panel,.agent-panel,.activity-panel{padding:17px 15px}.suggestion-chips{display:none}.inspector-body{grid-template-columns:1fr}.page-footer{flex-wrap:wrap;gap:11px}.footer-note{width:100%;margin-left:0}.form-grid{grid-template-columns:1fr}.studio-modal{padding:19px}.studio-actions{align-items:stretch}.studio-actions .primary-button,.studio-actions .secondary-button{flex:1}.hero-actions{gap:12px}.primary-button{padding:0 11px}.text-button{font-size:10px}}
