@font-face{font-family:DM Sans;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/dm-sans.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/manrope.ttf)format("truetype")}:root{--ink:#1d3031;--muted:#7a8988;--line:#e5eae7;--paper:#fff;--green:#316b50;--lime:#d4eab5;--nav:#142925;--font-sans:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Manrope", var(--font-sans)}*{box-sizing:border-box}body{color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background:#f7f9f7;margin:0;font-size:13px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0;transition:background .15s,box-shadow .15s,color .15s}button:disabled{opacity:.42;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #6a9b75}button:hover:not(:disabled){filter:brightness(.97)}svg{flex-shrink:0}p{line-height:1.65}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display)}input,textarea,select{outline:none}code,pre{font-family:SFMono-Regular,Consolas,monospace}::selection{background:#dbedbe}.workspace-shell{min-height:100vh;display:flex}.sidebar{background:var(--nav);color:#a8bab0;z-index:30;flex-direction:column;width:232px;min-width:232px;min-height:100vh;padding:27px 17px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#f9fff8;font-family:var(--font-display);letter-spacing:-1px;align-items:center;gap:10px;padding:0 8px;font-size:22px;font-weight:750;display:flex}.brand-mark{color:#d7efb4;place-items:center;display:grid}.brand-period{color:#d7efb4}.workspace-switch{text-align:left;color:#e5eee9;border:1px solid #365047;border-radius:8px;align-items:center;gap:10px;width:100%;margin-top:31px;padding:11px 10px;display:flex}.workspace-switch>span:nth-child(2){flex:1;font-weight:550}.workspace-switch>span>span{color:#8ea59b;margin-top:3px;font-size:10px;font-weight:400;display:block}.workspace-avatar{color:#d5e9c1;width:31px;height:31px;font-family:var(--font-display);background:#355044;border:1px solid #4c6557;border-radius:7px;place-items:center;font-size:17px;display:grid}.quick-search{color:#8da69b;align-items:center;gap:9px;width:calc(100% - 6px);margin:17px 3px 31px;padding:9px 6px;font-size:12px;display:flex}.quick-search kbd{color:#9daf9f;border:1px solid #3c5047;border-radius:4px;margin-left:auto;padding:2px 4px;font-size:10px}.nav-label{letter-spacing:1.6px;color:#6f8c7e;padding-left:12px;font-size:9px;font-weight:650}.sidebar nav{margin-top:12px}.nav-item{text-align:left;border-radius:6px;align-items:center;gap:11px;width:100%;margin-bottom:4px;padding:11px 12px;font-size:12px;font-weight:500;display:flex}.nav-item svg{opacity:.8}.nav-item.active{color:#203e2c;background:#d7edbc}.nav-item.active svg{opacity:1}.nav-item:not(.active):hover{background:#243e33}.nav-count{color:#fff;background:#527255;border-radius:4px;margin-left:auto;padding:1px 5px;font-size:9px}.apps-heading{justify-content:space-between;align-items:center;margin-top:33px;margin-bottom:5px;display:flex}.apps-heading .icon-button{color:#8ca18f;width:25px;height:25px}.app-item{color:#95ae9f;border-radius:6px;align-items:center;gap:11px;width:100%;padding:10px 12px;font-size:12px;display:flex}.app-dot{border:1.5px solid #7a9786;border-radius:50%;width:7px;height:7px}.app-item.current{color:#e1eddf;background:#1b342b}.app-item.current .app-dot{background:#cee4ad;border-color:#cee4ad;box-shadow:0 0 0 3px #cee4ad12}.app-item>span:last-child{color:#728d7d;margin-left:auto;font-size:10px}.sidebar-import{color:#7e9a89;align-items:center;gap:10px;padding:12px;font-size:11px;display:flex}.sidebar-empty{padding:12px;font-size:11px;line-height:1.8}.sidebar-bottom{margin-top:auto;padding-top:40px}.agent-promo{text-align:left;background:linear-gradient(130deg,#254234,#1a3027);border:1px solid #345040;border-radius:8px;width:100%;padding:16px 13px 13px;position:relative}.agent-promo>span{color:#cde4b3;align-items:center;gap:9px;font-size:11px;line-height:1.6;display:flex}.agent-promo strong{color:#e5eddd;font-weight:500}.agent-promo>svg{color:#abc096;position:absolute;top:19px;right:12px}.diagonal{transform:rotate(45deg)}.agent-promo small{color:#9aaf94;border-top:1px solid #425941;justify-content:space-between;align-items:center;margin-top:15px;padding-top:12px;font-size:10px;display:flex}.help-button{color:#a4b3a7;align-items:center;gap:10px;width:100%;padding:22px 10px;font-size:11px;display:flex}.help-button>span{margin-left:auto}.account-button{text-align:left;color:#e8ede1;border-top:1px solid #2c4336;align-items:center;gap:10px;width:calc(100% + 34px);margin-left:-17px;padding:17px 19px;display:flex}.account-avatar{color:#4c513f;background:#e0dcca;border-radius:50%;place-items:center;width:32px;height:32px;font-size:10px;font-weight:600;display:grid}.account-button>span:nth-child(2){flex:1;font-size:11px}.account-button small{color:#91a18e;margin-top:4px;font-size:9px;display:block}.account-button>svg{color:#839982}.main-workspace{width:calc(100% - 232px);min-width:0;margin-left:232px}.topbar{background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:67px;padding:0 32px;display:flex}.breadcrumb{color:#8b9690;align-items:center;gap:12px;font-size:11px;display:flex}.breadcrumb strong{color:#4c5d52;font-weight:550}.breadcrumb>svg{color:#a6b0a9}.private-badge{color:#8c968b;border:1px solid #e6eae6;border-radius:4px;align-items:center;gap:4px;margin-left:0;padding:3px 5px;font-size:9px;display:flex}.topbar-actions{align-items:center;gap:22px;display:flex}.version-label{letter-spacing:1.4px;color:#81907f;font-size:8px;font-weight:600}.top-avatar{color:#667454;background:#e1e9d5;border:3px solid #f7faf3;border-radius:50%;place-items:center;width:29px;height:29px;font-size:9px;font-weight:700;display:grid}.subtle-button{color:#68776c;align-items:center;gap:7px;padding:6px 0;font-size:11px;font-weight:500;display:inline-flex}.example-banner{color:#7b886a;background:#f0f4e9;border-bottom:1px solid #e4ead9;justify-content:space-between;gap:12px;padding:9px 32px;font-size:10px;display:flex}.example-banner>span{align-items:center;gap:7px;display:flex}.example-banner button{color:#4f7050;white-space:nowrap;align-items:center;gap:7px;font-size:10px;font-weight:600;display:flex}.status-dot{background:#83a56d;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin:33px 32px 28px;display:flex}.eyebrow{letter-spacing:2.15px;color:#7f937c;margin-bottom:11px;font-size:8px;font-weight:650}h1{letter-spacing:-1.2px;margin-bottom:10px;font-size:29px;font-weight:650;line-height:1.3}.page-heading p{color:#88958b;margin:0;font-size:11px}.primary-button,.secondary-button{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:10px 15px;font-size:11px;font-weight:550;display:inline-flex}.primary-button{color:#f2f8ea;background:#285940;box-shadow:0 2px 2px #15371c0b}.primary-button:hover:not(:disabled){background:#204a34;box-shadow:0 2px 7px #1b4b3120}.secondary-button{color:#54664f;background:#fff;border:1px solid #dfe6db}.heading-actions .primary-button{margin-top:15px}.app-context{border-top:1px solid #e4e9e0;justify-content:space-between;align-items:center;gap:12px;margin:0 32px;padding:14px 0;display:flex}.app-context>div{align-items:center;gap:10px;display:flex}.project-symbol{color:#5c7350;background:#e7eddf;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.app-context strong{font-family:var(--font-display);font-size:12px;font-weight:650}.context-divider{background:#dae2d6;width:1px;height:14px;margin:0 2px}.repo-name{color:#85927f;align-items:center;gap:5px;font-size:10px;display:flex}.branch-label{color:#818d77;border:1px solid #dfe6d8;border-radius:4px;align-items:center;gap:4px;padding:3px 6px;font-size:9px;display:flex}.sync-status{color:#819376;align-items:center;gap:5px;font-size:9px;display:flex}.icon-button{color:#7a8b75;border-radius:5px;justify-content:center;align-items:center;width:29px;height:29px;padding:0;display:inline-flex}.icon-button:hover{background:#e8ede4}.studio{background:#fff;border:1px solid #dfe7dd;border-radius:9px;height:590px;min-height:500px;margin:0 32px;display:flex;overflow:hidden;box-shadow:0 3px 14px #21432103}.canvas-column{flex-direction:column;flex:1;min-width:0;display:flex}.canvas-toolbar{background:#fff;border-bottom:1px solid #e6ebe3;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;height:52px;padding:0 13px;display:flex}.layer-tabs{background:#f5f7f2;border-radius:5px;gap:3px;padding:3px;display:flex}.layer-tabs button{color:#899581;white-space:nowrap;border-radius:4px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;display:flex}.layer-tabs button.active{color:#41623f;background:#fff;font-weight:550;box-shadow:0 1px 5px #35442112}.canvas-tools{align-items:center;gap:7px;display:flex}.canvas-tools .icon-button{width:23px}.add-component{color:#6b7b61;border:1px solid #e3e8de;border-radius:5px;align-items:center;gap:5px;padding:6px 8px;font-size:10px;display:flex}.architecture-canvas{background:#f8faf6;flex:1;min-height:0;position:relative}.canvas-caption{z-index:2;pointer-events:none;flex-direction:column;gap:7px;display:flex;position:absolute;top:22px;left:23px}.tiny-label{letter-spacing:1.55px;color:#86947a;text-transform:uppercase;font-size:8px;font-weight:600}.canvas-caption>span:last-child{color:#a3ad9a;align-items:center;gap:6px;font-size:9px;display:flex}.canvas-caption i{background:#a3ad9a;border-radius:50%;width:2px;height:2px}.stack-node{cursor:pointer;background:#fff;border:1px solid #d5dfce;border-radius:8px;width:222px;padding:13px 13px 0;transition:border-color .18s,box-shadow .18s;box-shadow:0 3px 7px #28381a06}.stack-node:hover{border-color:#9bb18d;box-shadow:0 4px 15px #38542e10}.stack-node.is-selected{border:1.5px solid #74a167;box-shadow:0 0 0 3px #7da66d15}.stack-node.is-proposed{border-style:dashed;border-color:#8ba877}.node-top{align-items:center;gap:8px;margin-bottom:10px;display:flex}.node-icon{color:#7b965e;background:#edf2e7;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.node-icon.software{color:#7d84ac;background:#eef0f8}.node-icon.ui{color:#ba9463;background:#f6efe5}.node-kind{letter-spacing:.75px;text-transform:uppercase;color:#91a082;max-width:130px;font-size:8px;font-weight:600}.node-open{color:#acb6a4;margin-left:auto}.stack-node>strong{font-family:var(--font-display);letter-spacing:-.2px;color:#45503d;font-size:12px;font-weight:650;display:block}.stack-node>p{color:#96a087;white-space:nowrap;text-overflow:ellipsis;margin:5px 0 12px;font-size:9px;overflow:hidden}.node-bottom{color:#95a08b;border-top:1px solid #edf0e8;align-items:center;gap:5px;padding:8px 0;font-size:7px;display:flex}.node-bottom>span:last-child{color:#9ca58f;margin-left:auto;font-size:7px}.status-dot.inferred{background:#d1bc81}.status-dot.proposed{background:#9678b1}.status-dot.source,.status-dot.declared{background:#80a96a}.status-dot.neutral{background:#b6beb0}.react-flow__handle{background:#b0c0a5!important;border:1.5px solid #fff!important;width:6px!important;height:6px!important}.react-flow__handle-left{left:-3px!important}.react-flow__handle-right{right:-3px!important}.react-flow__controls{border:1px solid #dfe6d6;border-radius:5px;flex-direction:row;display:flex;overflow:hidden;bottom:13px!important;left:12px!important;box-shadow:0 1px 5px #2437170d!important}.react-flow__controls-button{background:#fff!important;border-bottom:0!important;border-right:1px solid #e9edde!important;width:26px!important;height:25px!important;padding:7px!important}.react-flow__controls-button:last-child{border-right:0!important}.react-flow__controls-button svg{fill:#819170!important}.stack-minimap{opacity:.85;border:1px solid #e3e8dc;border-radius:5px;overflow:hidden;width:100px!important;height:65px!important;bottom:5px!important;right:7px!important}.canvas-legend{pointer-events:none;gap:12px;display:flex;position:absolute;bottom:25px;left:140px}.canvas-legend>span{color:#9ba48e;white-space:nowrap;align-items:center;gap:4px;font-size:7px;display:flex}.legend-dot{background:#83a573;border-radius:50%;width:4px;height:4px}.legend-dot.inferred{background:#cdb57b}.legend-dot.proposed{background:#a191b4}.canvas-status{color:#93a087;background:#fff;border-top:1px solid #e5eadd;flex-shrink:0;justify-content:space-between;align-items:center;height:32px;padding:0 14px;font-size:8px;display:flex}.canvas-status>span{align-items:center;gap:5px;display:flex}.canvas-keyhint{color:#aeb6a4;margin-left:10px}.inspector{background:#fff;border-left:1px solid #e2e8dc;flex-direction:column;flex-shrink:0;width:292px;display:flex}.inspector-tabs{border-bottom:1px solid #e7ebe1;flex-shrink:0;align-items:stretch;gap:25px;height:52px;padding:0 20px;display:flex}.inspector-tabs>button{color:#98a28d;align-items:center;gap:7px;padding:0 1px;font-size:10px;display:flex;position:relative}.inspector-tabs>button.active{color:#517047}.inspector-tabs>button.active:after{content:"";background:#729561;height:2px;position:absolute;bottom:-1px;left:0;right:0}.inspector-tabs button>span{background:#ebf1e3;border-radius:3px;padding:1px 4px;font-size:8px}.chat-messages{scrollbar-width:thin;flex:1;min-height:0;overflow:auto}.assistant-intro{padding:36px 23px 10px}.assistant-orb{color:#7b9662;background:radial-gradient(circle at 30% 20%,#f2f7e4,#e5edce);border:1px solid #e7eecf;border-radius:18px;place-items:center;width:57px;height:57px;margin-bottom:26px;display:grid;box-shadow:0 6px 15px #bcc99b1a}.assistant-intro .tiny-label{letter-spacing:1.4px;font-size:7px}.assistant-intro h2{letter-spacing:-.8px;color:#49543d;margin:10px 0 11px;font-size:22px;font-weight:600;line-height:1.4}.assistant-intro>p{color:#97a086;margin-bottom:21px;font-size:10px;line-height:1.8}.suggestions{flex-direction:column;gap:7px;display:flex}.suggestions button{text-align:left;color:#7f906f;background:#fff;border:1px solid #e9ede1;border-radius:6px;align-items:center;gap:8px;padding:10px 9px;font-size:9px;line-height:1.4;display:flex}.suggestions button:hover{background:#f7faef}.suggestions button>span{flex:1}.suggestions svg{color:#9bab87}.assistant-note{color:#a9b19d;margin-top:13px;font-size:8px;display:block}.chat-compose{border-top:1px solid #f0f3e9;padding:13px 15px 11px}.chat-scope{color:#8d9b7d;justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 2px;font-size:8px;display:flex}.chat-scope>span{align-items:center;gap:5px;display:flex}.chat-scope button{padding:0;display:flex}.chat-compose form{background:#fff;border:1px solid #dce5d0;border-radius:7px;padding:10px;box-shadow:0 1px 4px #46632005}.chat-compose textarea{resize:none;color:#526543;background:0 0;border:0;width:100%;height:45px;font-size:10px;line-height:1.6}.chat-compose textarea::placeholder{color:#a9b19e}.chat-compose form>div{justify-content:space-between;align-items:center;display:flex}.chat-compose form>div>span{color:#98a486;align-items:center;gap:5px;font-size:8px;display:flex}.chat-compose form>div>button{color:#57763f;background:#dce9c7;border-radius:5px;place-items:center;width:26px;height:25px;display:grid}.chat-compose>small{text-align:center;color:#b1b8a6;margin-top:10px;font-size:7px;display:block}.below-canvas{color:#9daa91;justify-content:space-between;margin:13px 34px 0;font-size:9px;display:flex}.below-canvas>span,.below-canvas>button{align-items:center;gap:6px;display:flex}.below-canvas button{color:#7f9271;font-size:9px}.app-footer{color:#a9b3a1;justify-content:space-between;padding:30px 33px 20px;font-size:8px;display:flex}.app-footer>span>span{color:#bac2b2;margin-left:5px}.details-panel{scrollbar-width:thin;padding:23px;overflow:auto}.detail-icon{color:#8b9e6f;background:#edf2e3;border-radius:11px;place-items:center;width:42px;height:42px;margin-bottom:16px;display:grid}.detail-icon.software{color:#7f88a5;background:#eceff7}.detail-icon.ui{color:#c09463;background:#f8eee4}.details-panel h2{letter-spacing:-.6px;margin:8px 0 12px;font-size:19px}.details-panel h3{color:#65765a;margin:23px 0 11px;font-size:10px}.detail-properties{border-top:1px solid #edf0e7;border-bottom:1px solid #edf0e7;margin-top:20px;padding:12px 0}.detail-properties>div{justify-content:space-between;gap:8px;margin-bottom:10px;font-size:9px;display:flex}.detail-properties>div:last-child{margin-bottom:0}.detail-properties span{color:#9aa58e}.detail-properties strong{color:#6d7d61;text-align:right;font-weight:500}.evidence-card{color:#8b9a77;background:#f7f9f3;border:1px solid #e8edde;border-radius:5px;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:6px;padding:9px;font-size:8px;display:flex}.evidence-card code{overflow-wrap:anywhere;word-break:break-all}.evidence-card pre{white-space:pre-wrap;width:100%;max-height:100px;font-size:8px;overflow:auto}.connection-item{text-align:left;color:#778969;border-bottom:1px solid #eef1e7;align-items:center;gap:7px;width:100%;padding:9px 0;font-size:10px;display:flex}.connection-item>span{flex:1}.connection-item small{color:#a1ac94;margin-top:3px;font-size:8px;display:block}.full{width:100%;margin-top:17px}.text-danger{color:#ac8a77;justify-content:center;align-items:center;gap:5px;width:100%;padding:12px 0;font-size:9px;display:flex}.behavior{color:#8b9c72;gap:8px;margin-bottom:12px;display:flex}.behavior>div{flex-direction:column;gap:4px;font-size:9px;display:flex}.behavior strong{font-weight:500}.behavior span,.behavior small{color:#9ca88b}.inspector-empty{text-align:center;color:#a4b194;padding:60px 5px}.inspector-empty h3{margin-top:20px;font-size:12px}.inspector-empty p{color:#9ba88a;font-size:10px}.chat-message{padding:15px 20px}.chat-message.user{background:#f8faf4;border-bottom:1px solid #eef2e5}.chat-message>span{color:#74865e;align-items:center;gap:6px;font-size:9px;font-weight:550;display:flex}.chat-message p{white-space:pre-wrap;color:#849275;margin:10px 0 0;font-size:10px;line-height:1.8}.mini-avatar{background:#e3ebd6;border-radius:5px;place-items:center;width:18px;height:18px;font-size:7px;display:grid}.proposal-ribbon{color:#9582a8;background:#f3f0f8;border-bottom:1px solid #e6dfee;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:9px;display:flex}.proposal-ribbon>div{background:#eae5f0;border-radius:4px;gap:3px;margin-left:auto;padding:2px;display:flex}.proposal-ribbon>div button{border-radius:3px;padding:3px 6px;font-size:8px}.proposal-ribbon>div .selected{background:#fff}.proposal-ribbon>button{align-items:center;gap:4px;font-size:8px;display:flex}.content-page{max-width:1300px;margin:0 32px}.surface{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:20px;padding:26px}.surface-heading{color:#7a9167;align-items:center;gap:13px;margin-bottom:20px;display:flex}.surface-heading .detail-icon{margin:0}.surface-heading>div{flex:1}.surface-heading h2{color:#4c6242;letter-spacing:-.4px;margin:0;font-size:16px;font-weight:600}.surface-heading p{color:#9aa48f;margin:5px 0 0;font-size:11px}.surface-heading>.pill{margin-left:auto}.pill{color:#8c9b77;text-transform:capitalize;white-space:nowrap;background:#f6f9ef;border:1px solid #e3e9d9;border-radius:5px;padding:4px 7px;font-size:9px;display:inline-block}.proposal-form{grid-template-columns:1fr 2fr;gap:16px;display:grid}.proposal-form label,.modal-form>label,.field-pair>label{color:#7d8e6d;flex-direction:column;gap:8px;font-size:10px;display:flex}.proposal-form input,.proposal-form textarea,.modal-form input:not([type=checkbox]),.modal-form textarea,.modal-form select{color:#5e744b;background:#fcfdf9;border:1px solid #dfe6d6;border-radius:6px;min-width:0;padding:11px}.proposal-form textarea{resize:vertical;min-height:85px}.proposal-form>button{justify-self:start}.change-stats{border-top:1px solid #edf1e6;gap:60px;margin-top:20px;padding:25px 0;display:flex}.change-stats>div{color:#8c9b77;align-items:baseline;gap:7px;font-size:10px;display:flex}.change-stats strong{font-size:22px;font-family:var(--font-display);font-weight:600}.proposal-actions{border-top:1px solid #edf0e7;gap:10px;padding-top:15px;display:flex}.prd-preview pre{white-space:pre-wrap;color:#7a896b;background:#f8faf4;border:1px solid #edf0e5;border-radius:7px;max-height:460px;padding:22px;font-size:11px;line-height:1.9;overflow:auto}.workflow-steps{background:#f8faf3;border-radius:6px;gap:25px;margin:25px 0;padding:18px;display:flex}.workflow-steps>span{color:#7c8d68;align-items:center;gap:10px;font-size:11px;display:flex}.workflow-steps b{background:#e7efd8;border-radius:50%;place-items:center;width:23px;height:23px;font-size:9px;font-weight:500;display:grid}.workflow-steps svg{color:#c0cbb1;margin-left:10px}.automation-options{justify-content:space-between;align-items:center;gap:20px;display:flex}.toggle-label{color:#72875e;align-items:center;gap:12px;font-size:11px;display:flex}.toggle-label input{accent-color:#597e43;width:16px;height:16px}.toggle-label strong{font-weight:500}.toggle-label small{color:#9ca98c;margin-top:5px;font-size:9px;line-height:1.6;display:block}.subtext{color:#9aa78a;font-size:10px;line-height:1.8}.automation-card>.subtext{margin:20px 0 0}.connection-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.provider-icon{color:#647b52;background:#eef2e6;border:1px solid #e7eddd;border-radius:14px;place-items:center;width:55px;height:55px;margin-bottom:24px;display:grid}.provider-icon.openai{color:#698950;background:#e7efde}.provider-card h2{letter-spacing:-.5px;margin:10px 0;font-size:22px;font-weight:600}.provider-card p{color:#8e9e7d;max-width:340px;font-size:11px}.provider-state{color:#a2ae94;align-items:center;gap:6px;margin-top:20px;font-size:10px;display:flex}.credential-row{border-top:1px solid #edf1e5;align-items:center;gap:12px;padding:16px 0;display:flex}.credential-row .detail-icon{border-radius:7px;width:33px;height:33px;margin:0}.credential-row>div{flex:1}.credential-row strong{color:#7a8b66;font-size:11px;font-weight:500}.credential-row small{color:#a0ac92;margin-top:4px;font-size:9px;display:block}.plan-card{background:linear-gradient(110deg,#f4f8eb,#fff);justify-content:space-between;align-items:center;display:flex}.plan-card h2{margin:10px 0;font-size:20px;font-weight:600}.plan-card p{color:#98a687;max-width:650px;margin-bottom:0;font-size:11px}.activity-row{border-top:1px solid #edf0e7;align-items:center;gap:15px;padding:18px 0;display:flex}.activity-icon{color:#8ba073;background:#f1f5e9;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.activity-row>div{flex:1}.activity-row strong{color:#7c8b6b;text-transform:capitalize;font-size:11px;font-weight:500}.activity-row p{color:#a4af95;margin:4px 0 0;font-size:10px}.activity-row time{color:#a0ac91;font-size:9px}.gap-row{color:#96a382;border-bottom:1px solid #f0f3e9;gap:10px;padding:12px 0;font-size:10px;line-height:1.8;display:flex}.gap-row>span{color:#b5a46e;background:#f7f3e5;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.empty-workspace{text-align:center;background:#fff;border:1px dashed #dce4d0;border-radius:10px;flex-direction:column;align-items:center;margin:0 32px;padding:70px 25px;display:flex}.empty-workspace h2{color:#6c8159;font-size:24px;font-weight:500}.empty-workspace p{color:#9aab86;max-width:420px;font-size:12px;line-height:1.8}.empty-inline{color:#a9b49a;text-align:center;padding:28px 10px;font-size:11px}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#152d22a3;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1px solid #e8edde;border-radius:14px;width:540px;max-height:90vh;overflow:auto;box-shadow:0 30px 100px #09231330}.modal-header{border-bottom:1px solid #edf0e6;justify-content:space-between;align-items:center;padding:22px 25px;display:flex}.modal-header h2{color:#587046;letter-spacing:-.4px;margin:0;font-size:18px;font-weight:600}.modal-form{flex-direction:column;gap:18px;padding:25px;display:flex}.modal-form>p{color:#93a27f;margin:0;font-size:11px;line-height:1.8}.modal-form textarea{resize:vertical;min-height:75px}.modal-form>button{align-self:flex-start}.field-pair{grid-template-columns:1fr 1fr;gap:15px;display:grid}.notice{color:#90a476;background:#f4f8ed;border-radius:7px;align-items:center;gap:12px;padding:14px;display:flex}.notice p{margin:0;font-size:10px;line-height:1.8}.import-empty{text-align:center;color:#9dae8a;padding:15px 15px 30px}.import-empty h3{color:#819970;margin-top:20px;font-size:17px;font-weight:550}.import-empty p{margin-bottom:22px;font-size:11px}.import-empty .primary-button{margin:auto}.search-input{border:1px solid #e2e8d8;border-radius:6px;align-items:center;gap:7px;padding:0 12px;position:relative;flex-direction:row!important;display:flex!important}.search-input input{color:#809269;flex:1;background:0 0!important;border:0!important;padding:11px 0!important}.repository-list{max-height:270px;overflow:auto}.repo-option{color:#90a174;border-bottom:1px solid #edf1e5;align-items:center;gap:10px;padding:13px 7px;font-size:11px;display:flex}.repo-option input{accent-color:#6b9053}.repo-option>span{flex:1}.repo-option strong{font-weight:500}.repo-option small{color:#aaba94;margin-top:4px;font-size:9px;display:block}.repo-source-options{border-bottom:1px solid #edf1e5;gap:12px;padding:8px 12px 16px 34px;display:grid}.repo-source-options label{color:#55654d;gap:6px;font-size:11px;display:grid}.agent-modal-icon{color:#87a669;background:#ecf4df;border-radius:15px;place-items:center;width:62px;height:62px;display:grid}.agent-context-map{color:#415239;background:#f7faf3;border:1px solid #dce6d5;border-radius:10px;padding:18px}.agent-context-map>strong{font-size:13px}.agent-context-map ol{margin:16px 0;padding-left:20px}.agent-context-map li{margin-bottom:12px;padding-left:4px;font-size:11px}.agent-context-map li span{color:#718266;margin-top:4px;line-height:1.5;display:block}.context-budget-caps{color:#687b5b;flex-wrap:wrap;gap:12px;font-size:10px;display:flex}.context-budget-caps b{color:#415239;margin-right:5px;font-size:19px}.agent-context-map p{color:#718266;margin-bottom:0;font-size:11px;line-height:1.6}.provider-attribution{color:#7c8476;margin:0;padding:0 34px 20px;font-size:9px;line-height:1.6}.copy-field{color:#98a881;background:#f9fbf5;border:1px solid #e0e8d4;border-radius:6px;justify-content:space-between;align-items:center;gap:5px;padding:8px 10px;display:flex}.copy-field code{overflow-wrap:anywhere;font-size:10px}.agent-feature{color:#94a47d;align-items:flex-start;gap:12px;display:flex}.agent-feature strong{color:#7a8f61;font-size:11px;font-weight:500}.agent-feature p{margin:5px 0 0;font-size:10px;line-height:1.8}.agent-feature code{font-size:9px}.code-example{color:#c7dba6;white-space:pre-wrap;background:#203727;border-radius:7px;padding:17px;font-size:10px;line-height:2}.search-modal{max-height:650px}.search-results{max-height:370px;overflow:auto}.search-results>button{text-align:left;color:#8c9f73;border-bottom:1px solid #f0f3e9;align-items:center;gap:11px;width:100%;padding:13px 8px;font-size:11px;display:flex}.search-results button>span{flex:1}.search-results small{color:#b0bd9d;text-transform:uppercase;letter-spacing:.5px;font-size:8px}.error-banner{color:#a25d46;background:#fff0e9;border-bottom:1px solid #f3d4c5;justify-content:space-between;align-items:center;padding:11px 32px;font-size:11px;line-height:1.6;display:flex}.error-banner .icon-button{color:#ae745a}.toast{z-index:130;color:#e1edcf;background:#294632;border:1px solid #496541;border-radius:8px;align-items:center;gap:10px;padding:14px 20px;font-size:12px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #17351c2b}.loading-screen{color:#6a8255;background:#f5f8ed;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex}.loading-screen strong{font-family:var(--font-display);font-size:25px}.loading-screen span{color:#9eac8b;font-size:12px}.run-row{border-top:1px solid #edf1e5;align-items:center;gap:10px;padding:15px 0;font-size:11px;display:flex}.run-row>span{flex:1}.mobile-menu{display:none}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1650px){.sidebar{width:246px;min-width:246px}.main-workspace{width:calc(100% - 246px);margin-left:246px}.studio{height:calc(100vh - 355px);min-height:620px}.inspector{width:330px}.assistant-intro{padding:40px 30px}.assistant-intro h2{font-size:25px}.assistant-intro>p{font-size:12px}.suggestions button{font-size:11px}.chat-compose textarea{font-size:12px}.page-heading,.app-context,.studio,.content-page{margin-left:40px;margin-right:40px}h1{font-size:34px}.page-heading p{font-size:12px}.canvas-toolbar{padding:0 20px}.layer-tabs button{font-size:11px}.node-kind{font-size:9px}.canvas-legend>span{font-size:8px}}@media (max-width:1250px){.sidebar{width:205px;min-width:205px;padding-left:13px;padding-right:13px}.main-workspace{width:calc(100% - 205px);margin-left:205px}.brand{padding-left:5px;font-size:20px}.account-button{width:calc(100% + 26px);margin-left:-13px}.page-heading,.app-context,.studio,.content-page{margin-left:22px;margin-right:22px}.topbar{padding:0 22px}.example-banner{padding-left:22px;padding-right:22px}.inspector{width:260px}.assistant-intro{padding-left:20px;padding-right:20px}.assistant-intro h2{font-size:21px}.canvas-toolbar{padding:0 9px}.layer-tabs button{gap:4px;padding:7px;font-size:9px}.layer-tabs button svg{width:13px}.canvas-tools{gap:2px}.add-component{padding:5px}.canvas-keyhint{display:none}.canvas-legend{gap:8px;left:112px}.stack-minimap{width:78px!important;height:52px!important}.repo-name{text-overflow:ellipsis;white-space:nowrap;max-width:170px;overflow:hidden}.app-context .context-divider{display:none}.page-heading h1{font-size:27px}.topbar-actions{gap:15px}.chat-compose{padding-left:12px;padding-right:12px}}@media (max-width:1060px){.sidebar{width:185px;min-width:185px;padding-left:11px;padding-right:11px}.main-workspace{width:calc(100% - 185px);margin-left:185px}.brand{gap:7px;font-size:18px}.brand svg{width:21px}.nav-item{padding:11px 8px;font-size:11px}.workspace-switch{gap:7px;padding:9px 7px;font-size:11px}.workspace-avatar{width:25px;height:27px;font-size:15px}.quick-search{gap:7px;font-size:11px}.quick-search kbd{font-size:9px}.agent-promo{padding:12px 9px}.agent-promo>span{font-size:10px}.agent-promo>svg{display:none}.inspector{width:240px}.add-component span{display:none}.assistant-intro{padding:30px 17px 10px}.assistant-intro h2{font-size:20px}.assistant-orb{width:50px;height:50px;margin-bottom:21px}.suggestions button{padding:9px 7px;font-size:8px}.canvas-legend{display:none}.page-heading{align-items:flex-start}.page-heading p{max-width:370px;font-size:10px}.heading-actions .primary-button{gap:5px;margin-top:22px;padding:9px 10px;font-size:10px}.branch-label{display:none}.app-context>div{gap:7px}.sync-status{font-size:8px}.example-banner>span{max-width:400px;font-size:9px;line-height:1.6}.version-label{display:none}.topbar-actions{gap:12px}.account-button{width:calc(100% + 22px);margin-left:-11px;padding:16px 11px}.account-button>span:nth-child(2){font-size:10px}.account-avatar{width:28px;height:28px}.details-panel{padding:18px}.workflow-steps{gap:10px}.workflow-steps>span{gap:6px;font-size:10px}.workflow-steps svg{margin-left:0}.automation-options{flex-wrap:wrap}.change-stats{gap:30px}}@media (max-width:860px){.inspector{width:255px}.sidebar{width:68px;min-width:68px;padding:25px 8px 0}.main-workspace{width:calc(100% - 68px);margin-left:68px}.brand{justify-content:center;padding:0}.brand>span:last-child{display:none}.brand svg{width:25px;height:25px}.workspace-switch,.quick-search,.sidebar>.nav-label,.apps-heading,.app-list,.sidebar-import,.agent-promo,.help-button,.nav-count{display:none}.sidebar nav{margin-top:42px}.nav-item{justify-content:center;gap:0;padding:13px 0;font-size:0}.nav-item svg{width:19px;height:19px}.account-button{justify-content:center;width:68px;margin-left:-8px;padding:22px 0}.account-button>span:nth-child(2),.account-button>svg{display:none}.sidebar-bottom{margin-top:auto}.page-heading,.app-context,.studio,.content-page{margin-left:20px;margin-right:20px}.topbar{padding:0 20px}.example-banner{padding-left:20px;padding-right:20px}.repo-name{max-width:140px}.app-context strong{font-size:11px}.canvas-status{padding:0 8px;font-size:7px}.layer-tabs button{font-size:8px}.layer-tabs button:last-child{gap:0;font-size:0}.layer-tabs button:last-child svg{width:15px;height:15px}.connection-grid{gap:12px}.surface{padding:20px}.page-heading{margin-top:26px}.studio{height:600px}}@media (max-width:690px){.sidebar{display:none}.sidebar.mobile-open{width:210px;padding:25px 15px 0;display:flex;box-shadow:10px 0 30px #0c281f40}.sidebar.mobile-open .brand>span:last-child,.sidebar.mobile-open .workspace-switch,.sidebar.mobile-open .quick-search,.sidebar.mobile-open .sidebar-import,.sidebar.mobile-open .apps-heading,.sidebar.mobile-open .app-list,.sidebar.mobile-open .agent-promo,.sidebar.mobile-open .help-button{display:flex}.sidebar.mobile-open .nav-item{justify-content:flex-start;gap:10px;padding-left:15px;font-size:12px}.sidebar.mobile-open .account-button{width:210px;margin-left:-15px}.main-workspace{width:100%;margin-left:0}.mobile-menu{display:inline-flex}.topbar{height:59px;padding:0 15px}.breadcrumb{gap:8px}.topbar-actions .subtle-button{gap:0;font-size:0}.topbar-actions .subtle-button svg{width:18px}.private-badge{display:none}.example-banner{padding:8px 16px}.example-banner>span{max-width:230px;font-size:8px}.example-banner button{gap:4px;font-size:8px}.example-banner svg{width:12px}.page-heading{flex-wrap:wrap;gap:10px;margin:24px 17px 20px}.eyebrow{letter-spacing:1.6px;font-size:7px}.page-heading h1{letter-spacing:-.8px;font-size:25px}.page-heading p{max-width:350px;font-size:10px}.heading-actions{display:none}.app-context{margin:0 17px;padding:12px 0}.app-context .repo-name{display:none}.sync-status{font-size:8px}.studio{border-radius:8px;flex-direction:column;height:auto;min-height:0;margin:0 12px;overflow:visible}.canvas-column{border-radius:8px 8px 0 0;flex:none;height:480px;overflow:hidden}.canvas-toolbar{height:48px}.layer-tabs button{gap:5px;padding:7px 9px;font-size:9px}.layer-tabs button:last-child{gap:5px;font-size:9px}.canvas-tools .add-component span{font-size:9px;display:inline}.canvas-status{height:29px;padding:0 12px;font-size:7px}.inspector{border-top:1px solid #e2e8dc;border-left:0;border-radius:0 0 8px 8px;width:100%;height:490px;overflow:hidden}.assistant-intro{padding:25px}.assistant-intro h2{font-size:22px}.assistant-intro h2 br{display:none}.assistant-orb{float:left;border-radius:12px;width:43px;height:43px;margin-bottom:7px;margin-right:15px}.assistant-intro>.tiny-label{padding-top:3px;display:block}.assistant-intro h2{margin:7px 0 20px}.assistant-intro>p{margin-bottom:16px;font-size:10px}.suggestions{gap:6px}.suggestions button{padding:9px;font-size:10px}.assistant-note{font-size:8px}.chat-compose{padding:12px 20px}.inspector-tabs{gap:30px}.inspector-tabs>button{font-size:11px}.details-panel{padding:22px}.details-panel>p,.details-panel h3{font-size:12px}.detail-properties>div,.connection-item{font-size:11px}.chat-message p{font-size:12px}.below-canvas{align-items:flex-start;gap:15px;margin:15px 17px 0;font-size:8px}.below-canvas>button{text-align:right;font-size:8px}.content-page{margin:0 15px}.connection-grid{grid-template-columns:1fr}.surface{margin-bottom:15px;padding:20px}.proposal-form{grid-template-columns:1fr}.change-stats{gap:22px}.change-stats>div{flex-direction:column;gap:4px;font-size:9px}.workflow-steps{flex-wrap:wrap;gap:8px;padding:12px}.workflow-steps>span{gap:6px;font-size:9px}.workflow-steps b{width:19px;height:19px;font-size:8px}.workflow-steps svg{width:10px}.proposal-actions{flex-wrap:wrap;gap:7px}.proposal-actions button{font-size:10px}.activity-row{align-items:flex-start;gap:10px}.activity-row time{text-align:right;max-width:80px;font-size:8px;line-height:1.8}.plan-card{flex-direction:column;align-items:flex-start;gap:15px}.credential-row{flex-wrap:wrap}.credential-row>div{min-width:150px}.modal-backdrop{padding:15px}.modal{border-radius:10px;max-height:92vh}.modal-header{padding:19px}.modal-header h2{font-size:16px}.modal-form{gap:16px;padding:20px}.toast{padding:13px;font-size:11px;bottom:15px;left:15px;right:15px;transform:none}.error-banner{padding:10px 16px;font-size:10px}.app-footer{padding:25px 17px}.canvas-caption{top:18px;left:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.stack-node>strong{color:#3d503c;font-size:15px}.stack-node>p{color:#76856a;font-size:11px}.node-kind{color:#748968;font-size:9px}.node-bottom{color:#77886b;font-size:9px}.node-bottom>span:last-child{color:#859476;font-size:8px}.page-heading p{color:#798973}.assistant-intro>p{color:#82916f;font-size:11px}.suggestions button{color:#6e815a;font-size:10px}.chat-compose textarea{font-size:11px}.details-panel>p{color:#786;font-size:11px}.detail-properties>div{font-size:10px}.assistant-intro h2{color:#46543c}.chat-message p{color:#748663;font-size:11px}.suggested-change-card{color:#7a8e65;background:#f8faf2;border:1px solid #e0e6d6;border-radius:6px;margin-top:12px;padding:12px}.suggested-change-card strong{margin-bottom:10px;font-size:10px;font-weight:600;display:block}.suggested-change-card>span{overflow-wrap:anywhere;margin-top:5px;font-size:9px;line-height:1.7;display:block}.suggested-change-card button{white-space:normal;font-size:9px}@media (max-width:690px){.canvas-tools .add-component span{display:none}.canvas-tools{gap:0}.canvas-toolbar{gap:4px}}