:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#193b35;background:#f3f6f3;font-synthesis:none;--green:#183f35;--accent:#b8db89}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}header{min-height:88px;background:var(--green);display:flex;align-items:center;justify-content:space-between;padding:18px max(28px,calc((100vw - 1180px)/2));color:white}.brand{color:inherit;display:flex;align-items:center;gap:14px;text-decoration:none;font-size:21px;font-weight:650;letter-spacing:-.35px}.brand-mark{width:46px;height:46px;border:1px solid #a9c99a88;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:30px;color:var(--accent)}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:2.7px;margin-top:5px;color:#cbdacf}main{max-width:1180px;margin:auto;padding:60px 28px}.signin-panel{max-width:448px;margin:38px auto;background:white;border:1px solid #dce5df;border-radius:16px;padding:38px;box-shadow:0 12px 38px #26473505}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.65px;color:#688b71;margin:0 0 15px}h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:0 0 13px}.intro{color:#6c7e77;font-size:15px;line-height:1.6;margin:0 0 28px}label{display:block;font-size:13px;font-weight:600;margin:20px 0 8px}input{width:100%;background:#f9fbf9;border:1px solid #ccd9d0;border-radius:7px;height:45px;padding:10px 12px;color:#193b35}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #9fbd7a;outline-offset:3px}button{cursor:pointer}.primary{width:100%;border:0;background:var(--green);color:white;border-radius:7px;margin-top:26px;padding:15px 18px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.primary:hover{background:#245949}.primary:disabled{opacity:.6;cursor:wait}.quiet{background:transparent;border:0;color:inherit;padding:10px;font-size:13px}.support{font-size:12px;color:#7a8b81;line-height:1.6;margin:25px 0 0}.dashboard{margin-top:25px}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:38px}.dashboard-heading .intro{margin-bottom:0}.course-label{border:1px solid #cbd9ce;border-radius:50px;padding:9px 14px;font-size:11px;color:#69826f}.project-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px}.project-card{border:1px solid #dce5df;background:white;border-radius:14px;padding:30px;min-height:245px;display:flex;flex-direction:column;align-items:flex-start}.service-icon{width:43px;height:43px;border-radius:10px;background:#ebf1e4;color:#52703f;display:grid;place-items:center;font-size:22px;margin-bottom:20px}.project-card h2{font-size:22px;letter-spacing:-.5px;margin:0 0 9px}.project-card p{font-size:14px;color:#6c7e77;line-height:1.6;margin:0 0 24px}.launch{margin-top:auto;color:#194834;background:#edf3e5;border:1px solid #d2dfbf;border-radius:7px;text-decoration:none;padding:11px 14px;font-size:13px;font-weight:600}.launch:hover{background:#e1edcf}#error{color:#a03535;font-size:13px;line-height:1.5}.preview-note{padding:12px 18px;border:1px solid #e1d69d;background:#fffbed;color:#766332;border-radius:8px;font-size:13px;max-width:650px;margin:0 auto}.preview-action{margin:14px 0 0;text-decoration:underline;text-underline-offset:3px}[hidden]{display:none!important}@media(max-width:650px){header{padding:18px 20px}.brand{font-size:18px}.brand-mark{width:40px;height:40px}main{padding:26px 20px}.signin-panel{margin:28px auto;padding:28px}.dashboard-heading{align-items:flex-start;flex-direction:column}.course-label{font-size:10px}.project-cards{grid-template-columns:1fr}}

body:has(#desktop-screen) main { max-width: 1440px; width: 100%; padding-top: 24px; }
#desktop-screen { height: 70vh; max-height: 900px; min-height: 420px; background: #101720; margin-top: 16px; overflow: hidden; }
#desktop-choices { display: flex; gap: 12px; margin: 16px 0; }
#desktop-choices button, #send-cad { padding: 10px 16px; cursor: pointer; }
#keyboard-helper { margin: 12px 0; } #type-form { display: flex; align-items: center; gap: 12px; } #type-form input { max-width: 350px; } #type-form label { margin: 0; } #type-form button { padding: 10px; }
.embedded-desktop>header{display:none}.embedded-desktop main{padding:8px!important;max-width:none!important}.embedded-desktop h1{display:none}.embedded-desktop #desktop-choices{margin:4px 0;gap:6px}.embedded-desktop #desktop-choices button,.embedded-desktop #send-cad{padding:5px 8px}.embedded-desktop #desktop-status{margin:4px 0}.embedded-desktop #desktop-screen{height:calc(100vh - 125px);min-height:200px;max-height:none;margin-top:8px}.embedded-desktop:has(#keyboard-helper[open]) #desktop-screen{height:calc(100vh - 235px)}
.embedded-desktop{overflow:hidden}.embedded-desktop main{height:100vh;display:flex;flex-direction:column}.embedded-desktop #desktop-screen{flex:1;height:auto!important;min-height:0!important}.embedded-desktop #send-cad{align-self:flex-start}.embedded-desktop #keyboard-helper{margin:5px 0}

.desktop-fit{display:flex;align-items:center;gap:8px;margin:5px 0;font-weight:400;font-size:12px}.desktop-fit input{width:auto;height:auto}.desktop-fit span{color:#6c7e77}