.start-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.start-mode{border:1px solid var(--line);border-radius:18px;padding:16px;background:var(--surface2);cursor:pointer;text-align:left}
.start-mode.active{outline:2px solid var(--pink);background:var(--surface)}
.start-mode strong{display:block;margin-bottom:5px}
.start-mode span{font-size:.86rem;color:var(--muted)}
@media(max-width:760px){.start-modes{grid-template-columns:1fr}
}

/* Creation is a focused Studio task, with a single route back to the workspace. */
.page-new-project>.skip-link{position:fixed;left:12px;top:8px;z-index:100;transform:translateY(-160%);padding:10px 16px;border-radius:8px;background:var(--surface);color:var(--text);border:2px solid var(--pink)}
.page-new-project>.skip-link:focus{transform:translateY(0)}
.creation-header{border-bottom:1px solid var(--line);background:var(--surface)}
.creation-header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;max-width:1180px}
.creation-brand{display:block;flex-shrink:0}
.creation-brand img{width:112px;height:52px;object-fit:contain}
.creation-header-actions{display:flex;align-items:center;gap:18px}
.creation-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:700;color:var(--muted)}
.creation-back:hover{color:var(--text)}
.creation-header .theme-toggle{width:44px;height:44px;flex-shrink:0}
.creation-header a:focus-visible,.creation-header button:focus-visible{outline:2px solid var(--pink);outline-offset:4px;border-radius:8px}
.page-new-project main>.section{padding:32px 0 48px}
.page-new-project .panel h1{margin:18px 0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15}
.page-new-project .panel>.muted{margin:0 0 20px}
.page-new-project .start-mode{color:var(--text)}
@media(max-width:640px){
 .creation-header-inner{min-height:62px;gap:12px}
 .creation-brand img{width:94px;height:44px}
 .creation-header-actions{gap:10px}
 .creation-back{font-size:13px;gap:6px}
 .page-new-project main>.section{padding:20px 0 32px}
}