.export-dialog{z-index:60;padding:var(--space-4);background:var(--color-overlay);place-items:center;display:grid;position:fixed;inset:0}.export-dialog__panel{width:min(100%,560px);padding:var(--space-8);background:var(--color-surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;position:relative}.export-dialog__panel h2{margin:var(--space-4) 0 var(--space-2)}.export-dialog__close{top:var(--space-4);right:var(--space-4);border-radius:var(--radius-sm);background:var(--color-surface);width:40px;height:40px;color:var(--color-text-secondary);border:0;place-items:center;display:grid;position:absolute}.export-options{gap:var(--space-3);margin:var(--space-6) 0 var(--space-4);text-align:left;display:grid}.export-options button{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.export-options button:hover{border-color:var(--color-primary)}.export-options strong,.export-options small{display:block}.export-options small{margin-top:var(--space-1);color:var(--color-text-secondary)}.export-options b{color:var(--color-primary);white-space:nowrap}.preparing-export{z-index:55;right:var(--space-6);bottom:var(--space-6);padding:var(--space-4) var(--space-5);background:var(--color-text);color:var(--color-background);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);position:fixed}.prep-experience{align-items:center;gap:var(--space-10);max-width:760px;padding:var(--space-10);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);grid-template-columns:minmax(220px,.8fr) 1.2fr;margin:auto;display:grid;overflow:hidden}.prep-experience__visual{aspect-ratio:1;background:var(--color-primary-soft);border-radius:50%;place-items:center;min-width:0;display:grid;position:relative}.prep-core{z-index:2;width:76px;height:76px;color:var(--color-primary);background:var(--color-surface-raised);border:1px solid var(--color-border);box-shadow:var(--shadow-md);border-radius:50%;place-items:center;animation:3s ease-in-out infinite prep-pulse;display:grid;position:relative}.prep-orbit{border:1px solid var(--color-primary);opacity:.35;border-radius:50%;position:absolute}.prep-orbit--one{width:68%;height:68%;animation:15s linear infinite prep-orbit}.prep-orbit--two{border-style:dashed;width:90%;height:90%;animation:24s linear infinite reverse prep-orbit}.prep-nodes{animation:60s linear infinite prep-orbit;position:absolute;inset:0}.prep-nodes span{width:34px;height:34px;color:var(--color-text-secondary);background:var(--color-surface-raised);border:1px solid var(--color-border);transition:color var(--transition-normal), background var(--transition-normal), border-color var(--transition-normal);border-radius:50%;place-items:center;display:grid;position:absolute}.prep-nodes span:first-child{top:5%;left:50%;transform:translate(-50%)}.prep-nodes span:nth-child(2){top:50%;right:5%;transform:translateY(-50%)}.prep-nodes span:nth-child(3){bottom:5%;left:50%;transform:translate(-50%)}.prep-nodes span:nth-child(4){top:50%;left:5%;transform:translateY(-50%)}.prep-nodes span.is-active{color:var(--color-text-inverse);background:var(--color-primary);border-color:var(--color-primary)}.prep-experience__content h2{margin-bottom:var(--space-3);font-size:var(--text-2xl)}.prep-experience__content>p{min-height:3.4rem}.prep-progress{margin-top:var(--space-6)}.prep-progress>div{justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);display:flex}.prep-progress strong{color:var(--color-primary)}.prep-progress progress{width:100%;height:8px;accent-color:var(--color-primary)}.prep-experience small{margin-top:var(--space-4);color:var(--color-text-secondary);line-height:1.5;display:block}.prep-experience button{margin-top:var(--space-5);padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-text-inverse);border:0;font-weight:600}@keyframes prep-orbit{to{transform:rotate(360deg)}}@keyframes prep-pulse{50%{box-shadow:var(--shadow-lg);transform:scale(1.07)}}@media (width<=620px){.prep-experience{gap:var(--space-6);padding:var(--space-6);text-align:center;grid-template-columns:1fr}.prep-experience__visual{width:min(100%,230px);margin:auto}.prep-progress>div{text-align:left}.prep-experience__content>p{min-height:0}}.compression-summary{margin-top:var(--space-4);color:var(--color-success);text-align:center;font-weight:600}.tool-settings select{cursor:pointer}.converter-settings{gap:var(--space-3);display:grid}.format-cards{gap:var(--space-3);flex-wrap:wrap;display:flex}.format-cards>*{flex:10rem}.format-card{gap:var(--space-1);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text);text-align:left;cursor:pointer;display:grid}.format-card.is-selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.format-card small,.format-note{color:var(--color-text-secondary)}.tool-settings .ratio-control{flex-direction:row;align-self:end;align-items:center;min-height:45px;display:flex}.tool-settings .ratio-control input{width:auto;accent-color:var(--color-primary)}