.export-intro{display:grid;gap:28px}.export-intro h2{margin:0}.export-intro .section-copy{max-width:34ch;font-size:var(--type-copy)}.export-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:96px;align-items:start}.export-mode-picker{--editor-tabs-height:36px;--editor-tabs-gap:24px;margin-top:48px}.export-mode-captions{display:grid}.export-mode-caption{grid-area:1 / 1;margin-top:0}.export-mode-caption:not([data-active]){visibility:hidden}.export-mode-caption h3{margin-top:0}.export-mode-caption p{max-width:34ch}.export-mode-caption .export-formats{margin-top:24px;font-size:var(--type-caption);color:var(--feature-part-name)}.export-panel-frame{min-width:0;margin-top:124px}.export-showcase.app-dialog{position:relative;inset:auto;width:100%;max-width:none;max-height:none;margin:0;border-radius:0;background:var(--c-clear)}.export-showcase .dialog-card{max-height:none;padding:0;overflow:visible;gap:var(--s-8)}.export-showcase .dialog-card__heading{grid-template-columns:1fr}.export-showcase .export-body{height:auto;overflow:visible;gap:var(--s-8)}.export-showcase .dialog-field{padding:0;background:var(--c-clear)}.export-showcase .export-media-choice{border-radius:var(--editor-tile-radius)}.export-showcase .export-media-list{--gallery-columns:3}.export-showcase .export-controls{--export-field-height:calc(var(--dialog-control-height) + var(--dialog-body-size) * var(--lh-body) + max(7px, var(--s-3)));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(var(--export-field-height),auto)}.export-showcase .export-controls>.dialog-field{grid-row:1}.export-showcase :is(.export-format-field,.export-name-field){grid-column:1}.export-showcase :is(.export-quality-row,.export-size-row){grid-column:2}.export-showcase-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.export-showcase-actions>.button{min-height:var(--touch-target);padding-inline:20px}.export-limits{margin:32px 0 0;color:var(--feature-part-name);font-size:var(--type-note);text-align:end}@media(width<=950px){.export-layout{gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}}@media(width<=680px){.export-layout{grid-template-columns:1fr;gap:32px}.export-mode-picker{margin-top:32px}.export-panel-frame{margin-top:0}.export-showcase .export-media-list{--gallery-columns:2}.export-showcase .export-controls{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(var(--export-field-height),auto))}.export-showcase .export-controls>.dialog-field{grid-column:1}.export-showcase :is(.export-format-field,.export-name-field){grid-row:1}.export-showcase :is(.export-quality-row,.export-size-row){grid-row:2}.export-limits{text-align:start;line-height:var(--leading-copy)}}