.pnl-dialog { width:min(960px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); box-sizing:border-box; margin:auto; padding:24px; border:1px solid #424738; border-radius:20px; background:#0d1318; color:#eef1e8; overflow:auto; box-shadow:0 30px 120px #000b; font-family:Sora, sans-serif; }
.pnl-dialog::backdrop { background:#030609d9; backdrop-filter:blur(8px); }
.pnl-top { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.pnl-eyebrow { font:600 10px 'Chivo Mono',monospace; letter-spacing:.13em; color:#c5d090; }
.pnl-top h2 { margin:5px 0 0; font:800 27px Cinzel,Georgia,serif; }
.pnl-close { width:44px; height:44px; border:1px solid #353e45; border-radius:12px; color:#d2d9dc; background:#192128; font-size:28px; cursor:pointer; }
.pnl-owner,.pnl-note { color:#a8b1b5; font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.pnl-preview { position:relative; aspect-ratio:1600/1066; overflow:hidden; border:1px solid #3b433a; border-radius:12px; background:#080e12; }
.pnl-preview img { display:block; width:100%; height:100%; object-fit:contain; }
.pnl-preview img[hidden],.pnl-dialog [hidden] { display:none; }
.pnl-loading { position:absolute; inset:0; display:grid; place-items:center; background:#080e12bd; color:#d0dfa1; font-size:14px; }
.pnl-options { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:18px; }
.pnl-options label { display:grid; gap:7px; min-width:0; font-size:12px; color:#aab6ba; }
.pnl-options select { min-width:0; width:100%; min-height:44px; padding:8px 30px 8px 12px; border:1px solid #35414a; border-radius:8px; background:#151e25; color:#edf1df; font:600 12px Sora,sans-serif; }
.pnl-status { min-height:18px; margin:12px 0; font-size:12px; color:#c9d3af; }
.pnl-actions { display:flex; gap:10px; justify-content:flex-end; flex-wrap:wrap; }
.pnl-download[aria-disabled] { pointer-events:none; opacity:.45; }
.pnl-dialog :focus-visible { outline:2px solid #d2ff39; outline-offset:3px; }
.pnl-note { font-size:10px; margin-bottom:0; }
.ha-card > .pnl-result-button { display:flex; width:calc(100% - 24px); margin:10px 12px; min-height:40px; }
.pnl-download-icon { width:18px; height:18px; flex:none; }
.pnl-result-button[hidden],.ca-vic-download[hidden],.ca-pnl[hidden],#bt-pnl[hidden],#ha-pot-pnl[hidden] { display:none !important; }
.jp-result-actions { flex-wrap:wrap; }
.jp-result-actions .pnl-result-button { flex-basis:100%; }
.bt-history-foot .pnl-result-button { font-size:10px; min-height:40px; }
#ha-pot-pnl { pointer-events:auto; margin:0; }
@media(min-width:800px) { .pnl-dialog { width:min(1100px,calc(100vw - 32px)); } .pnl-body { display:grid; grid-template-columns:minmax(0,1fr)220px; gap:20px; align-items:start; } .pnl-options { margin-top:0; grid-template-columns:1fr; } .pnl-actions .pnl-download { width:100%; } .pnl-note { margin-top:18px; } }
@media(max-width:600px) { .pnl-dialog { padding:16px; border-radius:16px; } .pnl-top h2 { font-size:22px; } .pnl-options { grid-template-columns:1fr; gap:12px; } .pnl-actions .pnl-download { width:100%; min-height:48px; } .pnl-owner { font-size:11px; } }