.pack-view-entry{margin:18px 0;padding:16px;border:1px solid #c2b18a;border-radius:12px;background:#f6f1e5;display:flex;align-items:center;justify-content:space-between;gap:16px}
.pack-view-entry p{margin:0;font-size:13px;line-height:1.5;color:#40543d}.pack-view-entry strong{display:block;font-size:15px;color:#203e33;margin-bottom:3px}.pack-view-entry button{flex:none;min-height:44px;padding:10px 16px;font:inherit;font-size:13px;border-radius:8px}
#view-my-pack[aria-busy=true]::before{content:'';display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:middle;margin-right:8px;animation:pack-gallery-spin 1s linear infinite}
#pack-gallery{position:fixed;inset:0;transform:none;margin:auto;width:min(1060px,calc(100vw - 24px));height:min(920px,calc(100dvh - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:18px;background:#faf7ee;color:#203e33;border:1px solid #b79b63;border-radius:18px;box-sizing:border-box;overflow:auto}
#pack-gallery[open]{display:grid;grid-template-rows:auto auto auto auto minmax(150px,1fr) auto auto auto;gap:10px}
#pack-gallery .pack-gallery-header{grid-row:1}#pack-gallery-summary{grid-row:2}#pack-gallery-warning{grid-row:3}#pack-gallery .pack-gallery-toolbar{grid-row:4}#pack-gallery-stage{grid-row:5}#pack-gallery .pack-gallery-navigation{grid-row:6}#pack-gallery-file{grid-row:7}#pack-gallery footer{grid-row:8}
#pack-gallery::backdrop{background:#203e33b3;backdrop-filter:blur(5px)}
#pack-gallery *{box-sizing:border-box}#pack-gallery [hidden]{display:none!important}
.pack-gallery-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.pack-gallery-header p{font-size:10px;letter-spacing:1.2px;margin:0 0 5px}.pack-gallery-header h2{font-family:Georgia,serif;font-size:29px;font-weight:400;margin:0}
#pack-gallery button{font:inherit;font-size:13px;min-height:44px;padding:8px 12px;border:1px solid #b79b63;border-radius:8px;cursor:pointer}
#pack-gallery button:disabled{opacity:.45;cursor:default}#pack-gallery :is(button,select):focus-visible{outline:3px solid #4d7153;outline-offset:3px}
#pack-gallery-summary,#pack-gallery-warning,#pack-gallery-file,#pack-gallery-position{margin:0;font-size:13px;line-height:1.45}
#pack-gallery-warning{padding:8px;background:#f9e6c8;border-radius:8px}
.pack-gallery-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:end}.pack-gallery-toolbar label{min-width:0;font-size:12px;display:grid;gap:5px}
.pack-gallery-toolbar select{font:inherit;font-size:16px;color:#203e33;background:#fffdf6;width:100%;min-width:0;min-height:44px;padding:6px;border:1px solid #b5bba8;border-radius:7px}
#pack-gallery-stage{position:relative;min-height:0;height:100%;overflow:auto;background:repeating-conic-gradient(#eeeadd 0% 25%,#fffdf6 0% 50%) 0/20px 20px;border:1px solid #d5d3c4;border-radius:10px}
#pack-gallery-image{display:block;width:100%;height:100%;object-fit:contain;margin:auto}
#pack-gallery-stage.is-actual #pack-gallery-image{max-width:none;max-height:none;width:auto;height:auto;margin:0}
#pack-gallery-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#faf7eeed;font-size:14px}
#pack-gallery-stage[aria-busy=true] #pack-gallery-loading::before{content:'';width:20px;height:20px;border:2px solid #b79b63;border-right-color:transparent;border-radius:50%;animation:pack-gallery-spin 1s linear infinite}
.pack-gallery-navigation{display:flex;align-items:center;justify-content:center;gap:12px}.pack-gallery-navigation p{min-width:85px;text-align:center}#pack-gallery-zoom{margin-left:auto}
#pack-gallery-file{overflow-wrap:anywhere;color:#53614b;font-size:12px}
#pack-gallery footer{margin:0;padding:10px 0 0;border-top:1px solid #d5d3c4;display:flex;justify-content:space-between;align-items:center;gap:12px;background:transparent;font-family:inherit}
#pack-gallery footer p{margin:0;max-width:50ch;font-size:12px;line-height:1.5}#pack-gallery footer button{flex:none}
@keyframes pack-gallery-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){
 .pack-view-entry{align-items:stretch;flex-direction:column;gap:10px}.pack-view-entry button{width:100%}
 #pack-gallery{width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);padding:10px;border-radius:12px}
 #pack-gallery[open]{gap:7px;grid-template-rows:auto auto auto auto minmax(140px,1fr) auto auto auto}
 .pack-gallery-header h2{font-size:24px}.pack-gallery-header p{display:none}#pack-gallery-summary{font-size:11px}
 .pack-gallery-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.pack-gallery-toolbar button{grid-column:1/-1}
 #pack-gallery footer p{display:none}#pack-gallery footer{justify-content:flex-end;padding-top:6px}
 #pack-gallery button{font-size:12px;padding:7px 9px}.pack-gallery-navigation{gap:6px}
}
@media(max-height:500px){#pack-gallery[open]{grid-template-rows:auto auto auto auto minmax(140px,1fr) auto auto auto;height:calc(100dvh - 12px);max-height:calc(100dvh - 12px)}.pack-gallery-header p{display:none}#pack-gallery footer p{display:none}}
@media(prefers-reduced-motion:reduce){#view-my-pack[aria-busy=true]::before,#pack-gallery-loading::before{animation:none!important}}