.editor-account{border:1px solid var(--line);border-radius:9px;padding:9px 11px;color:var(--green-dark);font-size:11px;font-weight:800;text-decoration:none;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-account.signed-in{background:#edf8f3}.cloud-save{border-color:#87c9af;background:#eff9f5;color:var(--green-dark)}
.example-button{border-color:#9ecfbc;color:var(--green-dark);background:#f2faf7}
.welcome-state{justify-content:flex-start;overflow:auto;padding:clamp(42px,7vh,82px) 32px}.welcome-state>h1{font-size:32px;margin:10px 0 8px}.welcome-state>p{max-width:670px}.start-options{width:min(940px,100%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;text-align:left}.start-card{display:flex;min-height:245px;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(24,55,43,.07)}.start-card.featured{border-color:#8ac9b1;background:linear-gradient(145deg,#f4fbf8,#fff)}.start-card>span{color:var(--green);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.start-card h2{margin:10px 0 8px;font-size:20px}.start-card p{margin:0 0 20px;font-size:13px;line-height:1.5}.start-card .button{width:100%;margin-top:auto;white-space:nowrap}
@media(max-width:900px){.start-options{grid-template-columns:1fr;max-width:520px}.start-card{min-height:0}.welcome-state{padding:30px 20px}.welcome-state>h1{font-size:26px}}
@media(max-width:700px){body.welcome-open{min-width:0}.welcome-open .app-header{height:64px;padding:0 12px;gap:10px}.welcome-open .logo{width:58px}.welcome-open .logo img{width:56px}.welcome-open .project-title{min-width:0;padding-left:10px;flex:1}.welcome-open .project-title span{font-size:8px}.welcome-open .project-title input{width:100%;font-size:14px}.welcome-open .mode-switch,.welcome-open .header-actions,.welcome-open .panel,.welcome-open .toolstrip,.welcome-open .statusbar{display:none}.welcome-open .app-layout{display:block;height:calc(100vh - 64px)}.welcome-open .workspace-column{display:block;height:100%}.welcome-open .canvas-viewport{height:100%}.welcome-state{position:absolute;padding:24px 14px}.welcome-state>h1{font-size:24px}.welcome-state>p{font-size:13px}.start-options{margin-top:20px;gap:12px}.start-card{padding:17px}.start-card h2{font-size:18px}.start-card p{font-size:12px;margin-bottom:14px}}