/* Stage one shell: persistent navigation around the unmodified legacy editors. */
.stlg-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:start;min-width:0}
.stlg-shell .stlg-detail[hidden]{display:none}
.stlg-shell .stlg-selection{transition:none;min-width:0}
.stlg-shell .stlg-detail{transition:none;min-width:0}
.stlg-shell.stlg-state-detail .stlg-workspace{grid-template-columns:96px minmax(0,1fr)}
.stlg-shell.stlg-state-detail .stlg-selection{
    position:sticky;top:24px;display:block;opacity:1;max-height:none;padding:8px;
    margin:0;border:1px solid var(--stlg-line);border-radius:20px;transform:none;
    pointer-events:auto;background:var(--stlg-panel);overflow:hidden
}
body.admin-bar .stlg-shell.stlg-state-detail .stlg-selection{top:56px}
.stlg-shell.stlg-state-detail .stlg-selection-head{display:none}
.stlg-shell.stlg-state-detail .stlg-card-grid{
    position:relative;display:flex;flex-direction:column;gap:10px;
    max-height:calc(100dvh - 120px);overflow-y:auto;overflow-x:hidden;
    padding:2px;scrollbar-width:thin;overscroll-behavior:contain
}
.stlg-shell.stlg-state-detail .stlg-card{
    position:relative;display:block;flex:0 0 auto;width:100%;min-width:0;
    padding:5px;border-radius:14px;box-shadow:none;transform:none;
    transition:background-color .18s ease,border-color .18s ease
}
.stlg-shell.stlg-state-detail .stlg-card-media{aspect-ratio:1;border-radius:9px}
.stlg-shell.stlg-state-detail .stlg-card-media img{object-fit:contain}
.stlg-shell.stlg-state-detail .stlg-card-placeholder{font-size:1.05rem}
.stlg-shell.stlg-state-detail .stlg-card-body{display:none}
.stlg-shell.stlg-state-detail .stlg-card.is-active{
    background:rgba(var(--stlg-brand-rgb),.16);border-color:var(--stlg-brand);
    box-shadow:inset 3px 0 0 var(--stlg-brand)
}
.stlg-shell .stlg-card:focus-visible{outline:3px solid var(--stlg-brand);outline-offset:-3px}
.stlg-shell.stlg-state-detail .stlg-detail{padding:0;overflow:visible;max-height:none}
.stlg-shell .stlg-shape{min-width:0;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
.stlg-shell .stlg-detail-title:focus{outline:none}
.stlg-nav-flight{display:block;overflow:hidden}
.stlg-nav-flight img{width:100%;height:100%;object-fit:contain;display:block}
.stlg-nav-flight .stlg-card-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:1rem}
@media(max-width:820px){
    .stlg-shell{padding:14px;gap:18px;border-radius:22px;min-width:0}
    .stlg-shell.stlg-state-detail .stlg-workspace{grid-template-columns:minmax(0,1fr);gap:16px}
    .stlg-shell.stlg-state-detail .stlg-selection{position:static;padding:6px;border-radius:16px}
    .stlg-shell.stlg-state-detail .stlg-card-grid{flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;gap:8px}
    .stlg-shell.stlg-state-detail .stlg-card{width:64px;padding:4px;border-radius:12px}
    .stlg-shell.stlg-state-detail .stlg-card.is-active{box-shadow:inset 0 -3px 0 var(--stlg-brand)}
    .stlg-shell .stlg-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}
    .stlg-shell .stlg-shape{padding:14px;border-radius:18px}
}
@media(prefers-reduced-motion:reduce){
    .stlg-shell *, .stlg-shell *::before, .stlg-shell *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}