.preview-page{padding-top:54px;padding-bottom:64px}.preview-page>h1{font-size:clamp(32px,4vw,54px);margin:10px 0 14px}.preview-page>.lead{max-width:800px;margin-bottom:32px}.preview-workspace{display:grid;grid-template-columns:252px minmax(0,1fr);gap:24px;align-items:start}.preview-menu{display:flex;flex-direction:column;gap:8px;position:sticky;top:100px}.preview-feature{display:flex;align-items:center;gap:12px;width:100%;padding:17px 14px;text-align:left;border:1px solid #292d38;border-radius:10px;background:#10131b;color:#c3c7d0;font:600 14px system-ui;cursor:pointer;transition:background .15s,border-color .15s}.preview-feature>span:nth-child(2){flex:1}.preview-feature.active{background:linear-gradient(110deg,#441b28,#191721);border-color:#d74459;color:#fff}.preview-feature:hover{border-color:#c44657}.preview-number{font:12px ui-monospace,monospace;color:#d16b79}.preview-main{background:#0d1017;border:1px solid #2a2e39;border-radius:16px;overflow:hidden;min-width:0}.preview-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:25px 26px 20px}.preview-title .eyebrow{font-size:11px;margin:0 0 8px}.preview-title h2{font-size:clamp(21px,2.2vw,30px);margin:0}.preview-counter{color:#999fab;font:13px ui-monospace,monospace;white-space:nowrap}.preview-image-button{display:block;position:relative;width:100%;padding:0;border:0;background:#080a0d;cursor:zoom-in;overflow:hidden}.preview-image-button img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.preview-zoom{position:absolute;bottom:14px;right:14px;background:#10131ee8;border:1px solid #727888;padding:8px 12px;border-radius:7px;color:white;font:12px system-ui}.preview-description{padding:22px 26px 10px}.preview-description p{line-height:1.7;color:#bdc3d0;margin:0 0 16px}.preview-description small{display:block;color:#858d9d;margin:16px 0}.preview-tags{display:flex;gap:8px;flex-wrap:wrap}.preview-tags span{font:12px system-ui;border:1px solid #313644;border-radius:20px;padding:7px 11px;color:#e1c889}.preview-controls{display:flex;justify-content:space-between;gap:12px;padding:12px 26px 24px}.preview-controls button{font-size:13px}.preview-controls button:disabled{opacity:.35;cursor:default}.preview-note{max-width:940px;color:#8b93a3;font-size:13px;line-height:1.7;margin:24px 0}.preview-feature:focus-visible,.preview-image-button:focus-visible,#previewClose:focus-visible{outline:3px solid #f4bc6b;outline-offset:-3px}#previewLightbox{padding:44px 12px 14px;border:1px solid #65554a;border-radius:12px;background:#080a0e;color:#fff;width:min(96vw,1600px);max-width:96vw;max-height:94vh;overflow:auto}#previewLightbox::backdrop{background:#000d;backdrop-filter:blur(5px)}#previewLarge{display:block;width:100%;height:auto;max-height:77vh;object-fit:contain}#previewClose{position:absolute;right:10px;top:7px;background:#232632;color:#fff;border:1px solid #555b6d;border-radius:6px;padding:6px 12px;cursor:pointer}#previewCaption{text-align:center;font-size:13px;color:#b3bac8;margin:12px 0 0}@media(max-width:850px){.preview-workspace{grid-template-columns:1fr}.preview-menu{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.preview-feature{padding:12px 10px;font-size:12px;gap:8px}.preview-title,.preview-description{padding:18px}.preview-controls{padding:8px 18px 18px}.preview-page{padding-top:30px}.preview-zoom{font-size:10px;right:7px;bottom:7px}}@media(prefers-reduced-motion:reduce){.preview-feature{transition:none}}