@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/569ce4b8f30dc480-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_5cfdac{font-family:Geist,Geist Fallback;font-style:normal}.__variable_5cfdac{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f8f9fa;min-height:100vh;color:#333}.container{max-width:1200px;margin:0 auto;padding:20px}.header{text-align:center;margin-bottom:40px;color:white}.logo{gap:15px;margin-bottom:10px}.logo,.logo-icon{display:flex;align-items:center;justify-content:center}.logo-icon{font-size:2.5rem;background:#f5b041;width:60px;height:60px;border-radius:50%;color:white}.logo h1{font-size:2.5rem;font-weight:700;margin:0;color:#333}.subtitle{font-size:1.1rem;opacity:.9;color:#666}.main-content{display:grid;grid-template-columns:1fr 400px;gap:30px;margin-bottom:30px}@media (max-width:768px){.main-content{grid-template-columns:1fr}}.left-panel{background:white;border-radius:12px;padding:25px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.input-info{margin-bottom:15px;font-size:.9rem;color:#666}.char-limit strong{color:#f39c12;font-weight:600}.text-input{width:100%;min-height:300px;padding:15px;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;line-height:1.6;resize:vertical;transition:border-color .3s ease}.text-input:focus{outline:none;border-color:#f39c12}.right-panel{background:white;border-radius:12px;padding:25px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.section-label{display:block;margin-bottom:10px;font-weight:600;color:#333}.language-select{width:100%;padding:12px;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;background:white;cursor:pointer;transition:border-color .3s ease}.language-select:focus{outline:none;border-color:#f39c12}.voice-section{margin:25px 0}.voice-count{font-size:.85rem;color:#666;font-weight:400}.voice-list{max-height:300px;overflow-y:auto;border:2px solid #e1e5e9;border-radius:8px;padding:10px}.voice-item{display:flex;align-items:center;padding:12px;margin-bottom:8px;border-radius:6px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.voice-item:hover{background:#f8f9fa}.voice-item.selected{background:#f5b041;color:white;border-color:#f39c12}.voice-avatar{width:40px;height:40px;border-radius:50%;background:#e9ecef;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:15px;flex-shrink:0}.voice-item.selected .voice-avatar{background:rgba(255,255,255,.2)}.voice-info{flex:1}.voice-name{font-weight:600;margin-bottom:4px}.voice-desc{font-size:.85rem;opacity:.8}.voice-actions{margin-left:15px}.play-btn{background:white;border:2px solid #e1e5e9;cursor:pointer;padding:0;border-radius:50%;transition:all .3s ease;color:#666;font-size:.8rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}.play-btn:hover{background:#f8f9fa;border-color:#f39c12;color:#f39c12;transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.15)}.play-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.voice-item.selected .play-btn{background:white;border-color:rgba(255,255,255,.8);color:#f39c12}.voice-item.selected .play-btn:hover{background:rgba(255,255,255,.95);border-color:white;color:#e67e22}.play-btn .fa-play{margin-left:2px}.convert-section{margin-top:30px}.convert-btn{width:100%;padding:15px;background:#f5b041;color:white;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.convert-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(243,156,18,.4);background:#f39c12}.convert-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.audio-section{background:white;border-radius:12px;padding:25px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:20px}.audio-player{display:flex;align-items:center;gap:20px}.audio-player audio{flex:1;height:40px}.audio-actions{display:flex;gap:10px}.action-btn{padding:10px 20px;background:#f5b041;color:white;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.action-btn:hover{background:#f39c12}.loading-state{background:white;border-radius:12px;padding:40px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:20px}.loading-spinner{width:50px;height:50px;border:4px solid #e9ecef;border-top-color:#f39c12;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-state p{color:#666;font-size:1.1rem}.error-state{background:#fee;border:1px solid #fcc;border-radius:12px;padding:20px;margin-bottom:20px;text-align:center}.error-message{color:#c33;font-weight:500}.hidden{display:none}