body.studio-desktop .lr-window-actions .lr-popout-button { width: auto; padding: 0 7px; white-space: nowrap; }
body.studio-desktop.editor-popout { margin: 0; padding: 0; min-width: 280px; height: 100dvh; overflow: hidden; background: #19232e; color: #dce7ef; }
.popout-shell { height: 100%; display: flex; flex-direction: column; }
.popout-header { flex: 0 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; padding: 12px 14px; border-bottom: 1px solid #405266; background: #1c2733; }
.popout-brand { font-size: 10px; color: #a9bbce; letter-spacing: .06em; }
.popout-header h1 { flex: 1 1 180px; margin: 0; font-size: 15px; line-height: 1.3; overflow-wrap: anywhere; }
.popout-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.popout-actions button { background: #2d3e50; color: #e0e9f3; border: 1px solid #52667e; border-radius: 4px; padding: 7px 10px; font: inherit; font-size: 11px; cursor: pointer; }
.popout-actions .popout-return { color: #18311e; background: #a8dfa6; border-color: #b8e7b6; }
.popout-actions button:hover { filter: brightness(1.12); }
.popout-actions button:focus-visible { outline: 2px solid #bae7b8; outline-offset: 2px; }
body.studio-desktop .popout-body { flex: 1 1 auto; min-height: 0; width: 100%; padding: 14px; overflow: auto; container-type: inline-size; }
.popout-footer { flex: 0 0 auto; display: block; margin: 0; padding: 9px 14px; border-top: 1px solid #405266; background: #1c2733; color: #9fb5c9; font-size: 10px; line-height: 1.5; letter-spacing: 0; }
@media (max-width: 520px) { .popout-header { gap: 8px; } .popout-brand { width: 100%; } .popout-actions { width: 100%; } body.studio-desktop .popout-body { padding: 9px; } }