/* The separate preview reads the same draft without changing wizard state. */
.standalone-preview { width:100%;max-width:540px; }
/* Match the attachment layout in the fourth-step preview, including albums. */
#standalone-preview-media { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:8px;min-width:0; }
#standalone-preview-media:empty { display:none; }
#standalone-preview-media > :only-child { grid-column:1/-1; }
#standalone-preview-media img,#standalone-preview-media video { display:block;width:100%;max-width:100%;height:auto;max-height:350px;object-fit:contain;margin:0;border-radius:5px;background:#161b21; }
html[data-theme="light"] #standalone-preview-media img,html[data-theme="light"] #standalone-preview-media video { background:#f5f2eb; }
#view-preview .preview-back { margin-top:24px; }
.sidebar-status { align-self:flex-start;margin:17px 7px 0;max-width:100%; }
.sidebar .workspace-label { margin-top:43px; }
.mobile-identity { display:none; }
.language-flags { display:flex;align-items:center;gap:4px;direction:ltr;flex-shrink:0; }
.language-flag { display:grid;place-items:center;width:35px;height:39px;padding:4px;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer; }
.language-flag svg { display:block;width:26px;height:18px;overflow:hidden;border-radius:3px;box-shadow:0 0 0 1px #0003; }
.language-flag:hover { background:var(--accent-soft); }
.language-flag[aria-pressed="true"] { border-color:var(--gold);background:var(--accent-soft); }
.language-flag:focus-visible { outline:2px solid var(--gold);outline-offset:2px; }
@media(max-width:700px){
 .topbar { min-height:76px;height:auto;padding:9px 14px;gap:8px; }
 .mobile-identity { display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:3px; }
 .mobile-identity .mobile-brand { display:flex; }
 html[data-theme] .mobile-status { display:inline-flex;width:auto;height:auto;min-height:16px;border:0;background:transparent;padding:1px 0;gap:5px;font-size:9px;line-height:1.4;white-space:nowrap; }
 .topbar-actions { gap:4px;flex-wrap:nowrap;margin-inline-start:auto; }
 .language-flags { gap:1px; }
 .language-flag { width:29px;height:38px;padding:3px; }
 .language-flag svg { width:23px;height:16px; }
 .topbar-actions .theme-toggle { width:36px;height:36px;min-width:36px;min-height:36px;flex-basis:36px; }
 .topbar-actions #install-button { width:36px;height:36px; }
 .standalone-preview { max-width:100%; }
}
@media(max-width:360px){
 .topbar { padding-inline:9px;gap:4px; }
 .mobile-brand { font-size:11px;gap:5px; }
 .mobile-brand img { width:27px;height:27px; }
 .language-flag { width:26px;padding:2px; }
 .language-flag svg { width:21px;height:15px; }
 .topbar-actions .theme-toggle,.topbar-actions #install-button { width:32px;height:32px;min-width:32px;min-height:32px; }
 .topbar-actions .theme-toggle { flex-basis:32px; }
}