.portfolio-download-dialog { width: min(420px, calc(100% - 32px)); max-width: none; box-sizing: border-box; color: #eff4f4; background: #222a2d; border: 1px solid #719092; border-radius: 8px; padding: 24px; box-shadow: 0 16px 60px #0008; }
.portfolio-download-dialog::backdrop { background: #0009; }
.portfolio-download-dialog h2 { margin: 0 0 20px; font-size: 22px; }
.portfolio-download-dialog label { display: block; margin-bottom: 6px; }
.portfolio-download-dialog input { box-sizing: border-box; display: block; width: 100%; padding: 10px; color: inherit; background: #14191b; border: 1px solid #8dabad; border-radius: 4px; font: inherit; }
.portfolio-download-dialog form > div { display: flex; justify-content: flex-end; gap: 12px; margin-top: 24px; }
.portfolio-download-dialog button, .portfolio-download-link { border: 1px solid #8dabad; border-radius: 4px; background: #32484c; padding: 8px 16px; color: inherit; font: inherit; cursor: pointer; }
.portfolio-download-link { text-decoration: none !important; background: #087984; }
.portfolio-download-dialog :focus-visible { outline: 2px solid #6bf2fc; outline-offset: 3px; }