/* Keep the camera upright and centered within the playful tilted badge. */
.logo-mark{flex:0 0 auto;line-height:1;box-sizing:border-box}.logo-mark svg{display:block;width:72%;height:72%;transform:rotate(9deg)}
.lab-upload{margin:12px 0;padding:14px;border:2px dashed #b6a58a;border-radius:14px;background:#fffaf0b3;transition:border-color .18s ease,background-color .18s ease}.upload-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.upload-actions .btn{padding:9px 14px;font-size:14px}.upload-hint,.upload-status{font-size:12px;line-height:1.6;margin:8px 0 0;color:#665947;overflow-wrap:anywhere}.upload-status:empty{display:none}.lab-upload.is-dragging{border-color:var(--green);background:#edf3e8}.lab-upload[aria-busy=true]{border-color:var(--orange)}.lab-upload [hidden]{display:none!important}.preview-toolbar{flex-wrap:wrap;gap:8px}.preview-toolbar select{max-width:100%}.lab-wipe{max-width:100%;margin-inline:auto}.lab-actions{gap:8px}.lab-actions .btn{white-space:normal}.compare-line{pointer-events:none}.compare-hit:active{cursor:grabbing}.lab-field:focus-within{background:#fffaf0;border-radius:8px}.lab-field{transition:background-color .16s ease}input[type=range]{accent-color:var(--rust)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.btn:hover,.small-btn:hover{transform:translateY(-2px)}.feature-card:hover,.gear-card:hover{transform:translateY(-3px)}.logo:hover .logo-mark{transform:rotate(-4deg)}}
@media(prefers-reduced-motion:no-preference){.btn,.small-btn,.feature-card,.gear-card,.logo-mark{transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.btn:active,.small-btn:active{transform:translateY(1px) scale(.98)}dialog[open]{animation:dialog-in .18s ease-out}dialog::backdrop{animation:backdrop-in .18s ease-out}.page.active{animation:page-in .22s ease-out}@keyframes dialog-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}@keyframes page-in{from{opacity:.6;transform:translateY(6px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:540px){.lab-upload{padding:10px}.upload-actions{gap:6px}.lab-actions .btn{font-size:13px;padding:10px 12px}}
@media(min-width:1280px){.topbar-inner{gap:16px}.nav{gap:3px}.nav button{padding:10px 8px;font-size:14px}}
@media(min-width:821px) and (max-width:1279px){.menu-toggle{display:inline-flex}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff7e9;border-bottom:1px solid var(--line);padding:12px 16px;flex-direction:column;box-shadow:0 7px 14px #42321a15}.nav.open{display:flex}.nav button{text-align:left}.header-right{margin-left:auto}}