@import url(https://fonts.googleapis.com/css2?family=Goldman:wght@400;700&family=Kanit:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}.app{background:linear-gradient(135deg,#0a4da3,#1e88e5);color:#333;font-family:Kanit,sans-serif;min-height:100vh;padding:20px}.container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;margin:0 auto;max-width:900px;overflow:hidden}.header{background:linear-gradient(135deg,#0a4da3,#1e88e5);color:#fff;padding:40px 30px;text-align:center}.header h1{font-family:Goldman,display;font-size:2.5em;font-weight:700;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.header p{font-family:Kanit,sans-serif;font-size:1.1em;font-weight:400;opacity:.95}.content{padding:40px 30px}.section{margin-bottom:40px}.section h2{color:#0a4da3;font-family:Goldman,display;font-size:1.8em;font-weight:600;letter-spacing:.5px;margin-bottom:20px;text-transform:uppercase}.video-container{border-radius:8px;box-shadow:0 4px 12px #0000001a;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.video-container iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.upload-area{background:#f8f9fa;border:3px dashed #1e88e5;border-radius:12px;cursor:pointer;padding:60px 20px;text-align:center;transition:all .3s ease}.upload-area:hover{background:#e3f2fd;border-color:#0a4da3}.upload-area.dragover{background:#bbdefb;border-color:#0a4da3;transform:scale(1.02)}.upload-icon{color:#1e88e5;font-size:4em;margin-bottom:20px}.upload-area p{color:#555;font-family:Kanit,sans-serif;font-size:1.2em;font-weight:400;margin-bottom:10px}.upload-area .file-types{color:#888;font-family:Kanit,sans-serif;font-size:.9em;font-weight:300}.file-info{align-items:center;background:#e8f5e9;border-left:4px solid #4caf50;border-radius:8px;display:flex;gap:15px;justify-content:space-between;margin-top:20px;padding:20px}.file-info p{color:#2e7d32;flex:1 1;font-size:1.1em;font-weight:400;margin:0}.file-info p,.remove-btn{font-family:Kanit,sans-serif}.remove-btn{background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;font-weight:500;letter-spacing:.5px;padding:8px 20px;text-transform:uppercase;transition:all .3s ease}.remove-btn:hover{background:#d32f2f;box-shadow:0 2px 8px #f443364d;transform:translateY(-1px)}.submit-btn{background:linear-gradient(135deg,#0a4da3,#1e88e5);border:none;border-radius:4px;box-shadow:0 4px 12px #1e88e54d;color:#fff;cursor:pointer;font-family:Kanit,sans-serif;font-size:1.1em;font-weight:500;letter-spacing:.5px;line-height:1em;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.submit-btn:hover{box-shadow:0 6px 16px #1e88e566;transform:translateY(-2px)}.submit-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.error-message,.success-message{border-radius:8px;font-family:Kanit,sans-serif;font-size:1.1em;font-weight:400;margin-top:20px;padding:20px}.success-message{background:#e8f5e9;border-left:4px solid #4caf50;color:#2e7d32}.error-message{background:#ffebee;border-left:4px solid #f44336;color:#c62828}.loading{font-family:Kanit,sans-serif;font-weight:400;margin-top:20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#1e88e5;height:40px;margin:0 auto 10px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.header h1{font-size:1.8em}.content{padding:30px 20px}.section h2{font-size:1.5em}.upload-area{padding:40px 20px}}
/*# sourceMappingURL=main.fa1b468d.css.map*/