*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#0c0c0e;color:#f0f0f2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;touch-action:manipulation}img{display:block;max-width:100%}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}input{font-family:inherit;color:inherit;border:none;outline:none;background:none}.container{width:100%;min-height:100vh;min-height:100dvh;display:flex;justify-content:center;background-color:#0c0c0e}.content{width:100%;max-width:410px;min-height:100vh;min-height:100dvh;padding:0 20px;position:relative}.main-page{padding:24px 0 40px}.main-page-header{text-align:center;margin-bottom:28px}.main-page-header h1{font-size:22px;line-height:26px;font-weight:700;color:#f0f0f2;letter-spacing:2px}.main-page-header p{font-size:13px;line-height:17px;font-weight:400;color:#8a8a9a;margin-top:6px}.main-page-section{margin-bottom:20px}.main-page-section-label{font-size:13px;line-height:17px;font-weight:600;color:#8a8a9a;margin-bottom:10px;display:block}.image-uploader{width:100%;aspect-ratio:16/9;border:2px dashed #3a3a48;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;cursor:pointer;transition:all .2s ease;background-color:#16161a;position:relative;overflow:hidden}.image-uploader:hover{border-color:#7c6cf0;background-color:#1e1e24}.image-uploader.has-image{border-style:solid;border-color:#2a2a35}.image-uploader.has-image:hover{border-color:#7c6cf0}.image-uploader-icon{width:40px;height:40px;border-radius:50%;background-color:#7c6cf01f;display:flex;align-items:center;justify-content:center}.image-uploader-icon svg{width:20px;height:20px;color:#7c6cf0}.image-uploader-text{font-size:13px;line-height:17px;font-weight:400;color:#8a8a9a}.image-uploader-preview{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.image-uploader-change{position:absolute;bottom:10px;right:10px;padding:6px 14px;border-radius:8px;background-color:#000000a6;font-size:12px;line-height:16px;font-weight:500;color:#f0f0f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.image-uploader input[type=file]{display:none}.bg-selector{display:flex;gap:8px}.bg-selector-item{flex:1;height:44px;border-radius:12px;background-color:#16161a;border:1.5px solid #2a2a35;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.bg-selector-item:hover{background-color:#1e1e24;border-color:#3a3a48}.bg-selector-item.active{background-color:#7c6cf01f;border-color:#7c6cf0}.bg-selector-item-swatch{width:18px;height:18px;border-radius:50%;border:1.5px solid #3a3a48;flex-shrink:0}.bg-selector-item-swatch.is-transparent{background:repeating-conic-gradient(#1e1e24,#1e1e24 25%,#16161a 0%,#16161a 50%) 50%/8px 8px}.bg-selector-item-name{font-size:12px;line-height:16px;font-weight:500;color:#8a8a9a}.bg-selector-item.active .bg-selector-item-name{color:#7c6cf0}.effect-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.effect-selector-item{padding:12px 0;border-radius:12px;background-color:#16161a;border:1.5px solid #2a2a35;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;transition:all .2s ease}.effect-selector-item:hover{background-color:#1e1e24;border-color:#3a3a48}.effect-selector-item.active{background-color:#7c6cf01f;border-color:#7c6cf0}.effect-selector-item-icon{font-size:20px;line-height:1}.effect-selector-item-name{font-size:11px;line-height:15px;font-weight:500;color:#8a8a9a}.effect-selector-item.active .effect-selector-item-name{color:#7c6cf0}.count-selector{display:flex;flex-wrap:wrap;gap:6px}.count-selector.disabled{opacity:.35;pointer-events:none}.count-selector-item{width:40px;height:36px;border-radius:8px;background-color:#16161a;border:1.5px solid #2a2a35;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:16px;font-weight:500;color:#8a8a9a;transition:all .2s ease}.count-selector-item:hover{background-color:#1e1e24;border-color:#3a3a48}.count-selector-item.active{background-color:#7c6cf01f;border-color:#7c6cf0;color:#7c6cf0}.count-selector-item.infinite{width:auto;padding:0 14px;font-size:11px;line-height:15px;font-weight:600;color:#8a8a9a;letter-spacing:.5px}.count-selector-item.infinite.active{color:#7c6cf0}.duration-input{display:flex;align-items:center;gap:10px}.duration-input.disabled{opacity:.35;pointer-events:none}.duration-input-field{width:80px;height:40px;border-radius:12px;background-color:#16161a;border:1.5px solid #2a2a35;text-align:center;font-size:15px;line-height:19px;font-weight:600;color:#f0f0f2;transition:border-color .2s ease}.duration-input-field:focus{border-color:#7c6cf0}.duration-input-field::-webkit-inner-spin-button,.duration-input-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.duration-input-field{-moz-appearance:textfield}.duration-input-unit{font-size:14px;line-height:18px;font-weight:500;color:#8a8a9a}.duration-input-range{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:#2a2a35;outline:none}.duration-input-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#7c6cf0;cursor:pointer;transition:all .2s ease}.duration-input-range::-webkit-slider-thumb:hover{transform:scale(1.15)}.duration-input-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#7c6cf0;cursor:pointer;border:none}.animation-preview{width:100%;display:flex;justify-content:center}.animation-preview-frame{width:200px;aspect-ratio:1/1;border-radius:20px;border:2px solid #2a2a35;overflow:hidden;background-color:#16161a;position:relative}.animation-preview-frame.is-bg-transparent{background-color:transparent;background-image:repeating-conic-gradient(#1e1e24,#1e1e24 25%,#16161a 0%,#16161a 50%);background-size:10px 10px;background-position:50% 50%}.animation-preview-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.animation-preview-empty span{font-size:12px;line-height:16px;font-weight:400;color:#556}.animation-preview-viewport{width:100%;height:100%;overflow:hidden;position:relative;padding:20px;box-sizing:border-box}.animation-preview-grid{display:grid}.animation-preview-grid.centered{width:100%;height:100%;place-content:center}.animation-preview-grid.infinite{align-content:start}.animation-preview-grid-cell{overflow:hidden;border-radius:2px;flex-shrink:0;background-color:#0000000f}.animation-preview-grid img{width:100%;height:100%;object-fit:contain;vertical-align:middle}.animation-preview-rain-random{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.animation-preview-rain-random-item{position:absolute;top:0;overflow:hidden;border-radius:2px;background-color:#0000000f}.animation-preview-rain-random-item img{width:100%;height:100%;object-fit:contain;vertical-align:middle}.animation-preview-ninja{position:absolute;top:0;right:0;bottom:0;left:0}.animation-preview-ninja-item{position:absolute;left:0;overflow:hidden;border-radius:2px;animation:ninja-fly linear infinite;will-change:transform,opacity;background-color:#0000000f}.animation-preview-ninja-item img{width:100%;height:100%;object-fit:contain;vertical-align:middle}.effect-rain .animation-preview-rain-random-item{animation-name:rain-random-fall;animation-timing-function:linear;animation-iteration-count:infinite}.effect-rotate .animation-preview-grid img{animation:rotate var(--duration) linear infinite}.effect-shake .animation-preview-grid img{animation:shake var(--duration) ease-in-out infinite}.effect-float .animation-preview-grid img{animation:float var(--duration) ease-in-out infinite}@keyframes rain-random-fall{0%{transform:translateY(var(--rain-start, -32px))}to{transform:translateY(var(--rain-end, 480px))}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6%)}40%{transform:translate(6%)}60%{transform:translate(-4%)}80%{transform:translate(4%)}}@keyframes float{0%,to{transform:translateY(9%)}50%{transform:translateY(-9%)}}@keyframes ninja-fly{0%{transform:translate(var(--ninja-from));opacity:var(--trail-opacity, 1)}15%{transform:translate(var(--ninja-to));opacity:var(--trail-opacity, 1)}15.5%{transform:translate(var(--ninja-to));opacity:0}16%,to{transform:translate(var(--ninja-from));opacity:0}}.download-button{width:100%;margin-top:8px}.download-button-btn{width:100%;height:50px;border-radius:12px;background-color:#7c6cf0;font-size:15px;line-height:19px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;letter-spacing:.5px}.download-button-btn:hover{background-color:#6b5ce0;transform:translateY(-1px)}.download-button-btn:active{transform:translateY(0)}.download-button-btn:disabled{background-color:#1e1e24;color:#556;cursor:not-allowed;transform:none}.download-button-btn svg{width:18px;height:18px}.download-button-progress{width:100%;height:50px;border-radius:12px;background-color:#1e1e24;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.download-button-progress-bar{position:absolute;left:0;top:0;height:100%;background-color:#7c6cf01f;transition:width .1s ease}.download-button-progress-text{position:relative;z-index:1;font-size:14px;line-height:18px;font-weight:600;color:#f0f0f2}.download-button-mobile-save{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;pointer-events:auto}.download-button-mobile-save-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;padding:0;margin:0;background:#000000bf;cursor:pointer}.download-button-mobile-save-panel{position:relative;z-index:1;max-width:100%;max-height:min(90vh,640px);width:min(360px,100%);border-radius:16px;background-color:#16161a;border:1.5px solid #2a2a35;padding:20px 16px 16px;display:flex;flex-direction:column;gap:14px;box-shadow:0 12px 40px #00000073}.download-button-mobile-save-badge{align-self:center;padding:5px 12px;border-radius:999px;background-color:#1e1e24;border:1px solid #2a2a35;font-size:11px;line-height:15px;font-weight:700;color:#7c6cf0;letter-spacing:.02em;text-transform:none}.download-button-mobile-save-text{font-size:13px;line-height:17px;font-weight:500;color:#8a8a9a;text-align:center;line-height:1.5;margin:0}.download-button-mobile-save-text strong{color:#7c6cf0}.download-button-mobile-save-text-secondary{font-size:12px;line-height:16px;font-weight:400;color:#556;text-align:left;line-height:1.55;margin:0;padding:10px 12px;border-radius:12px;background-color:#1e1e24;border:1px solid #2a2a35}.download-button-mobile-save-text-secondary strong{color:#8a8a9a}.download-button-mobile-save-actions{display:flex;flex-direction:column;gap:8px}.download-button-mobile-save-open{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 14px;border:none;border-radius:12px;background-color:#7c6cf0;font-size:15px;line-height:19px;font-weight:700;color:#fff;text-decoration:none;text-align:center;line-height:1.3;cursor:pointer;transition:all .2s ease}.download-button-mobile-save-open:active{background-color:#6b5ce0}.download-button-mobile-save-open--secondary{border:1.5px solid #2a2a35;background-color:#1e1e24;font-size:14px;line-height:18px;font-weight:600;color:#f0f0f2}.download-button-mobile-save-open--secondary:active{background-color:#16161a}.download-button-mobile-save-download{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 14px;border:none;border-radius:12px;background-color:#7c6cf0;font-size:15px;line-height:19px;font-weight:700;color:#fff;text-decoration:none;text-align:center;line-height:1.3;cursor:pointer;transition:all .2s ease}.download-button-mobile-save-download:active{background-color:#6b5ce0}.download-button-mobile-save-download--secondary{border:1.5px solid #2a2a35;background-color:#1e1e24;font-size:14px;line-height:18px;font-weight:600;color:#f0f0f2}.download-button-mobile-save-download--secondary:active{background-color:#16161a}.download-button-mobile-save-download--tertiary{min-height:44px;padding:10px 12px;border:1.5px solid #2a2a35;background-color:transparent;font-size:12px;line-height:16px;font-weight:600;color:#556;color:#8a8a9a}.download-button-mobile-save-download--tertiary:active{background-color:#1e1e24}.download-button-mobile-save-share{width:100%;height:48px;border-radius:12px;border:1.5px solid #2a2a35;background-color:#1e1e24;font-size:13px;line-height:17px;font-weight:600;color:#8a8a9a;cursor:pointer;transition:all .2s ease}.download-button-mobile-save-share:active{background-color:#16161a}.download-button-mobile-save-note{font-size:11px;line-height:15px;font-weight:500;color:#556;text-align:center;margin:0;line-height:1.4}.download-button-mobile-save-img-wrap{border-radius:12px;overflow:hidden;background-color:#1e1e24;max-height:36vh;display:flex;align-items:center;justify-content:center}.download-button-mobile-save-img-wrap--dim{opacity:.55;pointer-events:none}.download-button-mobile-save-img{max-width:100%;max-height:min(34vh,280px);width:auto;height:auto;object-fit:contain;vertical-align:middle;-webkit-user-select:none;user-select:none}.download-button-mobile-save-close{width:100%;height:44px;border-radius:12px;border:1.5px solid #2a2a35;background-color:#1e1e24;font-size:14px;line-height:18px;font-weight:600;color:#f0f0f2;cursor:pointer;transition:all .2s ease}.download-button-mobile-save-close:active{background-color:#16161a}