.selection-png-trigger-row { flex-shrink:0; padding:0 3px 8px; }
.selection-png-open { width:100%; min-height:44px; padding:9px 12px; border:1px solid #dce4f0; border-radius:8px; background:#f7f9ff; color:#345cff; font:inherit; font-size:11px; font-weight:600; cursor:pointer; }
.selection-png-open:disabled { opacity:.5; cursor:default; }
.selection-png-open:focus-visible,.selection-png-button:focus-visible,.selection-png-close:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }
.selection-png-dialog { border:1px solid #dce4f0; border-radius:16px; padding:0; width:min(610px,calc(100vw - 32px)); max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px); background:#fff; color:#26374c; box-shadow:0 22px 90px #22334c30; }
.selection-png-dialog::backdrop { background:#192b435c; }
.selection-png-shell { display:flex; flex-direction:column; max-height:calc(100dvh - 34px); min-height:0; }
.selection-png-header { flex-shrink:0; display:flex; justify-content:space-between; align-items:flex-start; gap:14px; padding:22px 22px 16px; border-bottom:1px solid #e7edf5; }
.selection-png-header h2 { font-size:19px; line-height:1.5; margin:0; outline:none; }
.selection-png-header p { margin:7px 0 0; font-size:12px; line-height:1.8; color:#718096; }
.selection-png-close { flex:none; width:44px; min-height:44px; border:1px solid #dce4ef; border-radius:8px; background:#fff; font:inherit; font-size:22px; color:#728198; cursor:pointer; }
.selection-png-body { overflow:auto; min-height:0; padding:18px 22px 22px; }
.selection-png-summary { margin:0 0 8px; font-size:13px; font-weight:600; line-height:1.7; }
.selection-png-note { margin:0 0 18px; color:#718096; font-size:11px; line-height:1.8; }
.selection-png-field { display:flex; flex-direction:column; gap:8px; font-size:12px; color:#5f6f86; }
.selection-png-field input { min-height:44px; min-width:0; width:100%; padding:10px 12px; border:1px solid #d5deed; border-radius:8px; font:inherit; background:#fff; color:#26374c; }
.selection-png-field input:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }
.selection-png-status { margin:14px 0 0; font-size:12px; line-height:1.8; color:#5e708b; }
.selection-png-footer { flex-shrink:0; display:flex; justify-content:flex-end; gap:10px; padding:15px 22px; border-top:1px solid #e7edf5; }
.selection-png-button { display:inline-flex; justify-content:center; align-items:center; min-height:44px; padding:10px 15px; border:1px solid #dce4f0; border-radius:8px; background:#fff; color:#5f7089; font:inherit; font-size:12px; font-weight:600; cursor:pointer; }
.selection-png-button:disabled { opacity:.5; cursor:default; }
.selection-png-primary { background:var(--blue,#345cff); border-color:var(--blue,#345cff); color:#fff; }
.selection-png-primary:hover:not(:disabled),.selection-png-primary:focus-visible:not(:disabled) { background:var(--blue-dark,#244bd4); border-color:var(--blue-dark,#244bd4); color:#fff; }
.selection-png-primary:active:not(:disabled) { background:#1d3fbc; border-color:#1d3fbc; color:#fff; }
.selection-png-result { margin-top:18px; padding-top:17px; border-top:1px solid #e7edf5; }
.selection-png-result h3 { margin:0 0 8px; font-size:14px; }
.selection-png-info { margin:0 0 12px; font-size:11px; color:#718096; line-height:1.7; overflow-wrap:anywhere; }
.selection-png-actions { display:flex; flex-wrap:wrap; gap:9px; }
.selection-png-figure { display:flex; justify-content:center; margin:15px 0 0; padding:12px; border:1px solid #e0e6ef; border-radius:8px; background-color:#fff; background-image:repeating-conic-gradient(#e5e9f0 0% 25%,#fff 0% 50%); background-size:16px 16px; }
.selection-png-figure img { display:block; max-width:100%; max-height:260px; object-fit:contain; }
.selection-png-dialog[hidden],.selection-png-dialog [hidden] { display:none!important; }
@media(max-width:480px) { .selection-png-header,.selection-png-body { padding-left:16px; padding-right:16px; } .selection-png-footer { padding:12px 16px; } .selection-png-header h2 { font-size:17px; } }