@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Plus+Jakarta+Sans:wght@500;600;700&display=swap");:root{--ink:#171713;--muted:#615e55;--parchment:#e9e3d5;--paper:#f7f4ed;--composer:#2c2c2c;--orange:#f2a15a;--orange-light:#ffc77f;--font-sans:"Geist",system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;--font-wordmark:"Plus Jakarta Sans",system-ui,sans-serif}*{box-sizing:border-box}body,html,main{width:100%;height:100%;margin:0}body{color:var(--ink);background:#10110f;font-family:var(--font-sans)}button,input,select,textarea{color:inherit;font:inherit}button{border:1px solid var(--ink);background:transparent;cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-wordmark);font-size:38px;font-weight:700;letter-spacing:-2px}.brand img{width:42px;height:42px;object-fit:contain}.brand a{text-decoration:none}.loading,.workspace-error{min-height:100%;display:grid;place-items:center;overflow:auto;background:var(--parchment)}.error{color:#a22b1f!important}.link{padding:0;border:0;color:#4e4a40;text-decoration:underline}.primary{padding:10px 16px;border-color:var(--ink);background:var(--orange);font-weight:700}.primary:hover{background:var(--orange-light)}.product-landing{min-height:100%;overflow:auto;background:var(--parchment)}.landing-header{height:76px;border-bottom:1px solid var(--ink);background:transparent}.landing-header-inner{width:min(1080px,calc(100% - 72px));height:100%;margin:0 auto;display:flex;align-items:center;gap:20px}.landing-header nav{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:17px}.landing-header nav a{text-decoration:none}.landing-header nav a:hover{text-decoration:underline;text-underline-offset:4px}.landing-header .login-link{padding:9px 14px;border:1px solid var(--ink);background:var(--orange);color:var(--ink);font-size:16px;font-weight:600;text-decoration:none}.landing-header .login-link:hover{background:var(--orange-light)}.landing-hero{width:min(880px,calc(100% - 56px));margin:0 auto;padding:clamp(86px,14vh,150px) 0 88px}.hero-copy{max-width:none}.hero-copy h1{margin:0 0 20px;font-size:clamp(52px,5.8vw,72px);line-height:.98;letter-spacing:-3.8px}.hero-support{margin:0;color:var(--muted);font-size:clamp(18px,2vw,23px);line-height:1.45}.creation-surface{margin-top:72px}.agent-composer{overflow:hidden;border:1px solid #434343;border-radius:29px;background:var(--composer);box-shadow:0 15px 36px #1717132b}.agent-composer textarea{display:block;width:100%;min-height:154px;padding:27px 27px 16px;resize:vertical;border:0;outline:0;color:#f4f2ed;background:transparent;font-size:20px;line-height:1.45}.agent-composer textarea::placeholder{color:#939393}.composer-toolbar{display:flex;justify-content:flex-end;padding:10px 16px 16px}.composer-add,.prompt-launch{flex:0 0 auto;border:0;border-radius:50%;line-height:1}.prompt-launch{width:48px;height:48px;background:var(--orange);color:#202020;font-size:29px}.prompt-launch:hover{background:var(--orange-light)}.prompt-launch:disabled{cursor:not-allowed;opacity:.3}.composer-add{width:40px;height:40px;color:#f4f2ed;background:#3d3d3d;font-size:28px}.composer-add:hover{background:#555}.auth-overlay,.state-connect-overlay{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:20px;background:#17171399}.auth-card,.state-connect-dialog{width:min(420px,calc(100vw - 32px));padding:40px;border:2px solid var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--ink)}.close-auth{float:right;width:32px;height:32px;border:0;font-size:30px;line-height:.75}.auth-brand{margin-bottom:36px;font-size:34px}.auth-card h2{margin:0 0 26px;text-align:center;font-size:38px;letter-spacing:-1px}.auth-card form{display:grid;grid-gap:16px;gap:16px}.auth-card label,.state-connect-dialog label{display:grid;grid-gap:6px;gap:6px;font-size:14px;font-weight:700}input{min-height:40px;padding:8px 10px;border:2px solid var(--ink);background:#fffdf8}.google-gsi-button{display:flex;align-items:center;min-width:218px;min-height:40px}.google-gsi-button>div{display:flex}.auth-card .google-gsi-button{width:100%;justify-content:center}.or{display:flex;align-items:center;gap:10px;margin:18px 0;color:var(--muted);font-size:13px}.or:after,.or:before{flex:1 1;height:1px;background:#bdb7aa;content:""}.state-attachment-menu-wrap{position:relative;min-width:0;max-width:calc(100% - 56px);margin-right:auto}.state-attachment-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-height:40px}.state-attachment-menu,.state-attachment-submenu{position:absolute;z-index:4;display:grid;min-width:210px;padding:5px;border:1px solid #575750;border-radius:10px;background:#363636;box-shadow:0 10px 24px #0008;font-family:var(--font-mono)}.state-attachment-menu{bottom:calc(100% + 8px);left:0}.state-attachment-submenu{bottom:0;left:calc(100% + 8px);min-width:220px;max-width:min(280px,calc(100vw - 42px))}.state-attachment-menu button,.state-attachment-submenu button{display:flex;align-items:center;gap:9px;min-width:0;padding:9px 10px;overflow:hidden;border:0;border-radius:5px;color:#f1f1f1;background:transparent;text-align:left}.state-attachment-menu button:hover,.state-attachment-submenu button:hover{background:#484848}.state-attachment-menu small{margin-left:auto;color:#aaa;font-size:11px}.state-submenu-arrow{margin-left:auto;color:#aaa;font-size:19px;line-height:.7}.state-attachment-submenu .state-add-another{border-bottom:1px solid #575750;color:var(--orange-light);font-weight:600}.state-source-icon{flex:0 0 auto;width:20px;height:20px}.gmail-icon{fill:none;stroke:#e8745a;stroke-width:2;stroke-linejoin:round}.linkedin-icon{display:grid;place-items:center;border-radius:3px;color:#fff;background:#0a66c2;font:700 14px/1 Arial,sans-serif}.folder-icon{fill:none;stroke:#efc16d;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.state-attachment-chip{display:flex;align-items:center;gap:7px;min-width:0;max-width:250px;min-height:34px;padding:0;border:0;color:var(--orange);background:transparent;font-family:var(--font-mono);font-size:15px}.state-attachment-chip:hover{color:var(--orange-light)}.state-attachment-chip span,.state-attachment-submenu button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.state-attachment-chip .state-source-icon{width:19px;height:19px}.state-connect-overlay{z-index:12}.state-connect-dialog{padding:32px}.state-connect-dialog>.gmail-icon,.state-connect-dialog>.linkedin-icon{width:28px;height:28px}.state-connect-dialog h2{margin:11px 0 8px;font-size:34px;letter-spacing:-1px}.state-connect-dialog p{margin:0 0 20px;color:var(--muted);line-height:1.4}.state-connect-dialog input{width:100%}.state-connect-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.state-connect-actions button{padding:9px 13px}.launcher{min-height:100%;overflow:auto}.launcher,.launcher-site-header{background:var(--parchment)}.launcher-content{width:min(1080px,calc(100% - 72px));margin:0 auto}.sketch-launcher{display:flex;min-height:calc(100vh - 76px);flex-direction:column;gap:32px;padding:28px 0 40px}.launcher-top{flex:0 0 auto}.launcher-account{display:grid;grid-gap:2px;gap:2px;min-width:0;max-width:100%;padding:2px 0 0 4px}.launcher-account p{margin:0 0 4px;font:14px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.launcher-account strong{max-width:100%;overflow-wrap:anywhere;font-size:30px;letter-spacing:-1px}.launcher-account span{max-width:100%;overflow-wrap:anywhere;color:var(--muted);font:15px var(--font-mono)}.launcher-panel{flex:none}.mascot-heading{display:inline-flex;align-items:center;gap:9px;margin:0;font-size:22px;letter-spacing:-.8px;text-transform:uppercase}.mascot-heading img{width:52px;height:52px;object-fit:contain;image-rendering:pixelated}.new-sandbox-panel{display:grid;grid-gap:12px;gap:12px}.new-sandbox-panel .agent-composer{min-height:0}.new-sandbox-panel .agent-composer textarea{height:clamp(144px,19vh,180px);min-height:144px;padding:20px 22px 10px;font-size:20px}.new-sandbox-panel .composer-toolbar{justify-content:space-between;padding:10px 14px 14px}.new-sandbox-panel .composer-add{width:38px;height:38px;font-size:25px}.new-sandbox-panel .prompt-launch{width:44px;height:44px;font-size:27px}.launcher-message{margin:-4px 0 0;font-size:13px}.running-panel{display:grid;grid-gap:0;gap:0}.running-panel>h1{width:100%;padding-bottom:13px;border-bottom:2px solid var(--ink)}.sandbox-list{min-height:0}.sandbox-row{display:grid;grid-template-columns:minmax(0,1fr) 90px auto;align-items:center;grid-gap:18px;gap:18px;min-height:60px;padding:11px 0;border-bottom:1px solid #bdb7aa}.sandbox-row-name{min-width:0}.sandbox-row strong{font:20px var(--font-mono);letter-spacing:-.07em}.sandbox-row small,.sandbox-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sandbox-row small{margin-top:5px;color:var(--muted);font:14px var(--font-mono)}.state{justify-self:start;color:var(--muted);font:15px var(--font-mono)}.state.preparing{color:#8b6410}.state.stopped{color:#756f64}.state.suspended{color:#506f86}.state.unavailable{color:#a22b1f}.sandbox-row-actions{display:flex;align-items:center;gap:10px;justify-self:end}.launch{min-width:100px;padding:9px 11px;border:2px solid var(--ink);background:var(--orange);box-shadow:2px 2px 0 var(--ink);font-size:15px;font-weight:700}.launch:hover{background:var(--orange-light)}.sandbox-menu-wrap{position:relative}.sandbox-menu-toggle{width:36px;height:36px;padding:0;font:22px/1 var(--font-mono)}.sandbox-menu,.sandbox-menu-toggle:hover,.sandbox-menu-toggle[aria-expanded=true]{background:var(--paper)}.sandbox-menu{position:absolute;z-index:3;top:calc(100% + 5px);right:0;display:grid;min-width:142px;padding:4px;border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-family:var(--font-mono)}.sandbox-menu button{padding:8px 9px;border:0;background:transparent;text-align:left;white-space:nowrap}.sandbox-menu button:hover{background:var(--parchment)}.sandbox-menu .sandbox-delete{color:#9b3325}.sandbox-name-button{display:block;max-width:100%;padding:0;border:0;text-align:left}.sandbox-name-button:hover strong{text-decoration:underline;text-underline-offset:4px}.sandbox-rename-form{display:flex;align-items:center;gap:7px;max-width:100%}.sandbox-name-input{width:min(340px,100%);min-width:0;min-height:34px;padding:4px 8px;font-family:var(--font-mono);font-size:17px}.sandbox-rename-form button{padding:5px 8px;font-size:13px}.sandbox-rename-form button[type=submit]{background:var(--orange)}.invite{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:14px 16px;border:1px solid var(--ink);background:var(--paper)}.empty-sandboxes{margin:0;padding:28px 0;color:var(--muted)}header:not(.landing-header):not(.launcher-header){height:76px;display:flex;align-items:center;gap:20px;padding:12px 24px 12px 18px;border:1px solid var(--ink);background:var(--paper)}.mode{position:relative;height:44px;border:2px solid var(--ink);color:transparent;font-size:0}.mode select{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:170px;height:100%;padding:0 42px 0 15px;border:0;background:var(--paper);color:var(--ink);font-size:18px;cursor:pointer}.mode:after{position:absolute;top:15px;right:15px;width:9px;height:9px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);content:"";pointer-events:none;transform:rotate(45deg)}.settings{height:44px;margin-left:auto;padding:0 17px;font-size:18px}.workspace-actions{position:relative}.workspace-actions .settings{margin-left:0}.menu{position:absolute;z-index:4;top:50px;right:0;min-width:155px;padding:5px;border:2px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink)}.menu button{display:block;width:100%;padding:8px;border:0;text-align:left}.menu button:hover{background:var(--parchment)}.menu .danger{color:#a22b1f}.workspace{position:relative;height:calc(100% - 76px);overflow:hidden}.panel{position:absolute;inset:0}.hidden{visibility:hidden;pointer-events:none}.terminal{overflow:hidden;background:radial-gradient(circle at 35% 15%,#1d1f1b,#10110f 60%)}.terminal-scroll{overflow:hidden;overscroll-behavior:contain}.terminal-client,.terminal-client .xterm,.terminal-scroll{width:100%;height:100%}.terminal-client .xterm-viewport{overscroll-behavior:contain}.terminal-tmux-note{position:-webkit-sticky;position:sticky;z-index:2;bottom:14px;left:16px;width:max-content;max-width:calc(100% - 32px);margin:-43px 0 14px 16px;padding:7px 10px;border:1px solid #575750;border-radius:4px;color:#d8d5ce;background:#20211ee8;box-shadow:2px 2px 0 #090a09;font:12px var(--font-mono)}.terminal-tmux-note button{margin-left:10px;padding:0;border:0;color:var(--orange);font:inherit;text-decoration:underline}.desktop,.desktop-wrap{width:100%;height:100%;overflow:hidden;background:#202020}.scrim{position:fixed;inset:0;display:grid;place-items:center;background:#0008}dialog{width:min(440px,90vw);padding:28px;border:2px solid var(--ink);background:var(--paper)}dialog h2{margin-top:0;font-size:32px}dialog label{display:flex;align-items:center;gap:10px;margin:22px 0}dialog label input{flex:1 1}dialog button{float:right;padding:9px 18px}.workspace-error{align-content:center;justify-items:center;color:var(--paper);background:var(--ink)}.workspace-error h1{font-size:42px}.admin-page{min-height:100%;overflow:auto;background:var(--parchment)}.launcher-header{height:76px;gap:20px;padding:12px 24px 12px 18px;border-bottom:1px solid var(--ink)}.account,.launcher-header{display:flex;align-items:center}.account{gap:15px;margin-left:auto;font-size:14px}.admin-content{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:62px 0 100px}.eyebrow{margin:0 0 6px;color:var(--muted);font:14px var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.admin-content h1{margin:0;font-size:52px;line-height:.95;letter-spacing:-2.2px}.admin-intro{margin:15px 0 32px;color:var(--muted);font-size:18px}.admin-summary{display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:54px;border:2px solid var(--ink);background:var(--paper);box-shadow:5px 5px 0 var(--ink)}.admin-summary p{display:grid;grid-gap:4px;gap:4px;min-height:94px;margin:0;padding:17px;border-right:1px solid var(--ink);color:var(--muted);font-size:13px}.admin-summary p:last-child{border-right:0}.admin-summary b{color:var(--ink);font-size:31px}.admin-section{margin-top:42px}.admin-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:13px}.admin-section-heading h2{margin:0;font-size:31px;letter-spacing:-1px}.admin-section-heading span{color:var(--muted);font:12px var(--font-mono)}.admin-table-wrap{overflow-x:auto;border:2px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink)}table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:14px 16px;border-bottom:1px solid #bdb7aa;text-align:left;vertical-align:middle}th{color:var(--muted);background:#ede8dc;font:12px var(--font-mono);letter-spacing:.04em;text-transform:uppercase}tbody tr:last-child td{border-bottom:0}td small,td strong{display:block}td small{margin-top:4px;color:var(--muted)}.admin-actions{display:flex;align-items:center;gap:8px}.admin-actions button{padding:6px 9px;font-size:13px}.danger-link{border-color:transparent;color:#a22b1f;text-decoration:underline}.admin-locked{display:grid;align-content:center;justify-items:center;grid-gap:12px;gap:12px}.admin-locked h1{font-size:44px}.admin-locked p{color:var(--muted)}@media (max-width:800px){.landing-header-inner,.landing-hero,.launcher-content{width:calc(100% - 36px)}.landing-hero{padding:70px 0}.hero-copy h1{font-size:54px;letter-spacing:-2.5px}.creation-surface{margin-top:52px}.agent-composer textarea{min-height:138px;padding:22px 20px 13px;font-size:18px}.composer-toolbar{padding:10px 12px 12px}.auth-card{width:100%}.admin-content{width:calc(100% - 32px);padding:42px 0 70px}.admin-summary{grid-template-columns:repeat(2,1fr)}.admin-summary p:nth-child(2n){border-right:0}.admin-summary p:last-child{border-right:1px solid var(--ink)}.sketch-launcher{min-height:auto;padding:26px 0 32px;gap:34px}.new-sandbox-panel .agent-composer textarea{font-size:17px}.sandbox-row{grid-template-columns:minmax(0,1fr) auto;gap:10px}.sandbox-row .state{grid-column:1;grid-row:2}.sandbox-row-actions{grid-column:2;grid-row:1/span 2}}@media (max-width:700px){.landing-header-inner{width:calc(100% - 36px)}.landing-header nav{gap:12px}.landing-header nav a{display:none}}@media (max-width:640px){.landing-header,.launcher-header,header:not(.landing-header):not(.launcher-header){height:62px;padding:9px;gap:8px}.brand span{display:none}.auth-brand span{display:inline}.brand img{width:35px;height:35px}.workspace{height:calc(100% - 62px)}.mode,.settings{height:38px}.mode select,.settings{min-width:auto;padding:0 30px 0 10px;font-size:16px}.mode:after{top:12px;right:12px}.state-attachment-submenu{bottom:calc(100% + 8px);left:0}.invite{align-items:flex-start;flex-direction:column}}