.chi-viewer{width:min(100%,1280px);margin:24px auto 38px;background:#061d33;border-radius:22px;overflow:hidden;box-shadow:0 20px 50px rgba(4,24,38,.2);font-family:Inter,Arial,sans-serif}
.chi-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;background:linear-gradient(100deg,#0c4a3e,#075d77);color:#fff;border-top:5px solid #f3bc3d}
.chi-header span{display:block;color:#34d4e7;font-size:13px;font-weight:800;letter-spacing:.08em}.chi-header strong{display:block;font-size:20px;margin-top:4px}
.chi-actions{display:flex;gap:10px;flex-wrap:wrap}.chi-actions a,.chi-actions button,.chi-footer button,.chi-download{border:1px solid rgba(255,255,255,.55);border-radius:10px;padding:10px 14px;background:rgba(0,0,0,.16);color:#fff!important;font-weight:750;text-decoration:none;cursor:pointer}
.chi-stage{background:#031422;display:grid;place-items:center;aspect-ratio:16/9}.chi-stage img{display:block;width:100%;height:100%;object-fit:contain}
.chi-footer{display:flex;align-items:center;justify-content:center;gap:18px;padding:15px 22px;background:#fff;color:#061d33}.chi-footer button{background:#0878c9;border-color:#0878c9}.chi-download{margin-left:auto;background:#0c4a3e;border-color:#0c4a3e}
.chi-viewer:fullscreen{width:100vw;height:100vh;border-radius:0;margin:0;display:flex;flex-direction:column}.chi-viewer:fullscreen .chi-stage{flex:1;min-height:0}
.chi-page{margin:0;background:#031422}.chi-page .chi-viewer{width:100vw;max-width:none;height:100vh;margin:0;border-radius:0;display:flex;flex-direction:column}.chi-page .chi-stage{flex:1;min-height:0}
@media(max-width:720px){.chi-header{align-items:flex-start;flex-direction:column}.chi-actions{width:100%}.chi-actions a,.chi-actions button{flex:1}.chi-footer{gap:8px;flex-wrap:wrap}.chi-download{width:100%;margin:0;text-align:center}}