.preset-comparison{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden}.workspace-card .preset-comparison>canvas,.workspace-card .preset-comparison>img{display:block;width:100%;height:100%;object-fit:cover}.preset-comparison .preset-before{position:absolute;inset:0;opacity:0;transition:opacity .12s}.workspace-card:focus-visible .preset-before,.workspace-card.show-before .preset-before{opacity:1}@media(hover:hover){.workspace-card:hover .preset-before{opacity:1}}.preset-compare-toggle{position:absolute;left:8px;top:8px;z-index:2;padding:5px 8px;border:1px solid #ffffff55;background:#171717db;color:#fff;border-radius:12px;font-size:10px;cursor:pointer}.export-panel{display:grid;gap:16px}.export-panel label{display:grid;gap:7px;margin:10px 0;font-size:12px}.export-panel input:not([type=checkbox]),.export-panel select{width:100%;box-sizing:border-box;padding:9px;border:1px solid var(--line,#555);border-radius:8px;background:var(--panel,#242424);color:inherit}.export-panel fieldset{min-width:0;margin:0;padding:12px;border:1px solid var(--line,#555);border-radius:12px}.export-panel legend{padding:0 6px;font-weight:600}.export-panel [hidden],button[hidden]{display:none!important}.export-panel #exportMain{width:100%;justify-content:center}.export-panel .field{margin:10px 0}.export-panel input[type=range]{padding:0;accent-color:currentColor}