.as-header{gap:var(--space-4);padding-block:var(--space-8) var(--space-6);display:grid}.as-header h1{font-size:var(--text-display);overflow-wrap:anywhere}.as-lead{max-width:60ch;font-size:var(--text-lg);color:var(--color-ink-muted)}.as-start{gap:var(--space-3);padding-bottom:var(--space-8);display:grid}.as-start-options,.as-templates,.as-list{margin:0;padding:0;list-style:none}.as-start-options{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.as-start-options a,.as-start-options button,.as-templates a{align-content:start;gap:var(--space-1);width:100%;height:100%;padding:var(--space-4);border:var(--border);border-radius:var(--radius);background:var(--color-surface);color:inherit;font:inherit;text-align:left;cursor:pointer;text-decoration:none;display:grid;position:relative}.as-start-options a:hover,.as-start-options button:hover,.as-templates a:hover{border-color:var(--color-ink);color:inherit}.as-start-options strong{font-family:var(--font-display);text-transform:uppercase;font-weight:400}.as-start-options span,.as-templates span:last-child{font-size:var(--text-sm);color:var(--color-ink-muted)}.as-start-primary a{border-color:var(--color-ink);box-shadow:inset 4px 0 0 var(--color-accent)}.as-start-primary svg{top:var(--space-4);right:var(--space-4);position:absolute}.as-start-error{max-width:var(--measure);padding:var(--space-3) var(--space-4);background:var(--color-surface);font-size:var(--text-sm);border:1px solid var(--lightningcss-light,#a33a3a)var(--lightningcss-dark,#e08a8a);border-left-width:4px}.as-start-templates{margin-top:var(--space-6)}.as-start-hint{font-size:var(--text-sm);color:var(--color-ink-muted)}.as-templates{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.as-templates strong{font-weight:600}.as-template-category{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;color:var(--color-accent-ink)}.as-notes{gap:var(--space-8);padding-block:var(--space-8);border-top:var(--border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.as-notes section{align-content:start;gap:var(--space-3);display:grid}.as-list{gap:var(--space-2);display:grid}.as-list li:before{content:"▪ ";color:var(--color-line-strong)}.as-footer{justify-content:space-between;gap:var(--space-6);padding-block:var(--space-8) var(--space-12);border-top:var(--border);flex-wrap:wrap;align-items:end;display:flex}.as-footer>div{gap:var(--space-3);display:grid}.as-footer a{gap:var(--space-2);align-items:center;display:inline-flex}.as-attribution{max-width:var(--measure);font-size:var(--text-xs);color:var(--color-ink-muted)}@media (width<=63.99rem){.as-notes{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}}.app:has(.studio-workspace,.studio-loading){height:100dvh;min-height:0}.app:has(.studio-workspace,.studio-loading) .app-main{flex-direction:column;min-height:0;display:flex}.app:has(.studio-workspace,.studio-loading) .app-main>*{flex:1}:is(.app:has(.studio-workspace,.studio-loading) .site-footer,.app:has(.studio-workspace,.studio-loading) .assistant){display:none}.studio-loading{place-content:center;gap:var(--space-4);padding:var(--space-8);font-family:var(--font-display);text-transform:uppercase;color:var(--color-ink-muted);justify-items:center;display:grid}.as-button{min-height:2.5rem;padding:0 var(--space-4);border:1px solid var(--color-ink);border-radius:var(--radius);background:var(--color-ink);color:var(--color-bg);font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;cursor:pointer}
