.jc-dialog{--jc-paper:#f4f4e9;--jc-soft:#b6c7c0;--jc-rule:#c6d7cf26;box-sizing:border-box;width:min(1280px,calc(100vw - 48px));max-width:1280px;max-height:calc(100dvh - 48px);padding:26px 30px 24px;border:1px solid #c6d7cf3d;background:#0b2023;color:var(--jc-paper);box-shadow:0 20px 80px #0006;overflow:auto;overscroll-behavior:contain;scrollbar-color:#839d94 #0b2023}
.jc-dialog *, .jc-dialog *::before,.jc-dialog *::after{box-sizing:border-box}
.jc-dialog::backdrop{background:#041417a6;backdrop-filter:blur(10px)}
.jc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.jc-heading{min-width:0}.jc-eyebrow{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--jc-soft)}.jc-title{font-family:var(--serif);font-size:37px;line-height:1.15;letter-spacing:-.035em;font-weight:400;margin:10px 0 0}.jc-close{display:grid;place-items:center;flex:none;width:44px;min-height:44px;border:1px solid var(--jc-rule);background:none;color:inherit;font-size:25px;font-weight:300;padding:0}.jc-intro{font-size:12px;line-height:1.75;color:var(--jc-soft);margin:15px 0 24px}
.jc-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-top:1px solid var(--jc-rule);padding-top:18px;margin-bottom:24px}.jc-select-group{display:flex;flex-direction:column;gap:9px;min-width:0;width:min(380px,100%)}.jc-select-label{font-size:10px;color:var(--jc-soft)}.jc-select{width:100%;min-height:44px;padding:10px 32px 10px 12px;border:1px solid #c6d7cf65;border-radius:0;background:#0b2023;color:var(--jc-paper);font:inherit;font-size:12px;color-scheme:dark}.jc-pair-actions{display:flex;gap:10px;flex-wrap:wrap}.jc-button{min-height:44px;padding:11px 15px;border:1px solid #c6d7cf50;border-radius:0;background:none;color:var(--jc-paper);font:inherit;font-size:11px;line-height:1.5}.jc-button:hover,.jc-close:hover{background:#c8d9cb13;border-color:#c8d9cb70}.jc-dialog button:disabled,.jc-select:disabled{opacity:.4;cursor:default}.jc-dialog :is(button,select):focus-visible{outline:2px solid #dce9cf;outline-offset:3px}
.jc-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.jc-pane{min-width:0;margin:0}.jc-frame{display:flex;align-items:center;justify-content:center;height:clamp(260px,48dvh,600px);background:#07191c;border:1px solid #c6d7cf12}.jc-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.jc-dialog [hidden]{display:none!important}.jc-caption{padding-top:16px}.jc-name{font-family:var(--serif);font-size:27px;font-weight:400;line-height:1.2;letter-spacing:-.025em;margin:8px 0 9px;overflow-wrap:anywhere}.jc-tags{font-size:9px;line-height:1.6;color:var(--jc-soft);margin:0 0 10px}.jc-tags:empty{display:none}.jc-load{min-height:18px;font-size:10px;line-height:1.6;color:var(--jc-soft);margin:0}.jc-pane-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.jc-pane-actions:has(>[hidden]):not(:has(>button:not([hidden]))){display:none}.jc-notice{font-size:11px;line-height:1.6;color:var(--jc-soft);margin:20px 0 0}.jc-notice:empty{display:none}
@media(max-width:700px){.jc-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:21px 18px 23px}.jc-title{font-size:32px}.jc-eyebrow{font-size:8px}.jc-controls{align-items:stretch;flex-direction:column;gap:14px;margin-bottom:22px}.jc-select-group{width:100%}.jc-pair-actions{gap:8px}.jc-pair{grid-template-columns:minmax(0,1fr);gap:28px}.jc-frame{height:clamp(250px,52dvh,520px)}.jc-name{font-size:25px}.jc-caption{padding-top:13px}.jc-intro{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.jc-dialog,.jc-dialog *{scroll-behavior:auto}}