.comparison-pairs{display:flex;gap:8px;margin:12px 0}.comparison-pairs[hidden]{display:none}.comparison-pairs button{flex:1;min-width:0;min-height:44px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--ink);font:inherit;font-size:13px}.comparison-pairs button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.viewer-recovery{margin:8px 0 0;font-size:12px;line-height:1.5;color:var(--ink)}.viewer-recovery[hidden]{display:none}.viewer-recovery button{display:inline-block;min-height:44px;margin-left:8px;padding:7px 0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:3px}.studio-start-error{position:fixed;inset:20px;z-index:1000;max-width:480px;max-height:fit-content;margin:auto;padding:28px;background:var(--paper,#faf7f0);color:var(--ink,#173c34);border:1px solid #cec8bc;border-radius:16px;box-shadow:0 20px 100px #0004}.studio-start-error h2{margin:0 0 12px}.studio-start-error p{font:15px/1.5 sans-serif}.studio-start-error button{min-height:44px;margin-top:12px}
@media(max-width:700px){
 #saved-dialog #saved-list{overflow:visible;width:100%;max-width:100%;border:0}
 #saved-dialog .design-comparison.comparison-mobile{display:block;table-layout:auto;width:100%;min-width:0;border:0}
 #saved-dialog .comparison-mobile thead,#saved-dialog .comparison-mobile tbody{display:block;width:100%}
 #saved-dialog .comparison-mobile tr{display:grid;grid-template-columns:repeat(var(--visible-designs,2),minmax(0,1fr));width:100%;min-width:0;border-bottom:1px solid var(--line)}
 #saved-dialog .comparison-mobile td,#saved-dialog .comparison-mobile th{display:block;position:static;min-width:0;width:auto;padding:9px 8px;border:0;font-size:12px;overflow-wrap:anywhere;background:transparent}
 #saved-dialog .comparison-mobile [hidden]{display:none!important}
 #saved-dialog .comparison-mobile thead{position:sticky;top:0;z-index:2;background:var(--paper,#faf7f0);border-bottom:1px solid var(--line)}
 #saved-dialog .comparison-mobile thead tr>td:first-child{grid-column:1/-1;padding:8px 0;font-size:10px;line-height:1.4}
 #saved-dialog .comparison-mobile tbody th[scope=row]{grid-column:1/-1;padding:10px 8px 0;font-size:11px;font-weight:600;line-height:1.4}
 #saved-dialog .comparison-mobile .comparison-difference{display:inline;margin-left:7px;font-size:9px;font-weight:400}
 #saved-dialog .comparison-mobile .comparison-different{background:#e7eddf}
 #saved-dialog .comparison-mobile .saved-design-name{display:block;box-sizing:border-box;width:100%;min-width:0;font-size:13px;padding:8px 4px;height:auto;min-height:44px}
 #saved-dialog .comparison-mobile .saved-design-label{font-size:10px}
 #saved-dialog .comparison-mobile .comparison-image{width:100%;height:95px;min-height:95px;aspect-ratio:auto}
 #saved-dialog .comparison-mobile .comparison-image img{width:100%;height:100%;object-fit:contain}
 #saved-dialog .comparison-mobile .comparison-image-status{font-size:10px;padding:4px}
 #saved-dialog .comparison-mobile .comparison-actions button{white-space:normal;width:100%;min-width:0;min-height:44px;font-size:11px;padding:8px 3px}
}

.sample-name-note{font-size:12px;line-height:1.5;margin:8px 0 0;color:#59615b}
.sample-name-note[hidden]{display:none!important}