.logo-morph{width:100%;overflow:hidden;border:1px solid #cfdfd8;border-radius:18px;background:#f2f7f4}.logo-morph-canvas{display:block;width:100%;height:auto;aspect-ratio:48/25;max-height:70vh;object-fit:contain}.logo-morph-controls{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;border-top:1px solid #cfdfd8;background:#fff}.logo-morph-controls button{display:grid;place-items:center;width:44px;height:40px;border:1px solid #174b3f;border-radius:20px;background:#174b3f;color:#fff;font:22px/1 system-ui,sans-serif;cursor:pointer}.logo-morph-controls button+button{background:white;color:#174b3f;font-size:30px}.logo-morph-controls button:focus-visible{outline:3px solid #c69236;outline-offset:3px}@media(max-width:600px){.logo-morph-canvas{min-height:250px;object-fit:contain}}:fullscreen .logo-morph-canvas{max-height:calc(100vh - 200px)}
.logo-morph-progress{flex:1 1 180px;min-width:80px;max-width:560px;accent-color:#174b3f;cursor:pointer}.logo-morph-progress:focus-visible{outline:3px solid #c69236;outline-offset:4px}
.logo-morph{position:relative}.logo-morph-canvas[aria-hidden=true]{visibility:hidden}.logo-morph-final{position:absolute;top:0;left:0;display:block;width:100%;height:auto;aspect-ratio:48/25;max-height:70vh;object-fit:contain}.logo-morph-final[hidden]{display:none}@media(max-width:600px){.logo-morph-final{min-height:250px}}:fullscreen .logo-morph-final{max-height:calc(100vh - 200px)}