.player-notes-panel { min-width: 0; padding-bottom: 20px; }
.handouts-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.handouts-header h1 { font: 500 26px/1.3 Georgia, serif; margin: 8px 0 12px; }
.handouts-intro, .handouts-hint { font-size: 12px; color: var(--muted); line-height: 1.65; }
.handouts-workspace { min-width: 0; }
.handouts-library-tools { display: grid; gap: 10px; margin-bottom: 16px; }
.handouts-library-tools button { justify-self: start; }
.player-notes-panel :is(input:not([type=checkbox]):not([type=file]),select,textarea) { width: 100%; min-width: 0; box-sizing: border-box; background: var(--map-background); color: var(--text); border: 1px solid var(--border); padding: 10px 12px; border-radius: 7px; font: 13px/1.5 system-ui,sans-serif; }
.player-notes-panel :is(input,select,textarea):focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.player-notes-panel textarea { resize: vertical; min-height: 200px; }
#handouts-list { display: grid; gap: 7px; margin-bottom: 24px; }
#handouts-list button { display: block; height: auto; padding: 12px; border: 1px solid var(--border); border-radius: 7px; text-align: left; background: var(--inset); color: var(--text); white-space: normal; }
#handouts-list button[aria-current=true] { background: var(--selected-background); color: var(--selected-text); border-color: var(--accent); }
#handouts-list strong { display: block; font-size: 13px; line-height: 1.5; }
#handouts-list span { display: block; font-size: 11px; opacity: .8; margin-top: 5px; line-height: 1.4; }
.handouts-document { min-width: 0; }
.handouts-document > h2 { font: 500 24px/1.35 Georgia,serif; margin: 18px 0; }
#handouts-form { display: grid; gap: 9px; }
#handouts-form > label, .handouts-sharing > label { font-size: 12px; color: var(--muted); }
.handouts-sharing { display: grid; gap: 8px; padding: 14px; margin: 6px 0 12px; background: var(--inset); border: 1px solid var(--border); border-radius: 9px; }
.handouts-sharing fieldset { min-width: 0; border: 0; padding: 8px 0 0; margin: 0; }
.handouts-sharing legend { font-size: 12px; padding: 0; }
#handouts-recipient-list { display: flex; flex-wrap: wrap; gap: 10px 20px; }
#handouts-recipient-list label { display: flex; align-items: center; gap: 8px; font-size: 13px; padding: 5px 0; }
#handouts-recipient-list input { accent-color: var(--accent); width: 17px; height: 17px; }
.handouts-edit-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0; }
.handouts-edit-actions button { height: auto; padding: 9px 12px; }
.handouts-preview-box { border-top: 1px solid var(--border); margin-top: 24px; padding-top: 16px; }
.handouts-preview-box summary { cursor: pointer; font-size: 13px; color: var(--muted); }
.handouts-asset-link { display: inline-block; margin: 10px 0; color: var(--accent); font-size: 13px; }
.handouts-popout .app-shell { display: block; overflow: auto; background: var(--surface); }
.handouts-popout .player-notes-panel { box-sizing: border-box; max-width: 1250px; padding: 30px; margin: 0 auto; }
.handouts-popout .handouts-workspace { display: grid; grid-template-columns: 240px minmax(0,1fr); gap: 30px; margin-top: 22px; }
.handouts-popout .handouts-header h1 { font-size: 32px; }
.handouts-popout .handouts-library { position: sticky; top: 20px; align-self: start; max-height: calc(100dvh - 40px); overflow-y: auto; }
.handouts-popout .notes-prose { font-size: 15px; }
@media(max-width:720px) { .handouts-popout .player-notes-panel { padding: 22px 16px; } .handouts-popout .handouts-workspace { display: block; } .handouts-popout .handouts-library { position: static; max-height: 210px; margin-bottom: 25px; } }