.layout{background:var(--bg);display:block;min-height:100vh;min-height:100dvh;position:relative;z-index:1}.topbar-left{gap:16px;min-width:0}.topbar-left,.topbar-right{align-items:center;display:flex}.topbar-right{flex-shrink:0;gap:8px}.topbar-right:empty{display:none}.error{border:1px solid;border-radius:0;box-shadow:var(--sh-sm);font-size:var(--text-sm);line-height:1.5;margin:0;overflow:hidden;padding:14px 16px;position:relative}.error:before{content:"";inset:0 auto 0 0;position:absolute;width:4px}.error{background:color-mix(in srgb,var(--err-bg) 88%,var(--surface));border-color:color-mix(in srgb,var(--err) 28%,transparent);color:var(--err-tx)}.error:before{background:var(--err)}.grid{display:grid;gap:var(--sp-4)}.preview-link-btn{align-items:center;background:color-mix(in srgb,var(--accent) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 40%,var(--bd));border-radius:var(--r-ctl);color:var(--accent-tx);display:inline-flex;font-size:14px;font-weight:600;gap:5px;margin-left:auto;padding:6px 12px;text-decoration:none;transition:background .12s;white-space:nowrap}.preview-link-btn:hover{background:color-mix(in srgb,var(--accent) 20%,var(--surface))}.monitor-screen{background:#050508;border-radius:2px;height:100%;overflow:hidden;position:relative;width:100%}.monitor-video{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media(max-width:1280px){.topbar-right{flex-shrink:1;flex-wrap:wrap;justify-content:flex-start;max-width:100%;min-width:0}}@media(max-width:640px){.topbar-right{align-items:stretch;flex-direction:column}}