/* Quiet editing surfaces, aligned with the crew feed. */
#detail:has(.thumbnail-editor){width:min(620px,94vw);padding:0 24px 20px;border:0!important;border-radius:0;background:#0b0b0b;overflow-x:hidden;max-height:90dvh}
#detail:has(.thumbnail-editor)>.close{position:sticky;float:right;top:10px;right:0;margin:10px -8px -54px 0;z-index:6;border:0!important;background:transparent!important}
.thumbnail-heading{position:sticky;top:0;z-index:5;background:#0b0b0bf5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 44px 18px 0;margin:0;border-bottom:1px solid #ffffff18}
#detail .thumbnail-heading h2{font-size:19px;line-height:1.4;font-weight:500;letter-spacing:-.025em;margin:0}
#detail .thumbnail-heading button{min-height:44px;padding:0 8px!important;color:#eee;font-size:14px;border:0!important;background:none!important}
#detail .thumbnail-help{font-size:12px;line-height:1.7;color:#999;margin:14px 0 18px}
#thumb-form{display:grid;gap:20px;max-width:none;width:100%}
#detail .thumbnail-upload{display:grid;place-items:center;position:relative;aspect-ratio:4/3;width:100%;height:auto;max-height:340px;overflow:hidden;padding:0!important;border:0!important;background:#141414!important;border-radius:0;cursor:pointer;min-width:0}
.thumbnail-upload>img{display:block;width:100%;height:100%;max-height:340px;object-fit:contain}
.thumbnail-change{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:18px;background:#000b;color:#eee;font-size:11px}.thumbnail-change svg{width:18px;height:18px}
.thumbnail-empty{display:grid;justify-items:center;gap:12px;padding:35px;color:#aaa;font-size:13px}.thumbnail-empty svg{width:34px;height:34px}
#detail .thumbnail-library h3{font-size:12px;line-height:1.6;font-weight:400;color:#aaa;margin:0 0 10px}
.thumbnail-editor .thumbnail-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:240px;overflow-y:auto;padding:2px;scrollbar-width:thin}
#detail .thumbnail-options button{position:relative;display:block;aspect-ratio:1;padding:0!important;min-height:0;min-width:0;border:0!important;background:#141414!important;overflow:hidden;opacity:.68;transition:opacity .2s}
.thumbnail-editor .thumbnail-options img{display:block;width:100%;height:100%;object-fit:cover}
#detail .thumbnail-options button[aria-pressed=true]{opacity:1;outline:1px solid #eee;outline-offset:1px}.thumbnail-options button[aria-pressed=true]::after{content:'✓';position:absolute;right:5px;top:5px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#eee;color:#111;font-size:12px}
.thumbnail-tools{display:flex;align-items:center;justify-content:center;gap:12px;margin:0;color:#555}
#detail .thumbnail-tools button{border:0!important;background:none!important;padding:0 4px!important;min-height:44px;font-size:12px;color:#aaa}
#thumb-status{margin:0;font-size:12px;line-height:1.7;color:#c6b281}#thumb-status:empty{display:none}
#detail.composer-dialog{border:0!important;padding:24px;max-height:92dvh}.composer-dialog .content-composer{margin-top:18px;gap:18px}
#detail .content-composer input:not([type=file]):not([type=checkbox]),#detail .content-composer textarea,#detail .content-composer select{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:10px 0!important;color:#ddd;font-family:inherit;min-width:0;width:100%}
#detail .content-composer input:focus-visible,#detail .content-composer textarea:focus-visible{outline:0!important;box-shadow:0 1px 0 #777!important}
#detail .content-composer select{height:46px;min-height:46px;line-height:1.4;padding-right:26px!important;color-scheme:dark;border-bottom:1px solid #ffffff25!important;font-size:14px}
.content-composer .composer-category{width:100%;max-width:300px;font-size:12px;gap:2px;margin:0}.content-composer .composer-date{margin-top:4px;font-size:12px;gap:2px}.content-composer .composer-date input{min-height:46px;color-scheme:dark}
.content-composer .composer-media{padding:0 0 18px;border-top:0;gap:12px}.content-composer .composer-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px}.content-composer .composer-preview.is-empty{grid-template-columns:1fr}
#detail .content-composer .unified-picker{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;aspect-ratio:1;min-height:150px;margin:0;padding:16px;box-sizing:border-box;border:0;background:#141414;font-size:12px!important;color:#aaa;cursor:pointer}.content-composer .unified-picker svg{width:30px;height:30px}.content-composer .composer-preview.is-empty .unified-picker{aspect-ratio:16/9;max-height:300px}.content-composer .unified-picker input{position:absolute;inset:0;opacity:0;height:100%;width:100%;padding:0!important;cursor:pointer}
.content-composer .composer-preview figure{padding:0;border:0}.content-composer .composer-preview img,.content-composer .composer-preview video{aspect-ratio:1;height:auto;max-height:none;object-fit:contain;background:#141414}.content-composer .composer-preview figcaption{margin:0;min-height:40px;align-items:center}.content-composer .composer-english{margin:0;padding:12px 0}.composer-english[open]{display:grid;gap:16px}.content-composer>.actions{gap:16px;align-items:center;justify-content:flex-end;border-top:1px solid #ffffff18;margin:0}.content-composer>.actions button{border:0!important;background:none!important;min-height:44px;min-width:64px;padding:8px!important;color:#aaa}.content-composer>.actions button[type=submit]{color:#fff!important;font-weight:500}.content-composer textarea{resize:vertical}.content-composer .composer-body textarea{min-height:180px}
@media(max-width:600px){#detail:has(.thumbnail-editor){width:100%;max-width:100%;max-height:94dvh;padding:0 16px max(16px,env(safe-area-inset-bottom))}.thumbnail-heading{padding-right:42px}.thumbnail-editor .thumbnail-options{max-height:228px}.thumbnail-upload>img{max-height:280px}#detail.composer-dialog{width:100%;max-width:100%;padding:20px 16px;max-height:94dvh}.composer-dialog #detail-body>h2{font-size:23px;margin:18px 0}.content-composer .composer-category{max-width:none}.content-composer input,.content-composer select,.content-composer textarea{font-size:16px!important}.content-composer .composer-title input{font-size:25px!important}.content-composer .composer-preview{gap:8px}.content-composer .composer-preview figcaption{gap:4px;flex-wrap:wrap}.content-composer .composer-preview.is-empty .unified-picker{min-height:190px}}