/* Phone editor controls are scoped to the authenticated device session. */
.mobile-app .editor-toolbar{width:min(440px,calc(100% - 20px));max-width:calc(100% - 20px);justify-content:space-evenly;gap:4px;padding:7px 6px;border-radius:32px;bottom:calc(10px + env(safe-area-inset-bottom))}
.mobile-app .editor-toolbar button{min-height:58px;min-width:52px;flex:1;padding:6px 8px;font:12px/1.2 Arial,sans-serif;touch-action:manipulation}
.mobile-app .editor-toolbar svg{width:25px;height:25px}
.mobile-app .post-action,.mobile-app .post-comments-link,.mobile-app .filters button{min-height:48px;min-width:48px}
.mobile-app .editor-toolbar .editor-add{flex:none;min-width:54px;width:54px;height:58px;border-radius:24px}
.mobile-app .editor-toolbar .mobile-save[data-pending=true]{color:#c4ffd6;background:#183722}
.mobile-app .editor-toolbar button:disabled{color:#68716b;opacity:.65}
.mobile-app .editor-toolbar button:focus-visible{outline:2px solid #a4efb8;outline-offset:1px}
.mobile-draft-status{position:fixed;z-index:65;bottom:calc(92px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);border:1px solid #ffffff24;border-radius:18px;padding:8px 14px;background:#101a13ed;color:#c5ebce;font:12px/1.4 Arial,sans-serif;text-align:center}
.mobile-app.inline-text-active .mobile-draft-status{display:none}
.mobile-app .inline-tools{bottom:calc(92px + env(safe-area-inset-bottom))}
.mobile-app .editor-dialog{bottom:calc(112px + env(safe-area-inset-bottom));width:min(400px,calc(100% - 24px));max-height:55svh;border-radius:26px}
.mobile-app .editor-dialog header>button{width:48px;min-height:48px;font-size:26px;flex:none}
.mobile-app .editor-dialog button,.mobile-app .editor-dialog .file-picker,.mobile-app .editor-dialog summary,.mobile-app .card .post-edit{min-height:48px;min-width:48px;font-size:14px;touch-action:manipulation}
.mobile-app .editor-dialog input,.mobile-app .editor-dialog textarea,.mobile-app .editor-dialog select{font-size:16px;min-height:48px}
.mobile-app .editor-dialog .sheet-actions{flex-wrap:wrap;justify-content:stretch}.mobile-app .editor-dialog .sheet-actions button{flex:1}
.mobile-app .post-kind-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mobile-app .post-kind-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:94px;border-radius:20px;background:#191e1b}
.post-kind-grid svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;color:#a4efb8}
.post-options{border-radius:18px;background:#161a17;padding:4px 12px}.post-options summary{display:flex;align-items:center;cursor:pointer;color:#c5d1c7;font:14px Arial,sans-serif}.post-options[open]>summary{margin-bottom:12px}.post-options .field-row{margin-bottom:12px}
.music-link{display:flex;align-items:center;min-height:48px;color:#baf2c8;font:14px Arial,sans-serif}
.mobile-app .editor-preview-label{top:auto;bottom:calc(97px + env(safe-area-inset-bottom));right:12px;font-size:8px;opacity:.7}
.mobile-app .editor-toast{bottom:calc(103px + env(safe-area-inset-bottom))}
/* YouTube stays visible while it plays; the record remains the play/pause control. */
.youtube-panel{position:fixed;right:14px;bottom:18px;width:min(360px,calc(100% - 28px));z-index:45;background:#090b0af5;color:#dcebe0;border:1px solid #ffffff26;border-radius:19px;padding:8px;box-shadow:0 8px 35px #0008;font:12px Arial,sans-serif}
.youtube-panel header{display:flex;align-items:center;justify-content:space-between;padding-left:8px;gap:8px}.youtube-panel header button{border:0;background:transparent;color:#dcebe0;width:44px;height:44px;font-size:24px;border-radius:16px}
.youtube-panel iframe{display:block;width:100%;height:202px;min-height:200px;border:0;border-radius:8px}.youtube-panel>a{display:flex;align-items:center;min-height:40px;padding:4px 8px;color:#baf2c8}.has-editor .youtube-panel{bottom:calc(101px + env(safe-area-inset-bottom));z-index:50}
@media(max-width:360px){.mobile-app .editor-toolbar button{padding-inline:5px;min-width:48px}.mobile-app .editor-toolbar .editor-add{min-width:48px;width:48px}.mobile-app .editor-dialog .field-row{grid-template-columns:1fr}}
/* The explicit Save stays visible while the fields and queue scroll. */
.editor-dialog.has-sheet-footer[open]{display:flex;flex-direction:column;overflow:hidden;max-height:min(58dvh,500px)}
.has-sheet-footer>header,.sheet-footer{flex-shrink:0}
.has-sheet-footer>.sheet-content{overflow-y:auto;min-height:0;overscroll-behavior:contain;padding-bottom:16px}
.sheet-footer{padding:12px 16px 16px;background:#0c100d;border-top:1px solid #ffffff18;display:flex;flex-direction:column;gap:10px}
.sheet-footer .sheet-help{font-size:13px;line-height:1.4;margin:0}
.sheet-footer .sheet-error{max-height:90px;overflow-y:auto;margin:0}
.sheet-footer .primary{min-height:50px;font-size:16px}
.mobile-app .post-options>div{display:flex;flex-direction:column;gap:12px;padding-bottom:12px}
