.modal[data-v-4b0b4f9e]{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-content[data-v-4b0b4f9e]{background:#fff;width:80%;max-width:1080px;padding:20px;border-radius:8px}.modal-header[data-v-4b0b4f9e]{position:relative;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.svg-display[data-v-4b0b4f9e]{margin-top:10px;min-height:400px;border:1px solid #ccc;display:flex;justify-content:center;align-items:center}.loading[data-v-4b0b4f9e]{display:flex;justify-content:center;align-items:center}.overlay[data-v-4b0b4f9e]{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10}.overlay-text[data-v-4b0b4f9e]{color:#fff;font-size:18px;font-weight:700}.dots[data-v-4b0b4f9e]:after{content:"";animation:dots-4b0b4f9e 1.5s steps(3,end) infinite}@keyframes dots-4b0b4f9e{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(to bottom right,#d5f4e6,#e0f7fa);font-family:PingFang SC,Helvetica Neue,sans-serif;color:#1f2d3d}.app-container{min-height:100vh;display:flex;flex-direction:column;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:40px 40px;background-color:#c1f0dc}.navbar{background-color:#ffffffd9;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 1px 4px #0000000d}.nav-logo{display:flex;align-items:center}.nav-logo h1{font-size:1.8rem;font-weight:700;background:linear-gradient(to right,#00bb8e,#0088ba);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-left:10px}.login-button{padding:.5rem 1.5rem;background-color:#00c896;color:#fff;border:none;border-radius:999px;cursor:pointer;font-size:1rem;transition:background-color .3s}.login-button:hover{background-color:#00b386}.main-content{max-width:960px;width:100%;margin:2rem auto;padding:0 1rem;flex:1;text-align:center}.intro-section{margin-top:2rem;margin-bottom:3rem}.intro-section h2{font-size:2rem;color:#09343f;margin-bottom:.75rem;font-weight:600}.intro-section p{color:#40655c;font-size:1.1rem}.input-section{margin-bottom:2rem}.textarea-container{position:relative;width:790px;max-width:100%;margin:0 auto}.word-count{position:absolute;top:10px;right:20px;font-size:14px;color:#666}.text-red{color:#ff4d4f}textarea{width:790px;max-width:100%;height:200px;padding:14px 20px;font-size:16px;border:1px solid #a0d7c6;border-radius:20px;line-height:1.5;background-color:#fffc;resize:vertical;transition:border-color .3s;box-shadow:inset 0 2px 4px #00000008}textarea:focus{outline:none;border-color:#00c896}.options-section{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:2rem}.select-group{display:flex;flex-direction:column;font-size:14px;color:#1f2d3d;min-width:180px}.select-group label{margin-bottom:.5rem;font-weight:500;color:#0f3d3e}select{width:180px;padding:8px 24px 8px 12px;border-radius:12px;border:1px solid #a0d7c6;font-size:14px;background-color:#fffc;cursor:pointer;transition:border-color .3s;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 4px center;background-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.nav-actions{display:flex;align-items:center;gap:1rem;margin-right:20px}.language-dropdown{position:relative;cursor:pointer}.language-current{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:12px;transition:background-color .3s}.language-current span{font-size:14px;color:#333}.dropdown-arrow{margin-left:4px}.language-options{position:absolute;top:100%;right:0;margin-top:8px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:8px 0;min-width:120px;z-index:1000}.language-option{padding:8px 16px;font-size:14px;color:#333;transition:background-color .3s}.language-option:hover{background-color:#f5f5f5}.language-option.active{color:#00c896;background-color:#e6f7f3}select:focus{outline:none;border-color:#00c896}.generate-button{margin-top:20px;padding:16px 64px;background:linear-gradient(to right,#00c896,#00e0b5);color:#fff;font-size:18px;font-weight:700;border:none;border-radius:32px;cursor:pointer;box-shadow:0 8px 16px #00000014}.generate-button:hover{opacity:.8;cursor:pointer}.footer{background-color:#ffffffd9;padding:1.5rem;text-align:center;color:#666;font-size:13px;box-shadow:0 -2px 4px #0000000a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nav-links{display:flex;margin-right:30px}.nav-item{margin-right:20px;font-size:14px;color:#666;text-decoration:none;transition:color .3s;cursor:pointer}.use-cases{margin-top:3rem;padding:2rem}.use-cases h3{font-size:1.8rem;color:#09343f;margin-bottom:2rem}.use-cases-grid{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:800px}.use-case-card{background:#ffffffe6;padding:2rem;border-radius:16px;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease}.use-case-card:hover{transform:translateY(-5px)}.use-case-card h4{font-size:1.2rem;color:#00c896;margin-bottom:1rem}.use-case-card p{color:#40655c;line-height:1.6;margin-bottom:1.5rem}@media (max-width: 768px){.use-cases-grid{grid-template-columns:1fr}}