.studio{min-height:100dvh;font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-bg);margin:0}.skip-link{position:absolute;inset-block-start:1rem;inset-inline-start:1rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.studio__shell{min-height:100dvh;display:grid}.studio__nav{padding:var(--space-6);background:var(--color-bg-inverse);color:var(--color-text-inverse)}.studio__brand{font-family:var(--font-serif);font-size:var(--text-2xl);color:inherit;text-decoration:none;display:block}.studio__status{margin:var(--space-3) 0 var(--space-6);font-size:var(--text-xs);color:var(--color-text-inverse-muted)}.studio__status[data-writable=yes]{color:var(--color-accent-on-dark)}.studio__site-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);margin-block-end:var(--space-5);display:inline-flex}.studio__site-badge--maintenance{color:#fde68a;background:#d9770633;border:1px solid #d9770666}.studio__site-badge--active{color:#bbf7d0;background:#16a34a33;border:1px solid #16a34a66}.studio-status-dot{border-radius:var(--radius-full);width:.5rem;height:.5rem}.studio__site-badge--maintenance .studio-status-dot{background:#f59e0b}.studio__site-badge--active .studio-status-dot{background:#22c55e}.studio__nav nav{gap:var(--space-2);flex-direction:column;display:flex}.studio__nav a{color:var(--color-text-inverse-muted);font-size:var(--text-sm);text-decoration:none}.studio__nav a:hover,.studio__langs a:hover,.studio__langs a[aria-current=page]{color:var(--color-text-inverse)}.studio__langs{gap:var(--space-3);margin:0 0 var(--space-6);font-size:var(--text-sm);display:flex}.studio__langs a{color:var(--color-text-inverse-muted);text-decoration:none}.studio__langs a[aria-current=page]{font-weight:var(--weight-semibold)}.studio__main{padding:var(--space-8)}.studio__kicker{font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-muted)}.studio__top h1{margin:var(--space-2) 0 var(--space-8);font-family:var(--font-serif);font-size:var(--text-3xl)}.studio-grid{gap:var(--space-4);display:grid}.studio-card{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:inherit;text-decoration:none;display:block}.studio-card:hover{border-color:var(--color-accent-border)}.studio-card strong{margin-block-end:var(--space-1);display:block}.studio-card span{font-size:var(--text-sm);color:var(--color-text-muted)}.studio-note{padding:var(--space-4);border-inline-start:3px solid var(--color-accent);background:var(--color-accent-soft);font-size:var(--text-sm);margin-block-end:var(--space-6)}.studio-actions{gap:var(--space-3);flex-wrap:wrap;margin-block-end:var(--space-6);display:flex}.studio-field,.studio-block{gap:var(--space-2);flex-direction:column;margin-block-end:var(--space-5);display:flex}.studio-field label,.studio-block>p{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.studio-hint{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--weight-regular)}.studio-field input,.studio-field textarea,.studio-field select{width:100%;font:inherit;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);padding:.7rem .85rem;font-size:1rem}.studio-repeat{gap:var(--space-3);padding:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.studio-item{padding:var(--space-4);background:var(--color-surface-muted);border-radius:var(--radius-md)}.studio-toolbar{justify-content:space-between;gap:var(--space-3);margin-block-end:var(--space-2);display:flex}.studio-toast{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-success-bg);color:var(--color-success);margin-block-end:var(--space-4);position:sticky;inset-block-start:var(--space-4)}.studio-toast[data-kind=error]{background:var(--color-danger-bg);color:var(--color-danger)}.studio-toast[hidden]{display:none}@media (width>=56rem){.studio__shell{grid-template-columns:16rem minmax(0,1fr)}.studio-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}}