.diamwolf_pwa_links_dialog {
    box-sizing: border-box;
    width: min(100%, 1100px);
    height: 100%;
    height: 100dvh;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    padding: 0;
    border: 0;
    background: #fffdf6;
    color: #1f2c2c;
}
.diamwolf_pwa_links_dialog[open] { display: flex; flex-direction: column; }
.diamwolf_pwa_links_dialog::backdrop { background: #0009; }
.diamwolf_pwa_links_toolbar {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    padding: max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) 8px max(8px, env(safe-area-inset-left));
    background: #0b3947;
    color: #fff;
}
.diamwolf_pwa_links_title { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.diamwolf_pwa_links_dialog button, .diamwolf_pwa_links_dialog .diamwolf_pwa_links_open {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 8px 12px;
    border: 1px solid #2f7775;
    border-radius: 6px;
    background: #fffdf6;
    color: #1f2c2c;
    font: inherit;
    text-decoration: none;
    cursor: pointer;
}
.diamwolf_pwa_links_frame { flex: 1; min-height: 0; width: 100%; border: 0; background: #fff; }
.diamwolf_pwa_links_status { padding: 8px; margin: 0; }
.diamwolf_pwa_links_status[hidden] { display: none; }
/* 原生 modal 上下皆定位為 0，height:auto 會填滿可用高度；外站提示只需包住內容。 */
.diamwolf_pwa_links_external { width: min(calc(100% - 24px), 460px); height: fit-content; max-height: calc(100dvh - 24px); }
.diamwolf_pwa_links_external_body { padding: 16px; overflow: auto; }
.diamwolf_pwa_links_external_url { overflow-wrap: anywhere; }
.diamwolf_pwa_links_actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
.diamwolf_pwa_links_external .diamwolf_pwa_links_open { background: #0b3947; color: #fff; }