.console-gallery{background:#080d15;color:#f5f8ff;border-block:1px solid #26354b;padding-block:80px}
.console-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:32px}.console-intro h2{color:#b4ceff;font-size:clamp(32px,4vw,54px);line-height:1.12;margin-bottom:22px}.console-intro p{color:#becce0;max-width:680px;margin:0}.console-intro>a{flex-shrink:0;color:#b4ceff}
.console-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.console-gallery button{font:inherit;cursor:pointer;color:#e9f2ff;border:1px solid #45546b;background:#142032;border-radius:24px;min-height:44px;padding:10px 18px;line-height:1.3}.console-gallery button:hover{background:#26384f}.console-gallery button[aria-pressed=true]{background:#b4ceff;color:#10233d;border-color:#b4ceff}.console-gallery :focus-visible{outline:3px solid #b4ceff;outline-offset:4px}.console-gallery button:active{transform:translateY(1px)}
.console-viewer{border:1px solid #37485e;border-radius:20px;background:#111b29;overflow:hidden}.console-slide{margin:0}.console-slide[hidden],.console-gallery [hidden]{display:none!important}.console-screen{display:flex;background:#e9edf1;justify-content:center;align-items:center;min-height:200px}.console-screen img{display:block;max-width:100%;width:auto;height:auto;max-height:680px}.is-enhanced .console-screen{aspect-ratio:16/10}.is-enhanced .console-screen img{width:100%;height:100%;object-fit:contain;max-height:none}.console-slide figcaption{padding:28px 32px 12px;min-height:175px}.console-category{font-size:12px;color:#b4ceff;letter-spacing:.09em;text-transform:uppercase}.console-slide h3{font-size:clamp(23px,2.4vw,32px);margin:10px 0;color:#f5f8ff}.console-slide p{color:#bdcce0;max-width:850px;font-size:16px;line-height:1.65;margin:0}.console-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 32px 24px}.console-toolbar>div{display:flex;gap:8px;flex-shrink:0}.console-status{font-size:13px!important;color:#b4ceff!important;margin:0!important}.console-thumbs{display:flex;gap:12px;overflow:auto;padding:20px 32px 28px;border-top:1px solid #334258;scrollbar-color:#6d8db9 #111b29}.console-thumbs button{border-radius:10px;flex:0 0 160px;text-align:left;padding:6px;background:#182437}.console-thumbs img{width:146px;height:82px;object-fit:contain;background:#e9edf1;border-radius:5px;display:block}.console-thumbs span{display:block;font-size:12px;line-height:1.4;padding:8px 4px;min-height:44px}.console-note{font-size:13px;line-height:1.65;color:#aabbd2;max-width:900px;margin-top:20px}.console-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:36px;margin-top:36px;border-top:1px solid #334258}.console-cta h3{font-size:26px;color:#f5f8ff;margin:0 0 12px}.console-cta p{color:#bdcce0;margin:0}.console-cta .button{background:#b4ceff;color:#10233d;white-space:nowrap}.console-cta .button:hover{background:#fff}
.console-modal{width:96vw;max-width:1800px;height:94dvh;max-height:94dvh;padding:0;background:#101925;color:#fff;border:1px solid #56667e;border-radius:16px}.console-modal[open]{display:flex;flex-direction:column}.console-modal::backdrop{background:#02060ded}.console-modal-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 24px;border-bottom:1px solid #334258}.console-modal-bar>div{display:flex;gap:8px}.console-modal-bar strong{font-size:18px}.console-modal-image{overflow:auto;flex:1;min-height:0;display:grid;place-items:center;background:#e9edf1}.console-modal-image img{display:block;width:100%;height:100%;object-fit:contain;min-height:0}.is-zoomed .console-modal-image{display:block}.is-zoomed .console-modal-image img{width:auto;height:auto;max-width:none}.console-modal-footer{display:flex;align-items:center;gap:24px;padding:14px 24px}.console-modal-footer p{font-size:14px;color:#bdcce0;flex:1;margin:0}.console-modal-open{overflow:hidden}
@media(max-width:760px){.console-gallery{padding-block:48px}.console-intro{display:block}.console-intro>a{display:inline-block;margin-top:20px}.console-filters{flex-wrap:nowrap;overflow:auto;padding:4px 2px 10px}.console-filters button{flex-shrink:0;font-size:14px;padding-inline:14px}.console-viewer{border-radius:12px}.console-slide figcaption{padding:20px 18px 12px;min-height:220px}.console-slide p{font-size:15px}.console-toolbar{padding:8px 18px 18px;flex-direction:column;align-items:stretch;gap:12px}.console-toolbar>div{justify-content:space-between}.console-toolbar button{font-size:14px}.console-thumbs{padding:16px 18px}.console-thumbs button{flex-basis:132px}.console-thumbs img{width:118px;height:70px}.console-cta{display:block}.console-cta .button{margin-top:24px;white-space:normal}.console-modal-bar{padding:12px;align-items:flex-start}.console-modal-bar strong{font-size:14px}.console-modal-bar>div{flex-direction:column}.console-modal button{font-size:12px;padding:8px 12px}.console-modal-footer{padding:12px;gap:10px}.console-modal-footer p{font-size:12px}.console-modal{width:calc(100vw - 16px);height:96dvh;max-height:96dvh}.console-screen{min-height:0}}
@media(prefers-reduced-motion:reduce){.console-gallery *{scroll-behavior:auto!important;transition:none!important}}