#zyphoria>img,#noctureon>img{object-fit:contain;background:#080d1b;width:100%}.sample-section{scroll-margin-top:110px}.sample-jump{display:flex;gap:20px;flex-wrap:wrap;margin:24px 0}.sample-card{border:1px solid #344059;border-radius:12px;padding:24px;margin:28px 0;scroll-margin-top:110px}.sample-reader{max-width:900px;margin:20px auto;outline-offset:5px}.sample-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0}.sample-controls button{font:inherit;color:inherit;background:#172239;border:1px solid #53637e;border-radius:6px;padding:12px;cursor:pointer}.sample-controls button:disabled{opacity:.4;cursor:default}.sample-stage{position:relative;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background:#080d1b}.sample-stage img{display:block;width:100%;height:auto;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.sample-card>.button{display:block;width:fit-content;max-width:100%;white-space:normal}.sample-reader:focus-visible{outline:2px solid #e6c67c}@media(max-width:600px){.sample-card{padding:12px}.sample-controls{font-size:13px;gap:6px}.sample-controls button{padding:10px 8px}}@media print{.sample-section,.sample-reader,.sample-stage{display:none!important;visibility:hidden!important}}
.reader-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:16px 0;font-size:14px}.reader-tools button,.reader-tools select{font:inherit;background:#172239;color:#f3f6fc;border:1px solid #53637e;border-radius:6px;padding:10px;min-height:44px}.sample-stage{overflow:auto;max-height:80vh;-webkit-overflow-scrolling:touch}.sample-stage img{max-width:none;width:var(--sample-width,100%)}.sample-reader .sample-controls{position:sticky;top:85px;z-index:4;background:#080d1b;padding:10px 0}.sample-card.reader-expanded{position:fixed;inset:0;z-index:100;overflow:auto;margin:0;border-radius:0;background:#080d1b;padding:24px}.sample-card.reader-expanded .sample-reader{max-width:1050px}.sample-card.reader-expanded .sample-controls{top:0}.sample-card.reader-expanded .sample-stage{max-height:70vh}@media(max-width:600px){.reader-tools{gap:10px}.sample-card.reader-expanded{padding:12px}.sample-stage{max-height:70vh}}@media print{.sample-card.reader-expanded{display:none!important}}