.manual-preview{padding:14px;border:1px solid #24536b;border-radius:20px;background:#03111c;box-shadow:0 35px 100px rgba(0,0,0,.42)}.manual-controls{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 16px}.manual-controls button{font:inherit;font-size:12px;font-weight:800;color:#b5d5e7;background:#071c2b;border:1px solid #28526c;border-radius:999px;padding:9px 15px;cursor:pointer}.manual-controls button:hover,.manual-controls button.active{color:#eaffff;border-color:#29ddf5;background:#0a3447}.manual-controls button:focus-visible,.manual-heading a:focus-visible{outline:2px solid #27ddff;outline-offset:3px}.manual-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 10px 18px}.manual-heading span{font-size:10px;letter-spacing:.1em;color:#65d9ed;font-weight:800}.manual-heading h3{font-size:22px;margin:5px 0}.manual-heading p{color:#a0bdcc;margin:0;font-size:13px}.manual-heading a{flex:none;color:#7cecff;font-size:12px;text-decoration:underline}.manual-preview img{display:block;width:100%;height:auto;border:1px solid #21516b;border-radius:12px}.manual-foot{margin:14px 8px 3px;color:#9cb9c7;font-size:12px}@media(max-width:600px){.manual-preview{padding:10px}.manual-heading{align-items:flex-start;flex-direction:column}.manual-controls button{flex:1;padding:9px 7px;font-size:11px}.manual-heading h3{font-size:19px}}
