.songsensai-face-svg.svelte-727pdi{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.face-wrapper.svelte-1q97lb5{padding-top:calc(6% + 8px);width:100%;display:flex;justify-content:center;min-height:200px;overflow:visible;position:relative}.faces-container.svelte-1q97lb5{position:relative;width:100%;max-width:250px;display:flex;justify-content:center;align-items:center;transition:height .2s ease-out;overflow:visible}.face.svelte-1q97lb5{opacity:0;width:100%;height:100%;max-width:none;margin:0;min-height:0;display:block;position:absolute;top:0;left:0;right:0;z-index:7;transform-origin:center top}.songsensai-face-wrapper.svelte-1q97lb5{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:flex-start}.songsensai-face-svg{opacity:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;display:block;position:relative;z-index:6;transform-origin:center top}@media (max-width: 768px){.faces-container.svelte-1q97lb5{max-width:180px;min-height:150px}}@media (max-width: 480px){.faces-container.svelte-1q97lb5{max-width:150px;min-height:120px}}.face-debug-controls.svelte-1q97lb5{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:20px;z-index:1000;filter:drop-shadow(0 2px 5px rgba(0,0,0,.3));background:#000000b3;border-radius:8px;padding:15px;max-width:300px}.debug-section.svelte-1q97lb5{display:flex;flex-direction:column;gap:10px}.debug-section.svelte-1q97lb5 h3:where(.svelte-1q97lb5){color:#fff;font-size:14px;margin:0 0 5px;font-weight:500;text-transform:uppercase;letter-spacing:1px}.emotions-grid.svelte-1q97lb5{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.face-debug-controls.svelte-1q97lb5 button:where(.svelte-1q97lb5){background-color:#3a8bbb;color:#fff;border:none;border-radius:6px;padding:10px 15px;font-size:14px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 5px #0003;min-width:100px}.face-debug-controls.svelte-1q97lb5 button.active:where(.svelte-1q97lb5){background-color:#2d6a8f;box-shadow:0 0 0 2px #ffffff80;transform:scale(.95)}.face-debug-controls.svelte-1q97lb5 button:where(.svelte-1q97lb5):hover{background-color:#4da0d4;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.face-debug-controls.svelte-1q97lb5 button:where(.svelte-1q97lb5):active{background-color:#2d6a8f;transform:translateY(0)}.face-debug-controls.svelte-1q97lb5 button:where(.svelte-1q97lb5) small:where(.svelte-1q97lb5){opacity:.7;font-size:10px;margin-top:4px}@media (max-width: 768px){.face-debug-controls.svelte-1q97lb5{top:auto;bottom:20px;right:20px}}