@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap";:root{--ink:#16211d;--muted:#66736d;--line:#e5e9e6;--canvas:#f6f7f5;--panel:#fff;--green:#17734c;--green-dark:#105b3b;--green-soft:#eaf5ef;--blue-soft:#edf4ff;--amber:#a66818;--amber-soft:#fff6e5;color:var(--ink);background:var(--canvas);font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{color:#dce8e2;z-index:10;background:#10271f;flex-direction:column;width:244px;padding:25px 14px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.5px;align-items:center;gap:10px;padding:0 10px 22px;font-size:20px;font-weight:700;display:flex}.brand-mark{color:#173a2d;background:#f5fbf8;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.org-switcher{width:100%;color:inherit;text-align:left;background:#ffffff0f;border:1px solid #ffffff14;border-radius:9px;grid-template-columns:31px 1fr auto;align-items:center;gap:9px;padding:9px;display:grid}.org-avatar,.profile-avatar{color:#163a2c;background:#b9e7cf;border-radius:7px;place-items:center;width:31px;height:31px;font-size:11px;font-weight:700;display:grid}.org-switcher span:nth-child(2),.profile span:nth-child(2){flex-direction:column;min-width:0;display:flex}.org-switcher strong,.profile strong{font-size:12px;font-weight:600}.org-switcher small,.profile small{color:#93a69d;margin-top:2px;font-size:10px}.side-nav{margin-top:25px}.nav-heading{color:#70877c;text-transform:uppercase;letter-spacing:.11em;margin:0 11px 8px;font-size:9px;font-weight:700;display:block}.nav-heading.nav-separator{margin-top:26px}.side-nav button{color:#aebdb6;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;width:100%;margin:2px 0;padding:10px 11px;font-size:12px;display:flex}.side-nav button:hover,.side-nav button.active{color:#fff;background:#ffffff14}.side-nav button.active{box-shadow:inset 2px 0 #7dd0a6}.side-nav button em{color:#b9e7cf;background:#2e5b47;border-radius:10px;margin-left:auto;padding:2px 6px;font-size:9px;font-style:normal}.sidebar-foot{margin-top:auto}.secure-note{color:#85ad9a;border-bottom:1px solid #ffffff14;align-items:center;gap:7px;padding:12px 9px;font-size:10px;display:flex}.profile{grid-template-columns:31px 1fr auto;align-items:center;gap:9px;padding:15px 8px 0;display:grid}.profile-avatar{color:#dce8e2;background:#345448}.main-area{width:calc(100% - 244px);min-height:100vh;margin-left:244px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#ffffffe0;justify-content:space-between;align-items:center;height:67px;padding:0 31px;display:flex;position:sticky;top:0}.searchbox{border:1px solid var(--line);color:#78847f;background:#f8faf8;border-radius:8px;align-items:center;gap:9px;width:min(360px,42vw);height:35px;padding:0 10px;display:flex}.searchbox input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.searchbox kbd{color:#87918d;background:#fff;border:1px solid #dfe4e1;border-radius:5px;padding:2px 5px;font:9px DM Mono}.top-actions{align-items:center;gap:10px;display:flex}.icon-button{border:1px solid var(--line);color:#53605a;background:#fff;border-radius:8px;place-items:center;width:35px;height:35px;display:grid;position:relative}.icon-button i{background:#dd5b52;border:1px solid #fff;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:8px}.primary-button,.secondary-button{border-radius:8px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 13px;font-size:11px;font-weight:600;display:inline-flex}.primary-button{color:#fff;background:var(--green);border:1px solid var(--green);box-shadow:0 1px 2px #0a412933}.primary-button:hover{background:var(--green-dark)}.secondary-button{color:#45514c;border:1px solid var(--line);background:#fff}.page-content{max-width:1450px;margin:0 auto;padding:35px 32px 60px}.page-heading{justify-content:space-between;align-items:end;margin-bottom:27px;display:flex}.page-heading h1{letter-spacing:-.7px;margin:3px 0 5px;font-size:25px}.page-heading p{color:var(--muted);margin:0;font-size:12px}.page-heading .eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.09em;font:500 9px DM Mono}.stat-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:11px;grid-template-columns:34px 1fr;min-height:116px;padding:16px;display:grid;position:relative;box-shadow:0 1px 2px #162d2306}.stat-icon{color:#4b7161;background:#edf5f0;border-radius:8px;grid-row:span 2;place-items:center;width:31px;height:31px;display:grid}.tone-1{color:#168353;background:#e9f7ef}.tone-2{color:#426bb0;background:var(--blue-soft)}.tone-3{color:var(--amber);background:var(--amber-soft)}.stat-card>span{color:var(--muted);align-self:center;font-size:10px}.stat-card>strong{letter-spacing:-.5px;grid-column:1/-1;margin-top:10px;font-size:25px}.stat-card>small{color:#86908c;align-items:center;gap:5px;margin-top:4px;font-size:9px;display:flex}.stat-card>small i{background:#37a36d;border-radius:50%;width:5px;height:5px}.stat-card>small i.amber{background:#d99a3d}.content-grid{grid-template-columns:minmax(570px,1.6fr) minmax(300px,.8fr);align-items:start;gap:17px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:11px;box-shadow:0 1px 2px #162d2306}.panel-head{border-bottom:1px solid #edf0ee;justify-content:space-between;align-items:center;padding:16px 18px 13px;display:flex}.panel-head h2{margin:0 0 4px;font-size:13px}.panel-head p{color:var(--muted);margin:0;font-size:10px}.panel-head button{color:var(--green);background:0 0;border:0;align-items:center;gap:4px;font-size:10px;display:flex}.workspace-row{cursor:pointer;border-bottom:1px solid #edf0ee;grid-template-columns:38px minmax(120px,1fr) minmax(120px,.8fr) auto;align-items:center;gap:10px;min-height:72px;padding:11px 17px;display:grid}.workspace-row:hover{background:#fafcfb}.workspace-symbol{color:#32664e;background:#edf5f0;border:1px solid #e1eee6;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.workspace-name,.workspace-meta{flex-direction:column;gap:5px;display:flex}.workspace-name strong{font-size:11px}.workspace-name span,.workspace-meta small{color:#83908a;align-items:center;gap:4px;font-size:9px;display:flex}.status{color:#5c6963;text-transform:capitalize;align-items:center;gap:5px;width:fit-content;font-size:9px;display:inline-flex}.status i{background:#89928e;border-radius:50%;width:6px;height:6px}.status.ready{color:#267450}.status.ready i{background:#3caf73;box-shadow:0 0 0 3px #e7f6ed}.status.stopped i{background:#a2aba7}.workspace-actions{gap:6px;display:flex}.workspace-actions button{border:1px solid var(--line);color:#56635d;background:#fff;border-radius:6px;align-items:center;gap:5px;height:28px;padding:0 8px;font-size:9px;display:flex}.workspace-actions button.dots{justify-content:center;width:28px;padding:0}.create-row{width:100%;height:44px;color:var(--green);background:0 0;border:0;justify-content:center;align-items:center;gap:5px;font-size:10px;display:flex}.side-stack{gap:14px;display:grid}.activity-panel .panel-head{border-bottom:0}.activity-item{grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:9px 16px;display:grid}.activity-icon{color:#4d735f;background:#eff5f1;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.activity-item div:nth-child(2){flex-direction:column;gap:3px;display:flex}.activity-item strong{font-size:9px}.activity-item span,.activity-item time{color:#84908a;font-size:8px}.agent-card{color:#eaf4ef;background:linear-gradient(130deg,#17392d,#1d4a39);border-radius:11px;grid-template-columns:38px 1fr;gap:11px;padding:17px;display:grid;box-shadow:0 8px 20px #113a2a21}.agent-art{color:#9dd8b9;background:#ffffff17;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.agent-card span{color:#88bfa4;letter-spacing:.08em;font:500 8px DM Mono}.agent-card h3{margin:3px 0;font-size:12px}.agent-card p{color:#9db2a8;margin:0;font-size:9px}.agent-card button{color:#d8e8e0;background:#ffffff12;border:1px solid #ffffff1f;border-radius:7px;grid-column:1/-1;justify-content:space-between;align-items:center;height:31px;margin-top:2px;padding:0 10px;font-size:9px;display:flex}.full-list{max-width:1050px}.list-toolbar{border-bottom:1px solid var(--line);gap:8px;padding:12px 16px;display:flex}.mini-search,.filter-chip{border:1px solid var(--line);color:#7b8781;background:#fafbfa;border-radius:7px;align-items:center;gap:7px;height:31px;padding:0 10px;font-size:10px;display:flex}.mini-search{flex:1}.filter-chip{color:#55615c}.account-card{grid-template-columns:47px 1fr 130px 130px auto;align-items:center;gap:17px;max-width:1000px;padding:20px;display:grid}.do-logo{color:#fff;background:#0879f9;border-radius:10px;place-items:center;width:45px;height:45px;font-size:12px;font-weight:700;display:grid}.do-logo.small{border-radius:7px;width:34px;height:34px;font-size:10px}.account-main h2{margin:5px 0 2px;font-size:14px}.account-main p{color:var(--muted);margin:0;font-size:10px}.account-detail{flex-direction:column;gap:4px;display:flex}.account-detail span{color:var(--muted);font-size:9px}.account-detail strong{font-size:10px}.empty-account{max-width:1000px;color:var(--muted);text-align:center;padding:28px;font-size:11px}.connect-modal{background:#fff;border-radius:14px;width:min(480px,100%);box-shadow:0 30px 80px #091e1540}.connect-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;padding:20px 22px;display:flex}.connect-modal>header span{color:var(--green);letter-spacing:.09em;font:500 8px DM Mono}.connect-modal>header h2{margin:4px 0 0;font-size:17px}.connect-modal>header button{border:0;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.connect-modal>div{padding:21px 22px}.connect-modal label{margin-bottom:15px;font-size:10px;font-weight:600;display:block}.connect-modal input{border:1px solid #dfe4e1;border-radius:8px;outline:none;width:100%;height:39px;margin-top:7px;padding:0 11px}.connect-modal input:focus{border-color:#6bad8b;box-shadow:0 0 0 3px #edf7f1}.connect-modal p{color:var(--muted);font-size:8px;line-height:1.55}.connect-modal>footer{border-top:1px solid var(--line);justify-content:space-between;padding:14px 22px;display:flex}.security-banner{background:var(--green-soft);color:#32694f;border:1px solid #d8ebdf;border-radius:10px;align-items:center;gap:12px;max-width:1000px;margin-top:14px;padding:17px;display:flex}.security-banner strong{font-size:11px}.security-banner p{color:#56806b;margin:3px 0 0;font-size:9px}.cost-hero{color:#fff;background:#17392d;border-radius:13px;justify-content:space-between;align-items:center;max-width:1000px;padding:25px 27px;display:flex}.cost-hero span{color:#8eb6a3;font:500 9px DM Mono}.cost-hero strong{margin:6px 0;font-size:32px;display:block}.cost-hero p{color:#9fb7ac;margin:0;font-size:9px}.budget-ring{border:7px solid #3f6957;border-top-color:#8bd0aa;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:89px;height:89px;display:flex}.budget-ring span{color:#fff;font:600 16px Inter}.budget-ring small{color:#9db8ac;font-size:8px}.cost-table{max-width:1000px;margin-top:14px}.cost-table>div{border-bottom:1px solid var(--line);grid-template-columns:1fr 170px 100px;padding:14px 17px;font-size:10px;display:grid}.cost-table span{align-items:center;gap:8px;display:flex}.cost-table em{color:var(--muted);font-style:normal}.cost-table strong{text-align:right}.agents-grid{grid-template-columns:repeat(3,1fr);gap:14px;max-width:1100px;display:grid}.agent-session{padding:18px;position:relative}.agent-session-icon{background:var(--green-soft);width:36px;height:36px;color:var(--green);border-radius:9px;place-items:center;display:grid}.agent-session-icon.amber{background:var(--amber-soft);color:var(--amber)}.agent-session-icon.blue{background:var(--blue-soft);color:#416caa}.agent-state{color:var(--green);font-size:8px;position:absolute;top:18px;right:18px}.agent-state.amber{color:var(--amber)}.agent-state.blue{color:#416caa}.agent-session h3{margin:17px 0 7px;font-size:12px}.agent-session p{color:var(--muted);min-height:30px;font-size:9px;line-height:1.5}.agent-session small{color:#83908a;align-items:center;gap:5px;font-size:8px;display:flex}.agent-session button{color:var(--green);background:0 0;border:0;padding:13px 0 0;font-size:9px}.modal-backdrop,.drawer-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c19136b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.create-modal{background:#fff;border-radius:14px;width:min(620px,100%);max-height:94vh;overflow:auto;box-shadow:0 30px 80px #091e1540}.create-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;padding:21px 23px;display:flex}.create-modal>header span{color:var(--green);letter-spacing:.09em;font:500 8px DM Mono}.create-modal>header h2{margin:5px 0 0;font-size:17px}.create-modal>header button,.drawer header>button{background:#f4f6f4;border:0;border-radius:7px;place-items:center;width:31px;height:31px;display:grid}.stepper{border-bottom:1px solid var(--line);background:#fafbfa;grid-template-columns:repeat(4,1fr);padding:17px 40px;display:grid}.stepper div{color:#9ba39f;align-items:center;gap:6px;font-size:9px;display:flex;position:relative}.stepper div:not(:last-child):after{content:"";background:#dfe4e1;height:1px;position:absolute;left:58px;right:7px}.stepper i{background:#fff;border:1px solid #d7ddda;border-radius:50%;place-items:center;width:20px;height:20px;font-size:8px;font-style:normal;display:grid}.stepper .done{color:var(--green);font-weight:600}.stepper .done i{background:var(--green);color:#fff;border-color:var(--green)}.modal-body{min-height:310px;padding:23px}.modal-body label{color:#46524c;margin-bottom:17px;font-size:10px;font-weight:600;display:block}.modal-body input,.modal-body select{width:100%;height:39px;color:var(--ink);background:#fff;border:1px solid #dfe4e1;border-radius:8px;outline:none;margin-top:7px;padding:0 11px;display:block}.modal-body input:focus,.modal-body select:focus{border-color:#6bad8b;box-shadow:0 0 0 3px #edf7f1}.choice-card{border:1px solid #dfe5e2;border-radius:9px;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;margin-top:7px;padding:10px;display:grid}.choice-card.selected{border-color:#79b397;box-shadow:0 0 0 2px #edf7f1}.choice-card span{flex-direction:column;gap:3px;display:flex}.choice-card strong{font-size:10px}.choice-card small{color:var(--muted);font-size:8px}.choice-card>svg{color:var(--green)}.template-icon{background:var(--green-soft);width:34px;height:34px;color:var(--green);border-radius:7px;place-items:center;display:grid}.form-intro,.review-title{align-items:center;gap:10px;margin-bottom:17px;display:flex}.form-intro>svg,.review-title>svg{color:var(--green)}.form-intro strong,.review-title strong{font-size:11px}.form-intro p,.review-title p{color:var(--muted);margin:3px 0 0;font-size:9px}.size-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.size-grid button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:9px;padding:13px}.size-grid button.selected{border-color:#64a884;box-shadow:0 0 0 2px #edf7f1}.size-grid span,.size-grid strong,.size-grid em{display:block}.size-grid span{color:var(--muted);font-size:9px}.size-grid strong{margin:10px 0 4px;font-size:18px}.size-grid strong small{color:var(--muted);font-size:8px}.size-grid em{color:#83908a;font-size:8px;font-style:normal}.security-inline{background:var(--green-soft);color:#367052;border-radius:9px;gap:10px;padding:12px;display:flex}.security-inline span{flex-direction:column;gap:3px;font-size:8px;display:flex}.security-inline strong{font-size:10px}.review-grid{border:1px solid var(--line);border-radius:9px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.review-grid span{color:var(--muted);border-bottom:1px solid var(--line);flex-direction:column;gap:4px;padding:11px;font-size:8px;display:flex}.review-grid span:nth-child(odd){border-right:1px solid var(--line)}.review-grid strong{color:var(--ink);font-size:10px}.price-review{border:1px solid var(--line);background:#f7f9f7;border-radius:9px;justify-content:space-between;align-items:center;margin-top:12px;padding:13px;display:flex}.price-review span{flex-direction:column;gap:3px;font-size:10px;display:flex}.price-review small{color:var(--muted);font-size:8px}.price-review>strong{font-size:20px}.price-review>strong small{font-size:8px}.billing-note{color:#8a6a39;background:var(--amber-soft);border-radius:7px;padding:9px;font-size:8px;line-height:1.5}.create-modal>footer{border-top:1px solid var(--line);justify-content:space-between;padding:15px 23px;display:flex}.drawer-backdrop{place-items:stretch end;padding:0}.drawer{background:#fff;width:min(435px,100%);height:100%;padding:22px;overflow:auto;box-shadow:-20px 0 60px #091e152e}.drawer header{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr auto;align-items:start;gap:11px;padding-bottom:20px;display:grid}.drawer header h2{margin:6px 0 3px;font-size:17px}.drawer header p{color:var(--muted);align-items:center;gap:4px;margin:0;font-size:9px;display:flex}.drawer-actions{grid-template-columns:1fr 1fr;gap:8px;padding:17px 0;display:grid}.drawer section{border-top:1px solid var(--line);padding:18px 0 5px}.drawer section h3{text-transform:uppercase;letter-spacing:.07em;color:#74807a;margin:0 0 12px;font-size:10px}.drawer dl{margin:0}.drawer dl div{justify-content:space-between;padding:7px 0;font-size:10px;display:flex}.drawer dt{color:var(--muted)}.drawer dd{margin:0;font-weight:500}.health-row{justify-content:space-between;padding:7px 0;font-size:9px;display:flex}.health-row span{align-items:center;gap:7px;display:flex}.health-row i{background:#3caf73;border-radius:50%;width:6px;height:6px}.health-row strong{color:var(--green);font-weight:500}.guide-button{text-align:left;border:1px solid var(--line);color:#4d5953;background:#fff;border-radius:8px;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;width:100%;margin-bottom:7px;padding:10px;display:grid}.guide-button span{flex-direction:column;gap:2px;display:flex}.guide-button strong{font-size:9px}.guide-button small{color:var(--muted);font-size:8px}.danger-actions{justify-content:space-between;margin-top:30px;display:flex}.danger-actions button{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:5px;height:32px;padding:0 10px;font-size:9px;display:flex}.danger-actions button.danger{color:#b34d48;border-color:#efdbd9}.mobile-nav{display:none}@media (width<=1050px){.content-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.agents-grid{grid-template-columns:1fr 1fr}}@media (width<=760px){.sidebar{display:none}.main-area{width:100%;margin-left:0;padding-bottom:64px}.topbar{padding:0 15px}.page-content{padding:25px 15px}.content-grid,.side-stack{grid-template-columns:1fr}.workspace-row{grid-template-columns:38px 1fr auto}.workspace-meta,.workspace-actions button:not(.dots){display:none}.account-card{grid-template-columns:45px 1fr auto}.account-detail{display:none}.agents-grid{grid-template-columns:1fr}.mobile-nav{z-index:40;height:62px;padding:5px 6px max(5px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-top:1px solid #dfe5e1;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #162d230f}.mobile-nav button{color:#74817b;background:0 0;border:0;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:8px;display:flex}.mobile-nav button.active{color:var(--green);background:var(--green-soft)}}@media (width<=520px){.stat-grid{grid-template-columns:1fr 1fr}.stat-card{min-height:105px;padding:12px}.searchbox{display:none}.page-heading{align-items:start;gap:15px}.page-heading .secondary-button{display:none}.size-grid{grid-template-columns:1fr}.stepper{padding-inline:18px}.stepper div span,.stepper div:after{display:none}}.console-page{color:#d8e7df;background:#0d1713;grid-template-rows:52px 37px 1fr 28px;min-height:100vh;display:grid}.console-topbar{background:#111f19;border-bottom:1px solid #22352d;align-items:center;gap:15px;padding:0 17px;display:flex}.console-topbar>a{color:#91a59b;place-items:center;display:grid}.console-brand{align-items:center;gap:8px;font-size:11px;display:flex}.console-brand strong{font-size:13px}.console-brand span{color:#52645b}.console-brand em{color:#a6b7ae;font-style:normal}.connection-state{color:#9b7c45;align-items:center;gap:6px;margin-left:auto;font-size:9px;display:flex}.connection-state.online{color:#6fc395}.terminal-tabs{background:#101c17;border-bottom:1px solid #22352d;align-items:stretch;display:flex}.terminal-tabs button{color:#788d82;background:0 0;border:0;border-right:1px solid #22352d;place-items:center;width:38px;display:grid}.terminal-tabs button.active{color:#c9d7d0;background:#0d1713;border-top:2px solid #64b78a;justify-content:space-between;align-items:center;width:145px;padding:0 12px;font-size:9px;display:flex}.terminal-tabs button.maximize{border-left:1px solid #22352d;border-right:0;margin-left:auto}.terminal-surface{min-height:0;padding:14px 18px;overflow:hidden}.terminal-surface .xterm{height:100%}.terminal-surface .xterm-viewport{overflow-y:auto!important}.console-footer{color:#657a70;background:#112019;border-top:1px solid #22352d;justify-content:space-between;align-items:center;padding:0 14px;font-size:8px;display:flex}.form-error{color:#a43f39;background:#fff4f3;border:1px solid #efcfcc;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:9px;line-height:1.45}button:disabled{cursor:not-allowed;opacity:.55}.browser-ide{color:#cfd8d3;background:#101714;grid-template:34px 1fr 22px/46px 224px 1fr;height:100vh;min-height:100vh;font-family:Inter,sans-serif;display:grid;overflow:hidden}.ide-titlebar{color:#8e9d96;background:#171e1b;border-bottom:1px solid #29332f;grid-column:1/-1;grid-template-columns:220px 1fr 100px;align-items:center;padding:0 10px;font-size:10px;display:grid}.ide-titlebar>span{text-align:center}.ide-titlebar>div{justify-content:end;gap:14px;display:flex}.ide-brand{color:#b8c8c0;align-items:center;gap:7px;font-weight:600;text-decoration:none;display:flex}.ide-rail{background:#151c19;border-right:1px solid #29332f;flex-direction:column;grid-row:2;align-items:center;display:flex}.ide-rail button{color:#73827b;background:0 0;border:0;border-left:2px solid #0000;place-items:center;width:46px;height:46px;display:grid}.ide-rail button:hover,.ide-rail button.active{color:#d1dbd6}.ide-rail button.active{border-left-color:#64b78a}.ide-explorer{background:#181f1c;border-right:1px solid #29332f;grid-row:2;min-width:0;padding:11px 0}.ide-explorer h2{color:#98a69f;margin:0 13px 15px;font-size:9px;font-weight:500}.ide-explorer>strong{align-items:center;gap:3px;padding:0 9px 7px;font-size:9px;display:flex}.ide-explorer button{color:#aab7b0;text-align:left;background:0 0;border:0;align-items:center;gap:3px;width:100%;height:27px;padding:0 9px 0 15px;font:9px DM Mono;display:flex}.ide-explorer button span{text-overflow:ellipsis;overflow:hidden}.ide-explorer button:hover,.ide-explorer button.active{color:#e0e7e3;background:#25302b}.ide-editor{background:#101714;grid-row:2;grid-template-rows:32px minmax(0,1fr) auto;min-width:0;display:grid}.ide-tab{background:#101714;border-top:1px solid #64b78a;border-right:1px solid #29332f;align-items:center;gap:7px;width:fit-content;min-width:185px;padding:0 10px;font:9px DM Mono;display:flex}.ide-tab svg:last-child{margin-left:auto}.ide-editor>pre{counter-reset:line;background:#101714;margin:0;padding:19px 24px;overflow:auto}.ide-editor>pre code{color:#c8d6cf;white-space:pre-wrap;background:0 0;border:0;padding:0;font:12px/1.7 DM Mono}.ide-terminal{background:#0d1310;border-top:1px solid #29332f;height:190px;padding:0 15px 13px;font:10px/1.45 DM Mono}.ide-terminal header{color:#94a29b;justify-content:space-between;align-items:center;height:31px;font:8px Inter;display:flex}.ide-terminal header button{color:#84928b;background:0 0;border:0}.ide-terminal p{margin:2px 0}.ide-terminal em{color:#69bd90;font-style:normal}.ide-terminal strong{color:#6f9acb;font-weight:400}.ide-terminal i{vertical-align:middle;background:#b9c7c0;width:6px;height:13px;animation:1s step-end infinite blink;display:inline-block}.ide-statusbar{color:#e5f3eb;background:#1c6c49;grid-column:1/-1;align-items:center;gap:16px;padding:0 9px;font-size:8px;display:flex}.ide-statusbar span{align-items:center;gap:4px;display:flex}.ide-statusbar span:nth-child(2){margin-left:auto}.ide-statusbar button{color:inherit;background:0 0;border:0;align-items:center;gap:4px;font-size:8px;display:flex}.ide-denied{text-align:center;color:#d8e7df;background:#101714;place-content:center;min-height:100vh;padding:20px;display:grid}.ide-denied h1{margin:0}.ide-denied p{color:#82938a}.ide-denied a{color:#7bc99f}@keyframes blink{50%{opacity:0}}@media (width<=700px){.browser-ide{grid-template-columns:42px 1fr}.ide-explorer{display:none}.ide-titlebar{grid-template-columns:130px 1fr 50px}.ide-titlebar>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ide-editor{grid-column:2}}