body{background:#edf4fc}
#svs-bag-preview{--page:#edf4fc;--panel:#fff;--ink:#143552;--quiet:#46627c;--line:#b9cfe5;--green:#255b91;--on-green:#fff;--soft:#e2edf9;--warning:#85551f}
#svs-bag-preview header{background:#07365b;border-radius:12px;padding:16px 20px;color:#fff}
#svs-bag-preview header h2{color:#fff;margin-bottom:0}
#svs-bag-preview header .eyebrow{color:#c4ddf4}
#svs-bag-preview header .tag{color:#123d67;background:#d8e8fa}
#svs-bag-preview .castle-option:has(input:checked){border-color:var(--green);background:var(--soft)}
#svs-bag-preview .castle-option input[type=radio]{accent-color:var(--green)}
#svs-bag-preview .field-help{font-size:.9em;line-height:1.5;margin:6px 0 14px}
#svs-bag-preview .code-visibility{display:flex;gap:10px;align-items:center;margin:12px 0 18px;min-height:44px}
#svs-bag-preview .code-visibility input[type=checkbox]{width:22px;height:22px;min-height:22px;margin:0;accent-color:var(--green)}
#svs-bag-preview .original-recovery{margin:22px 0;padding:14px 0;border-top:1px solid var(--line)}
#svs-bag-preview .original-recovery summary{cursor:pointer;min-height:44px}
#svs-bag-preview #back-to-prep{margin-top:18px}
#svs-bag-preview #pilot-access-form{margin-top:18px}
#svs-bag-preview [hidden]{display:none!important}
.reader-dialog{color:#143552;background:#f5f9fe;border-color:#b9cfe5}
.reader-dialog button{background:#255b91}
.reader-dialog fieldset,.reader-dialog input[type=number]{border-color:#b9cfe5}

#svs-bag-preview .photo-reading-actions{margin:12px 0 16px}
#svs-bag-preview .item-sprite{width:48px;height:48px;flex:0 0 48px;border-radius:9px}
#svs-bag-preview .item-sprite>span{transform:scale(.8);transform-origin:center}
#svs-bag-preview .example-sheet{width:80%;max-width:280px;opacity:.85}
#svs-bag-preview details:focus-within>.example-sheet,#svs-bag-preview .example-sheet:hover{opacity:1}
#svs-bag-preview .event-picker{display:block;max-width:480px;margin:22px 0 24px;font-weight:600}
#svs-bag-preview .event-picker select{display:block;box-sizing:border-box;width:100%;min-height:48px;margin-top:10px;padding:12px;font-weight:400}

#svs-bag-preview header{gap:16px;align-items:flex-start}
#svs-bag-preview header>div{min-width:0;flex:1}
#svs-bag-preview header .tag{flex:0 0 auto;max-width:45%;white-space:normal;text-align:center}
#svs-bag-preview .active-backpack{display:flex;flex-direction:column;gap:3px;margin-top:12px;overflow-wrap:anywhere;line-height:1.4}
#svs-bag-preview .active-backpack-label,#svs-bag-preview #active-player-game-id{font-size:.82em;color:#c4ddf4}
#svs-bag-preview #active-player-name{font-size:1.05em;color:#fff}