dialog.export-dialog{background:var(--paper);width:100%;max-width:100%;max-height:94dvh;color:var(--ink);overscroll-behavior:contain;border:0;border-radius:18px 18px 0 0;margin:auto auto 0;padding:0;overflow-y:auto;box-shadow:0 -24px 60px -24px #10141c73}dialog.export-dialog::backdrop{background:var(--scrim)}.export-inner{padding:0 20px calc(20px + var(--safe-bottom));gap:18px;display:grid}.export-head{z-index:2;background:var(--paper);justify-content:space-between;align-items:center;margin-right:-10px;padding:14px 0 0;display:flex;position:sticky;top:0}.export-head h2{font-size:1.5rem;font-weight:560}.export-lead{color:var(--ink-2);margin-top:-10px;font-size:.92rem}.export-field{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.export-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding:0;font-size:.75rem;font-weight:700}.export-formats{justify-self:start}.export-hint{color:var(--ink-3);font-size:.85rem}.export-papers{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.export-paper{cursor:pointer;text-align:center;justify-items:center;gap:6px;display:grid;position:relative}.export-paper input,.export-tint input{opacity:0;pointer-events:none;position:absolute}.paper-swatch{aspect-ratio:210/297;background-color:var(--swatch-tint,#fff);width:100%;max-width:76px;transition:box-shadow .16s var(--ease), transform .16s var(--ease);border-radius:3px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #1b21302e,0 6px 14px -8px #1b213059}.paper-lines{position:absolute;inset:0}.paper-seyes .paper-lines{background:linear-gradient(90deg,#0000 13px,#d64040b3 13px 14px,#0000 14px),repeating-linear-gradient(0deg,#4664be73 0 1px,#0000 1px 8px),repeating-linear-gradient(0deg,#4664be29 0 1px,#0000 1px 2px),repeating-linear-gradient(90deg,#4664be29 0 1px,#0000 1px 8px)}.paper-squared .paper-lines{background:linear-gradient(90deg,#0000 10px,#d64040a6 10px 11px,#0000 11px),repeating-linear-gradient(0deg,#4664be47 0 1px,#0000 1px 4px),repeating-linear-gradient(90deg,#4664be47 0 1px,#0000 1px 4px)}.paper-graph .paper-lines{background:repeating-linear-gradient(0deg,#e178288c 0 1px,#0000 1px 10px),repeating-linear-gradient(90deg,#e178288c 0 1px,#0000 1px 10px),repeating-linear-gradient(0deg,#e1782833 0 1px,#0000 1px 2px),repeating-linear-gradient(90deg,#e1782833 0 1px,#0000 1px 2px)}.paper-swatch:after{content:"";background:repeating-linear-gradient(0deg,#1b21308c 0 1.5px,#0000 1.5px 6px);height:34%;position:absolute;top:18%;left:22%;right:14%;-webkit-mask-image:linear-gradient(90deg,#000 70%,#0000);mask-image:linear-gradient(90deg,#000 70%,#0000)}.export-paper-name{color:var(--ink-2);font-size:.8rem;font-weight:600;line-height:1.25}.export-paper:has(input:checked) .paper-swatch{box-shadow:0 0 0 2px var(--accent), 0 8px 18px -8px #1b213073;transform:translateY(-2px)}.export-paper:has(input:checked) .export-paper-name{color:var(--ink)}.export-paper:has(input:focus-visible) .paper-swatch{outline:2px solid var(--accent);outline-offset:3px}.export-tints{flex-wrap:wrap;gap:10px;display:flex}.export-tint{background:var(--swatch-tint);cursor:pointer;width:34px;height:34px;transition:box-shadow .16s var(--ease);border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px #1b213038}.export-tint:has(input:checked){box-shadow:inset 0 0 0 1px #1b213038, 0 0 0 2px var(--paper), 0 0 0 4px var(--accent)}.export-tint:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:4px}.tint-white{--swatch-tint:#fff}.tint-ivory{--swatch-tint:#fdf9ec}.tint-yellow{--swatch-tint:#fff8cc}.tint-blue{--swatch-tint:#e6f1fb}.tint-green{--swatch-tint:#e7f5e8}.tint-pink{--swatch-tint:#fceaee}.export-error{margin:0}.export-go{justify-self:stretch;gap:8px;min-height:48px}@media (min-width:640px){dialog.export-dialog{border-radius:16px;width:520px;max-height:min(92dvh,820px);margin:auto}.export-inner{padding:0 26px 24px}}