*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#f9fafb}.container{max-width:1200px;margin:0 auto}.router-link-active{color:#e9d5ff!important;font-weight:600}*{transition:all .3s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.hero[data-v-10f2569d]{position:relative;overflow:hidden}.hero[data-v-10f2569d]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" x="0" y="0" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}@keyframes bounce-10f2569d{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.animate-bounce[data-v-10f2569d]{animation:bounce-10f2569d 2s infinite}.loading-spinner[data-v-aed726ac]{display:inline-block;position:relative}.spinner-circle[data-v-aed726ac]{border:2px solid rgba(0,0,0,.1);border-top:2px solid currentColor;border-radius:50%;animation:spin-aed726ac 1s linear infinite}.spinner-sm[data-v-aed726ac],.spinner-sm .spinner-circle[data-v-aed726ac]{width:16px;height:16px}.spinner-md[data-v-aed726ac],.spinner-md .spinner-circle[data-v-aed726ac]{width:24px;height:24px}.spinner-lg[data-v-aed726ac],.spinner-lg .spinner-circle[data-v-aed726ac]{width:32px;height:32px}.spinner-white .spinner-circle[data-v-aed726ac]{border-color:#ffffff4d;border-top-color:#fff}@keyframes spin-aed726ac{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card[data-v-350278d3]{background-color:var(--thai-fresh-white);border:1px solid var(--thai-light-gray);border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.form-label[data-v-350278d3]{font-size:.875rem;font-weight:500;color:var(--thai-slate-gray);margin-bottom:.5rem;display:block}.form-input[data-v-350278d3]{background-color:var(--thai-fresh-white);border:1px solid var(--thai-light-gray);color:var(--thai-slate-gray);padding:.5rem .75rem;border-radius:.375rem;transition:all .2s ease}.form-input[data-v-350278d3]:focus{outline:none;border-color:var(--thai-freshwater);box-shadow:0 0 0 3px #0066cc1a}.form-input[data-v-350278d3]:disabled{opacity:.5;cursor:not-allowed}.btn[data-v-350278d3]{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:all .2s ease;padding:.5rem 1rem}.btn-primary[data-v-350278d3]{background-color:var(--thai-freshwater);color:var(--thai-fresh-white);border:1px solid var(--thai-freshwater)}.btn-primary[data-v-350278d3]:hover:not(:disabled){background-color:var(--thai-ocean-blue);border-color:var(--thai-ocean-blue)}.btn-primary[data-v-350278d3]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-350278d3]{background-color:var(--thai-light-gray);color:var(--thai-slate-gray);border:1px solid var(--thai-light-gray)}.btn-secondary[data-v-350278d3]:hover:not(:disabled){background-color:var(--thai-cool-gray);color:var(--thai-fresh-white)}.btn-thai-accent[data-v-350278d3]{background-color:var(--thai-gold);color:var(--thai-fresh-white);border:1px solid var(--thai-gold)}.btn-thai-accent[data-v-350278d3]:hover{background-color:var(--thai-earth-brown);border-color:var(--thai-earth-brown)}.alert-thai-success[data-v-350278d3]{background-color:var(--thai-success-pale);border:1px solid var(--thai-success-green);color:var(--thai-success-green);padding:1rem;border-radius:.5rem}.alert-thai-error[data-v-350278d3]{background-color:var(--thai-error-pale);border:1px solid var(--thai-error-red);color:var(--thai-error-red);padding:1rem;border-radius:.5rem}.video-generator-container[data-v-7d7a1be7]{max-width:100%;margin:0 auto}.form-label[data-v-7d7a1be7]{font-size:.875rem;font-weight:500;color:#fff;margin-bottom:.5rem;display:block}.form-input[data-v-7d7a1be7]{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem .75rem;border-radius:.375rem;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-input[data-v-7d7a1be7]:focus{outline:none;border-color:var(--thai-gold);box-shadow:0 0 0 3px #f59e0b1a}.form-input[data-v-7d7a1be7]:disabled{opacity:.5;cursor:not-allowed}.form-input option[data-v-7d7a1be7]{background-color:var(--thai-freshwater);color:#fff}.btn-thai-primary[data-v-7d7a1be7]{background-color:var(--thai-freshwater);color:var(--thai-fresh-white);border:1px solid var(--thai-freshwater);padding:.5rem 1rem;border-radius:.375rem;font-weight:500;transition:all .2s ease}.btn-thai-primary[data-v-7d7a1be7]:hover:not(:disabled){background-color:var(--thai-ocean-blue);border-color:var(--thai-ocean-blue)}.btn-thai-primary[data-v-7d7a1be7]:disabled{opacity:.5;cursor:not-allowed}.btn-thai-accent[data-v-7d7a1be7]{background-color:var(--thai-gold);color:var(--thai-fresh-white);border:1px solid var(--thai-gold);padding:.5rem 1rem;border-radius:.375rem;font-weight:500;transition:all .2s ease}.btn-thai-accent[data-v-7d7a1be7]:hover{background-color:var(--thai-earth-brown);border-color:var(--thai-earth-brown)}.btn-thai-secondary[data-v-7d7a1be7]{background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:.375rem;font-weight:500;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-thai-secondary[data-v-7d7a1be7]:hover:not(:disabled){background-color:#fff3;border-color:#ffffff4d}.alert-thai-success[data-v-7d7a1be7]{background-color:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e;padding:1rem;border-radius:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.alert-thai-error[data-v-7d7a1be7]{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:1rem;border-radius:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 768px){.video-generator-container[data-v-7d7a1be7]{padding:1rem}.grid.md\\[data-v-7d7a1be7]:grid-cols-2{grid-template-columns:1fr}.flex.space-x-4[data-v-7d7a1be7]{flex-direction:column;gap:.5rem}}
