#queue-drawer { position: fixed; top: 66px; right: 16px; bottom: 22px; width: min(410px, calc(100vw - 32px)); z-index: 35; overflow: auto; padding: 18px; background: #17212bee; color: #ecf0f3; border: 1px solid #546371; border-radius: 10px; box-shadow: 0 8px 38px #0006; }
#queue-drawer[hidden] { display: none; }
#queue-panel h2 { font-size: 21px; margin: 6px 0 9px; }
#queue-panel p { line-height: 1.4; }
#queue-panel button { cursor: pointer; }
.queue-muted { color: #afbdc9; font-size: 12px; }
.queue-area { border-top: 1px solid #50606e; padding: 12px 0; }
.queue-area > summary { font-size: 15px; font-weight: 650; cursor: pointer; line-height: 1.5; }
.queue-focus { margin-top: 10px; padding: 6px 10px; border: 1px solid #728593; border-radius: 4px; color: #ddecf7; background: #253643; }
.queue-note { font-size: 12px; }
.queue-building { margin: 10px 0; padding: 10px; border: 1px solid #455564; border-radius: 6px; background: #202e39; }
.queue-building.is-selected { border-color: #e8bc73; box-shadow: 0 0 0 1px #e8bc73; }
.queue-building-open { display: block; text-align: left; border: 0; background: transparent; color: #f8e0aa; padding: 0 0 7px; font: inherit; font-size: 14px; }
.queue-state { display: inline-block; padding: 2px 7px; border-radius: 9px; background: #415363; font-size: 11px; }
.queue-queued { background: #625339; }.queue-researching { background: #305d77; }.queue-modeling { background: #4f4f82; }.queue-reviewing { background: #645365; }.queue-published { background: #326553; }.queue-held { background: #733f3f; }
.queue-owner { display: block; margin-top: 6px; color: #aebbc5; overflow-wrap: anywhere; }
.queue-questions { margin: 8px 0; padding-left: 18px; font-size: 12px; line-height: 1.5; color: #d4c3ab; }
.queue-active-note { font-size: 12px; font-weight: 650; color: #9dcce7; }
.queue-sources summary, .queue-later > summary { cursor: pointer; font-size: 12px; }
.queue-source-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.queue-source { min-width: 0; padding: 5px; font-size: 11px; background: #15222b; overflow-wrap: anywhere; }
.queue-source img { width: 100%; height: 105px; object-fit: contain; background: #111a21; }
.queue-source small { display: block; padding-top: 4px; }
.queue-source p { margin: 6px 0; }
.queue-source a, .queue-sources > a { color: #b9d9ee; font-size: 11px; }
.queue-later { padding: 15px 0; }
@media(max-width: 600px) { #queue-drawer { top: 82px; right: 8px; width: calc(100vw - 50px); bottom: 10px; padding: 15px; } }

.queue-pause { padding: 10px; border: 1px solid #ae8c52; background: #493d27; color: #ffe1a6; font-size: 13px; border-radius: 5px; }