@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Poppins:wght@300;400;600&display=swap";:root{font-family:Poppins,system-ui,sans-serif;line-height:1.6;font-weight:400;color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;height:100%;overflow-x:hidden}#root{width:100%;min-height:100vh}a{font-weight:500;color:gold;text-decoration:none;transition:color .3s ease}a:hover{color:#ffed4e}h1,h2,h3{font-family:Playfair Display,serif;font-weight:700;letter-spacing:.5px}button{border-radius:6px;border:none;padding:.6em 1.5em;font-size:.95em;font-weight:600;font-family:inherit;background:linear-gradient(135deg,#dc143c,#c41339);color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #dc143c33}button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #dc143c66}button:active{transform:translateY(0)}input,textarea,select{font-family:inherit;font-size:.95em;padding:.6em .8em;border:1px solid rgba(255,215,0,.3);border-radius:4px;background:#fffffff2;color:#1a472a;transition:all .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:gold;box-shadow:0 0 8px #ffd70033}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.ornament-uploader{display:flex;flex-direction:column;gap:1rem}.ornament-header{display:flex;justify-content:space-between;align-items:center}.ornament-header h3{margin:0;font-size:1rem;font-weight:600;color:#333}.ornament-count{margin:0;font-size:.9rem;color:#666;background:#f5f5f5;padding:.25rem .75rem;border-radius:12px}.ornament-content{display:flex;flex-direction:column;gap:1rem}.upload-box{display:block;padding:2rem;border:2px dashed #ddd;border-radius:6px;background:#fafafa;cursor:pointer;transition:all .2s ease;text-align:center}.upload-box:hover{border-color:#bbb;background:#f5f5f5}.upload-box.active{border-color:#dc143c;background:#fef5f5}.file-input{display:none}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem}.upload-icon{font-size:2rem;color:#999;line-height:1}.upload-text{font-size:.9rem;color:#666;font-weight:500}.file-input:disabled~.upload-placeholder{opacity:.5;cursor:not-allowed}.gallery{display:flex;flex-direction:column;gap:.75rem}.gallery-header{display:flex;justify-content:space-between;align-items:center}.gallery-label{font-size:.9rem;font-weight:600;color:#333}.clear-btn{padding:.4rem .75rem;font-size:.85rem;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;transition:all .2s ease}.clear-btn:hover{background:#efefef;border-color:#999}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.5rem;max-height:200px;overflow-y:auto}.gallery-item{position:relative;aspect-ratio:1;border-radius:4px;overflow:hidden;background:#f5f5f5;border:1px solid #ddd}.gallery-item img{width:100%;height:100%;object-fit:cover}.remove-btn{position:absolute;top:-1px;right:-1px;width:28px;height:28px;padding:0;background:#dc143ce6;color:#fff;border:none;border-radius:0;font-size:1.2rem;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;transition:background .2s ease}.gallery-item:hover .remove-btn{display:flex}.remove-btn:hover{background:#dc143c}.gallery-grid::-webkit-scrollbar{width:6px}.gallery-grid::-webkit-scrollbar-track{background:transparent}.gallery-grid::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.gallery-grid::-webkit-scrollbar-thumb:hover{background:#999}@media(max-width:768px){.ornament-uploader{gap:.75rem}.upload-box{padding:1.5rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));max-height:150px}.remove-btn{width:24px;height:24px;font-size:1rem}}.sound-selector-container{padding:1rem;background-color:#f8f8f8;border-radius:8px;margin-top:1.5rem}.sound-selector-container h3{margin:0 0 1rem;font-size:1.1rem;color:#333;font-weight:600}.sound-options{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.sound-option{padding:.75rem 1rem;background-color:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:500;color:#555}.sound-option:hover{border-color:#c41e3a;background-color:#fff9f9;transform:translateY(-2px);box-shadow:0 2px 8px #c41e3a26}.sound-option.selected{border-color:#c41e3a;background-color:#c41e3a;color:#fff;box-shadow:0 4px 12px #c41e3a4d}.sound-name{display:inline-block}.custom-audio-section{border-top:1px solid #ddd;padding-top:1rem;margin-top:1rem}.custom-audio-label{margin:0 0 .75rem;font-size:.95rem;font-weight:500;color:#555}.custom-audio-input{display:block;width:100%;padding:.75rem;border:2px solid #ddd;border-radius:6px;cursor:pointer;font-size:.9rem;transition:border-color .3s ease}.custom-audio-input:hover{border-color:#c41e3a}.custom-audio-input:focus{outline:none;border-color:#c41e3a}@media(max-width:1024px){.sound-selector-container{padding:.875rem;margin-top:1.25rem}.sound-selector-container h3{font-size:1rem;margin-bottom:.75rem}.sound-option{padding:.65rem .9rem;font-size:.9rem}.custom-audio-label{font-size:.9rem}}@media(max-width:768px){.sound-selector-container{padding:.75rem;margin-top:1rem}.sound-selector-container h3{font-size:.95rem;margin-bottom:.6rem}.sound-options{gap:.6rem;margin-bottom:.75rem}.sound-option{padding:.6rem .8rem;font-size:.85rem}.custom-audio-section{padding-top:.75rem;margin-top:.75rem}.custom-audio-label{font-size:.85rem;margin-bottom:.5rem}}@media(max-width:480px){.sound-selector-container{padding:.65rem;margin-top:.8rem}.sound-selector-container h3{font-size:.9rem;margin-bottom:.5rem}.sound-options{gap:.5rem;margin-bottom:.6rem}.sound-option{padding:.5rem .7rem;font-size:.8rem}.custom-audio-section{padding-top:.6rem;margin-top:.6rem}.custom-audio-label{font-size:.8rem;margin-bottom:.4rem}.custom-audio-input{padding:.6rem;font-size:.8rem}}.video-controls{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.generate-section{display:flex;justify-content:center;padding:1.5rem 0}.generate-btn{padding:1rem 2.5rem;background:linear-gradient(135deg,#c41e3a,#a01628);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #c41e3a4d;white-space:nowrap}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #c41e3a66;background:linear-gradient(135deg,#a01628,#7d1220)}.generate-btn:active:not(:disabled){transform:translateY(0)}.generate-btn:disabled{opacity:.7;cursor:not-allowed}@media(max-width:1024px){.video-controls{gap:1.25rem;margin-top:1.25rem}.generate-section{padding:1.25rem 0}.generate-btn{padding:.85rem 2rem;font-size:1rem}}@media(max-width:768px){.video-controls{gap:1rem;margin-top:1rem}.generate-section{padding:1rem 0}.generate-btn{padding:.75rem 1.75rem;font-size:.95rem}}@media(max-width:480px){.video-controls{gap:.85rem;margin-top:.85rem}.generate-section{padding:.85rem 0}.generate-btn{padding:.65rem 1.5rem;font-size:.9rem;width:100%}}.background-selector{flex:1;padding:20px;border-right:1px solid #e0e0e0;max-height:600px;overflow-y:auto}.background-selector h3{margin-top:0;color:#333;font-size:18px;margin-bottom:15px}.background-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.background-item{cursor:pointer;border:3px solid #ddd;border-radius:8px;padding:8px;text-align:center;transition:all .3s ease;background:#fff}.background-item:hover{border-color:#4caf50;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.background-item.selected{border-color:#4caf50;background:#f0f8f0;box-shadow:0 0 10px #4caf504d}.background-item img{width:100%;height:100px;object-fit:cover;border-radius:4px;margin-bottom:8px}.background-item p{margin:5px 0;font-size:14px;color:#555;word-break:break-word}.tree-selector{flex:1;padding:20px;border-right:1px solid #e0e0e0;max-height:600px;overflow-y:auto}.tree-selector h3{margin-top:0;color:#333;font-size:18px;margin-bottom:15px}.tree-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.tree-item{cursor:pointer;border:3px solid #ddd;border-radius:8px;padding:8px;text-align:center;transition:all .3s ease;background:#fff}.tree-item:hover{border-color:#2196f3;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.tree-item.selected{border-color:#2196f3;background:#f0f7ff;box-shadow:0 0 10px #2196f34d}.tree-item img{width:100%;height:100px;object-fit:cover;border-radius:4px;margin-bottom:8px}.tree-item p{margin:5px 0;font-size:14px;color:#555;word-break:break-word}.canvas-size-selector{padding:15px;border-bottom:1px solid #e0e0e0}.canvas-size-selector h3{margin:0 0 12px;color:#333;font-size:16px}.size-buttons{display:flex;flex-direction:column;gap:8px}.size-button{padding:10px 12px;border:2px solid #ddd;border-radius:6px;background:#fff;color:#333;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:left}.size-button:hover{border-color:#ff6b35;background:#fff5f0}.size-button.selected{border-color:#ff6b35;background:#ff6b35;color:#fff;box-shadow:0 2px 8px #ff6b354d}@media(max-width:768px){.canvas-size-selector{padding:12px}.canvas-size-selector h3{font-size:14px;margin-bottom:10px}.size-button{padding:8px 10px;font-size:13px}}.video-generator-container{width:100%;min-height:calc(100vh - 120px);display:flex;flex-direction:column;margin:0;padding:0}.video-generator-header{display:none}.video-generator-content{display:flex;flex:1;gap:0;max-width:1400px;width:calc(100% - 30px);margin:15px auto;background:#ffffffeb;border-radius:10px;box-shadow:0 8px 24px #00000026;overflow:hidden;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,.15)}.video-generator-selectors{width:280px;background:linear-gradient(180deg,#1a472a0d,#0f28180d);border-right:1px solid rgba(0,0,0,.08);overflow-y:auto;flex-shrink:0;max-height:calc(100vh - 200px);padding:15px 0}.video-generator-selectors::-webkit-scrollbar{width:6px}.video-generator-selectors::-webkit-scrollbar-track{background:transparent}.video-generator-selectors::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.video-generator-main{flex:1;display:flex;flex-direction:column;padding:20px;gap:15px;min-width:0}.canvas-wrapper{flex:1;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#0f281808,#1a472a08);border-radius:8px;padding:20px;min-height:400px;overflow:auto;border:1px dashed rgba(0,0,0,.1)}.canvas-wrapper canvas{width:400px;height:auto;border-radius:6px;box-shadow:0 4px 16px #0000001a;display:block;image-rendering:crisp-edges}@media(max-width:1024px){.video-generator-content{flex-direction:column;margin:10px auto}.video-generator-selectors{width:100%;max-height:280px;display:flex;gap:0;border-right:none;border-bottom:1px solid rgba(0,0,0,.08);overflow-x:auto;overflow-y:hidden;padding:0 15px}.video-generator-main{padding:15px}.canvas-wrapper{min-height:350px}}@media(max-width:768px){.video-generator-content{width:calc(100% - 20px);margin:10px auto}.canvas-wrapper{min-height:300px;padding:15px}.canvas-wrapper canvas{width:320px}.video-generator-main{padding:12px;gap:12px}}.background-selector,.tree-selector{flex:1;border-right:1px solid #e0e0e0;border-bottom:none;padding:12px;max-height:none;overflow:visible}.tree-selector{border-right:none}.background-grid,.tree-grid{grid-template-columns:repeat(3,1fr);gap:8px}.background-item img,.tree-item img{height:80px}@media(max-width:768px){.video-generator-header{padding:15px 10px}.video-generator-header h1{font-size:20px;margin-bottom:3px}.video-generator-header p{font-size:12px}.video-generator-content{flex-direction:column;margin:8px auto;padding:8px;border-radius:4px}.video-generator-selectors{width:100%;max-height:200px;overflow-x:auto;overflow-y:hidden}.background-selector,.tree-selector{flex:0 0 auto;border-right:1px solid #e0e0e0;border-bottom:none;padding:10px;min-width:150px}.background-grid,.tree-grid{grid-template-columns:repeat(2,1fr);gap:6px}.background-selector h3,.tree-selector h3{font-size:14px;margin:0 0 8px}.background-item img,.tree-item img{height:60px}.background-item p,.tree-item p{font-size:12px}.video-generator-main{padding:10px;gap:10px}.canvas-wrapper{min-height:250px;padding:10px}}@media(max-width:480px){.video-generator-header h1{font-size:18px}.video-generator-header p{font-size:11px}.video-generator-content{margin:5px auto;padding:5px}.video-generator-selectors{max-height:180px}.background-selector,.tree-selector{padding:8px;min-width:120px}.background-grid,.tree-grid{grid-template-columns:repeat(2,1fr);gap:4px}.background-item,.tree-item{padding:4px}.background-item img,.tree-item img{height:50px;margin-bottom:4px}.background-item p,.tree-item p{font-size:10px}.video-generator-main{padding:8px;gap:8px}.canvas-wrapper{min-height:200px;padding:8px}}.ffmpeg-progress-container{width:100%;height:10px;background:#333;border-radius:5px;overflow:hidden;margin-top:10px}.ffmpeg-progress-bar{height:100%;background:#4caf50;width:0%;transition:width .2s linear}.navbar{background:#000;padding:1.5rem 0;box-shadow:0 4px 16px #0000004d;position:relative;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-container{max-width:1400px;margin:0 auto;padding:0 2rem}.navbar-content{text-align:center}.navbar-title{font-size:2rem;font-weight:700;color:#fff;margin:0;letter-spacing:.5px;font-family:Georgia,Garamond,serif}.navbar-subtitle{font-size:.95rem;color:#fffc;margin:.5rem 0 0;font-weight:300;letter-spacing:.3px;font-family:Georgia,Garamond,serif}@media(max-width:768px){.navbar{padding:1rem 0}.navbar-title{font-size:1.5rem}.navbar-subtitle{font-size:.85rem}}.snowfall-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}*{margin:0;padding:0;box-sizing:border-box}#root{width:100%;min-height:100vh;overflow-x:hidden}.app{width:100%;min-height:100vh;background:#000;position:relative;overflow-x:hidden;display:flex;flex-direction:column}.app-main{position:relative;z-index:5;padding:2rem 0;flex:1}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0f28184d}::-webkit-scrollbar-thumb{background:#ffd70066;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ffd70099}