.viewbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 12px}.view-switch{display:inline-flex;border:1px solid #405249;border-radius:3px;overflow:hidden}.view-switch button{border:0;background:transparent;color:#a9baac;font-size:11px;font-weight:700;padding:10px 18px;cursor:pointer}.view-switch button.active{background:var(--accent);color:#18231a}.zoom-tools{display:flex;align-items:center;gap:10px;color:#aebead;font-size:11px}.zoom-tools input{accent-color:var(--accent);width:130px}.zoom-tools span{color:var(--accent);min-width:115px;text-align:right;font-variant-numeric:tabular-nums}.poster-hint{font-size:11px;color:var(--muted);line-height:1.55;margin:0 0 12px;max-width:900px}.poster-viewport{overflow:auto;max-height:1000px;border:1px solid #354640;background:#0e1718;overscroll-behavior:contain}.poster-board{min-width:100%;min-height:120px;padding:30px;display:flex;align-items:flex-end;align-content:flex-start;flex-wrap:wrap;gap:16px;background-image:linear-gradient(#1a2725 1px,transparent 1px),linear-gradient(90deg,#1a2725 1px,transparent 1px);background-size:32px 32px}.poster-ship{position:relative;display:flex;align-items:flex-end;justify-content:center;flex:0 0 auto;min-width:16px;min-height:24px;padding:0;border:0;background:transparent;cursor:pointer}.poster-ship img{display:block;max-width:none;height:auto}.poster-ship:hover img,.poster-ship:focus-visible img{filter:drop-shadow(0 0 4px #d5eb9a)}.poster-ship:hover:before,.poster-ship:focus-visible:before{content:'';position:absolute;inset:-5px;border:1px solid var(--accent);pointer-events:none}.poster-tip{position:absolute;bottom:calc(100% + 8px);left:0;display:none;width:max-content;max-width:240px;padding:8px 10px;background:var(--accent);color:#142019;font-weight:700;font-size:10px;text-align:left;z-index:2;pointer-events:none}.poster-ship:hover .poster-tip,.poster-ship:focus-visible .poster-tip{display:block}.poster-ship img.img-failed{visibility:hidden}.poster-ship:has(img.img-failed):after{content:'×';position:absolute;color:#82998a;bottom:0;font-size:14px}.poster-viewport[hidden],.grid[hidden],.poster-hint[hidden],.zoom-tools[hidden]{display:none}.poster-board:empty{min-height:0}@media(max-width:700px){.viewbar{align-items:flex-start;flex-direction:column;gap:12px}.poster-board{padding:20px;gap:12px}.poster-viewport{max-height:700px}.zoom-tools input{width:110px}}
.poster-board { padding-bottom: 65px; }
.poster-tip { top: calc(100% + 8px); bottom: auto; }
.poster-ship:hover, .poster-ship:focus-visible { z-index: 3; }