.initial-shell{background:var(--app-shell-bg);min-height:100dvh;color:var(--app-text-primary);font-family:Inter,sans-serif}.initial-shell-header{border-bottom:1px solid var(--app-border);background:var(--app-surface);justify-content:space-between;align-items:center;gap:1rem;min-height:3.5rem;padding:.75rem 1.5rem;display:flex}.initial-shell-brand{color:var(--app-text-primary);letter-spacing:-.025em;align-items:center;gap:.6rem;font-size:.875rem;font-weight:650;text-decoration:none;display:inline-flex}.initial-shell-brand svg,.initial-shell-preview svg{color:var(--app-text-primary);margin:0}.initial-shell-brand:focus-visible,.initial-shell-link:focus-visible{outline:2px solid var(--app-focus-ring);outline-offset:5px;border-radius:2px}.initial-shell-section,.initial-shell-eyebrow,.initial-shell-nav-label{color:var(--app-text-secondary);letter-spacing:.09em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.initial-shell-workspace{grid-template-columns:12rem minmax(0,1fr);min-height:calc(100dvh - 3.5rem);display:grid}.initial-shell-sidebar{border-right:1px solid var(--app-border);padding:1.5rem 1.25rem}.initial-shell-nav-group{gap:1.1rem;margin-bottom:2rem;display:grid}.initial-shell-main{min-width:0;padding:2.5rem clamp(1rem,4vw,4rem)}.initial-shell-intro h1,.initial-shell-error h1{letter-spacing:-.035em;margin:.5rem 0 .75rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;line-height:1.2}.initial-shell-status{color:var(--app-text-secondary);align-items:center;gap:.5rem;font-size:.8125rem;line-height:1.5;display:flex}.initial-shell-status-dot{background:var(--app-text-secondary);border-radius:50%;flex-shrink:0;width:.4rem;height:.4rem}.initial-shell-content{border:1px solid var(--app-border);border-radius:var(--radius);background:var(--app-surface);margin-top:2rem;overflow:hidden}.initial-shell-placeholder{background:var(--app-surface-muted);border-radius:3px;width:75%;max-width:16rem;height:.55rem;display:block}.initial-shell-short{width:45%;max-width:7rem}.initial-shell-toolbar{border-bottom:1px solid var(--app-border);justify-content:space-between;align-items:center;gap:2rem;min-height:3.5rem;padding:1rem 1.25rem;display:flex}.initial-shell-row{grid-template-columns:2.5rem minmax(0,1fr) minmax(0,.35fr);align-items:center;gap:1.25rem;min-height:4.5rem;padding:1rem 1.25rem;display:grid}.initial-shell-row+.initial-shell-row{border-top:1px solid var(--app-border)}.initial-shell-thumbnail{background:var(--app-surface-muted);border-radius:4px;width:2.5rem;height:2.5rem}.initial-shell-page{max-width:64rem;margin:0 auto}.initial-shell[data-initial-shell=auth] .initial-shell-page{max-width:31rem;padding-top:clamp(0rem,6vh,4rem)}.initial-shell-form{gap:.875rem;padding:1.75rem;display:grid}.initial-shell-field{height:var(--input-height);border:1px solid var(--app-border);background:var(--app-surface-muted);border-radius:4px;margin-bottom:.75rem;display:block}.initial-shell-submit{margin:.25rem 0 0}.initial-shell-preview{background:var(--app-surface-muted);flex-direction:column;justify-content:center;align-items:center;gap:1.75rem;min-height:19rem;display:flex}.initial-shell-preview .initial-shell-placeholder{background:var(--app-border);width:5rem}.initial-shell-error{max-width:40rem;margin:0 auto;padding:clamp(3rem,12vh,8rem) 1.5rem}.initial-shell-error>p{color:var(--app-text-secondary);margin:1rem 0;font-size:.875rem;line-height:1.6}.initial-shell-error-actions{flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem;display:flex}.initial-shell-link{color:var(--link-fg);text-underline-offset:3px;font-size:.875rem;font-weight:600;text-decoration:underline}.initial-shell-link:hover{color:var(--link-hover-fg)}.initial-shell-noscript{border-top:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text-secondary);margin:0;padding:1rem 1.5rem;font:.875rem/1.5 Inter,sans-serif}html[data-editframe-scripts=true] .initial-shell-noscript{display:none}@media (max-width:1023px){.initial-shell-workspace{grid-template-columns:minmax(0,1fr)}.initial-shell-sidebar{display:none}}@media (max-width:479px){.initial-shell-header{padding-left:1rem;padding-right:1rem}.initial-shell-section{font-size:.625rem}.initial-shell-main{padding-top:2rem}.initial-shell-row{gap:.75rem}.initial-shell-preview{min-height:14rem}}
