.app{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;gap:1.5rem}.app h1{font-family:system-ui,-apple-system,sans-serif;color:#333;font-size:1.8rem}.renderer-section{display:flex;flex-direction:column;align-items:center;gap:.75rem}.lottie-container{width:100%;max-width:400px}.file-name{font-family:system-ui,-apple-system,sans-serif;color:#666;font-size:.9rem}.reset-button{padding:.5rem 1rem;border:1px solid #ddd;border-radius:6px;background:#fff;color:#555;font-size:.85rem;cursor:pointer;transition:all .2s}.reset-button:hover{background:#f0f0f0;border-color:#ccc}.drop-zone{width:100%;max-width:500px;border:2px dashed #ccc;border-radius:12px;padding:2rem;cursor:pointer;transition:all .2s;background:#fff}.drop-zone:hover,.drop-zone.dragging{border-color:#4f8cff;background:#f0f6ff}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#888}.drop-zone-content svg{color:#aaa}.drop-zone:hover .drop-zone-content svg,.drop-zone.dragging .drop-zone-content svg{color:#4f8cff}.drop-zone-content p{font-family:system-ui,-apple-system,sans-serif;font-size:.95rem;text-align:center}.error-message{color:#e53e3e;font-family:system-ui,-apple-system,sans-serif;font-size:.9rem}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f5f5f5}