.export-dialog{border:1px solid var(--line);width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);background:var(--canvas);overscroll-behavior:contain;border-radius:16px;margin:auto;padding:20px;overflow:auto;box-shadow:0 24px 64px #05100a2e}.export-dialog[open]{animation:export-dialog-enter var(--dur-base,.3s) var(--ease-soft) both}.export-dialog::backdrop{animation:export-backdrop-enter var(--dur-base,.3s) var(--ease-soft) both;background:#05100a61}.export-dialog[data-closing=true]{animation:export-dialog-leave var(--dur-fast,.2s) var(--ease-soft) both;pointer-events:none}.export-dialog[data-closing=true]::backdrop{animation:export-backdrop-leave var(--dur-fast,.2s) var(--ease-soft) both}.export-dialog__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.export-dialog__header>div{min-width:0}.export-dialog__header h2{font:750 1.25rem/1.3 var(--sans);letter-spacing:-.025em;overflow-wrap:anywhere;margin:0}.export-dialog__header p{color:var(--muted);font:500 .75rem/1.5 var(--sans);margin:6px 0 0}.export-dialog__close{width:48px;height:48px;color:var(--muted);font:400 28px/1 var(--sans);cursor:pointer;background:0 0;border:0;border-radius:14px;flex-shrink:0;place-items:center;margin:-10px -10px 0 0;display:grid}.export-dialog :is(button,a,input,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.export-dialog :is(button,a){transition:color var(--dur-fast),background var(--dur-fast),transform var(--dur-fast) var(--ease-soft)}.export-dialog :is(button,a):active{transform:scale(.98)}@media (hover:hover){.export-dialog__close:hover{background:var(--soft);color:var(--ink)}}@keyframes export-dialog-enter{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}@keyframes export-dialog-leave{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(8px)scale(.99)}}@keyframes export-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes export-backdrop-leave{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.export-dialog,.export-dialog::backdrop{transition:none!important;animation:none!important}}html[data-motion=reduce] .export-dialog,html[data-motion=reduce] .export-dialog::backdrop{transition:none!important;animation:none!important}
