@font-face{font-family:Lexend Deca;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-deca-latin-400-normal-Cs_IAxDy.woff2)format("woff2")}@font-face{font-family:Lexend Deca;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/lexend-deca-latin-500-normal-YJdqj_n8.woff2)format("woff2")}@font-face{font-family:Lexend Deca;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/lexend-deca-latin-600-normal-Cnc3Ftn4.woff2)format("woff2")}@font-face{font-family:Lexend Deca;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/lexend-deca-latin-700-normal-C_odoOWn.woff2)format("woff2")}@font-face{font-family:Noto Sans KR;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-kr-korean-400-normal-CmjJz_gz.woff2)format("woff2")}@font-face{font-family:Noto Sans KR;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-kr-korean-500-normal-BlTm2RPg.woff2)format("woff2")}@font-face{font-family:Noto Sans KR;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-kr-korean-600-normal-DaMZfL7Z.woff2)format("woff2")}@font-face{font-family:Noto Sans KR;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-kr-korean-700-normal-DvnDzSjd.woff2)format("woff2")}:root{color:#24252c;font-synthesis:none;text-rendering:optimizelegibility;--brand:#5f33e1;--brand-strong:#5f27ff;--brand-soft:#ede8ff;--surface-soft:#eee9ff;--ink:#24252c;--muted:#6e6a7c;--surface:#fff;background:#f4f0ff;font-family:Lexend Deca,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{background:#f4f0ff;min-width:320px;min-height:100dvh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.35em;height:1.35em}.page-shell{isolation:isolate;min-height:100dvh;padding:32px 56px 26px;position:relative;overflow:hidden}main{z-index:1;position:relative}.tool-intro{text-align:center;max-width:680px;margin:44px auto 0;animation:.46s cubic-bezier(.2,0,.2,1) both enter-down}.tool-kicker{height:28px;color:var(--brand);background:#ffffff9e;border-radius:999px;align-items:center;padding:0 12px;font-size:11px;font-weight:600;display:inline-flex}.tool-intro h1{letter-spacing:-.04em;margin:20px 0 0;font-size:33px;font-weight:600;line-height:1.05}.tool-intro p{color:var(--muted);margin:16px 0 0;font-size:14px;line-height:1.65}.tool-card{background:#fffffff7;border:1px solid #5f33e10b;border-radius:24px;width:min(560px,100vw - 44px);margin:36px auto 0;padding:32px;animation:.48s cubic-bezier(.2,0,.2,1) 60ms both enter-up;box-shadow:0 14px 58px #3e2b7614,0 4px 32px #00000009}.dropzone{text-align:center;border:1.5px dashed #d8d0ee;border-radius:18px;padding:30px 20px 20px;transition:border-color .18s,background .18s,transform .18s}.dropzone.dragging{border-color:var(--brand);background:#f7f4ff;transform:scale(1.01)}.upload-icon{width:58px;height:58px;color:var(--brand);background:var(--brand-soft);border-radius:18px;place-items:center;margin:0 auto;display:grid}.upload-icon svg{width:27px;height:27px}.tool-card h2{letter-spacing:-.025em;margin:22px 0 0;font-size:19px;line-height:1.35}.dropzone>p,.done-card>p,.error-card>p{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.6}.drop-hint{color:#a09baa;margin-top:14px;font-size:10px;display:block}.button{cursor:pointer;border:0;border-radius:15px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:50px;padding:0 20px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .12s cubic-bezier(.2,0,.2,1),opacity .12s,box-shadow .18s;display:inline-flex}.button:active{transform:scale(.975)}.button:focus-visible,.guide-link:focus-visible,.text-button:focus-visible,.icon-button:focus-visible,.guide-tabs button:focus-visible,.period-picker select:focus-visible{outline-offset:3px;outline:3px solid #5f33e147}.format-option:has(input:focus-visible){outline-offset:3px;outline:3px solid #5f33e147}.duration-option:has(input:focus-visible){outline-offset:3px;outline:3px solid #5f33e147}.button-primary{color:#fff;background:linear-gradient(135deg, var(--brand), var(--brand-strong));box-shadow:0 10px 24px #5f33e12e}.button-primary:hover{box-shadow:0 12px 30px #5f33e140}.button-soft{color:var(--brand);background:var(--surface-soft)}.dropzone .button{margin-top:24px}.timeline-requirement{color:#514a35;text-align:left;background:#fffaf0;border:1px solid #eadcae;border-radius:14px;align-items:flex-start;gap:10px;margin-top:18px;padding:13px 14px;display:flex}.timeline-requirement-icon{color:#fff;background:#b78625;border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid}.timeline-requirement-copy{min-width:0}.timeline-requirement-copy strong,.timeline-requirement-copy small{display:block}.timeline-requirement-copy strong{font-size:11px;line-height:1.45}.timeline-requirement-copy small{color:#746b50;margin-top:4px;font-size:10px;line-height:1.55}.empty-card>.button-soft{margin-top:12px}.privacy-note{color:var(--muted);border-top:1px solid #eeeaf4;margin-top:22px;padding-top:18px;font-size:11px;line-height:1.6}.privacy-note p{margin:0}.privacy-note p+p{margin-top:4px}.selected-file{background:#f8f6fc;border-radius:15px;align-items:center;gap:13px;min-height:64px;padding:12px 14px;display:flex}.file-icon{width:38px;height:38px;color:var(--brand);background:var(--brand-soft);border-radius:11px;flex:0 0 38px;place-items:center;display:grid}.file-copy{flex:1;min-width:0}.file-copy strong,.file-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.file-copy strong{font-size:13px}.file-copy small{color:var(--muted);margin-top:5px;font-size:10px}.text-button,.guide-link{color:var(--brand);cursor:pointer;background:0 0;border:0;padding:5px;font-size:11px}.period-picker{border:0;margin:24px 0 0;padding:0}.period-picker legend,.format-picker legend{margin-bottom:10px;font-size:14px;font-weight:600}.period-fields{grid-template-columns:1fr auto 1fr;align-items:end;gap:9px;display:grid}.period-fields label{min-width:0}.period-fields label>span{color:var(--muted);margin:0 0 7px 2px;font-size:9px;display:block}.period-fields select{width:100%;height:44px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #ded8e8;border-radius:12px;padding:0 34px 0 12px;font-size:11px}.period-separator{color:#a09baa;padding-bottom:13px;font-size:13px}.format-picker{border:0;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;padding:0;display:grid}.format-picker legend{grid-column:1/-1;margin-bottom:2px;font-size:14px;font-weight:600}.format-option{cursor:pointer;border:1.5px solid #e1dce9;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:126px;padding:18px 10px 15px;transition:border-color .18s,background .18s,transform .12s;display:flex;position:relative}.format-option:hover{border-color:#b9a8eb}.format-option:active{transform:scale(.98)}.format-option.selected{border-color:var(--brand);background:#f6f3ff}.format-option input{opacity:0;pointer-events:none;position:absolute}.format-option>span:nth-of-type(2){text-align:center}.format-option strong,.format-option small{display:block}.format-option strong{font-size:12px}.format-option small{color:var(--muted);margin-top:6px;font-size:10px}.format-shape{color:#8a8398;border:2px solid;border-radius:5px;display:block}.story-shape{width:18px;height:32px}.post-shape{width:28px;height:28px}.selected .format-shape{color:var(--brand)}.format-check{color:#fff;background:var(--brand);border-radius:50%;place-items:center;width:20px;height:20px;display:none;position:absolute;top:10px;right:10px}.format-check svg{width:12px;height:12px}.selected .format-check{animation:.25s cubic-bezier(.2,0,.2,1) both pop;display:grid}.duration-picker{border:0;margin:-2px 0 24px;padding:0}.duration-picker legend{width:100%;margin-bottom:10px;font-size:14px;font-weight:600}.duration-picker legend small{float:right;color:var(--muted);margin-top:3px;font-size:9px;font-weight:400}.duration-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.duration-option{min-height:42px;color:var(--muted);cursor:pointer;border:1.5px solid #e1dce9;border-radius:12px;place-items:center;font-size:11px;font-weight:600;transition:border-color .18s,color .18s,background .18s,transform .12s;display:grid;position:relative}.duration-option:active{transform:scale(.98)}.duration-option.selected{border-color:var(--brand);color:var(--brand);background:#f6f3ff}.duration-option input{opacity:0;pointer-events:none;position:absolute}.ready-card>.guide-link,.done-card>.guide-link,.error-card>.guide-link{margin:17px auto 0;display:block}.working-card,.done-card,.error-card{text-align:center}.working-mark{justify-content:center;align-items:center;gap:5px;height:48px;display:flex}.working-mark span{background:var(--brand);border-radius:50%;width:9px;height:9px;animation:1.2s ease-in-out infinite bounce}.working-mark span:nth-child(2){animation-delay:.12s}.working-mark span:nth-child(3){animation-delay:.24s}.working-card h2{margin-top:12px}.working-note{color:var(--muted);margin:9px 0 30px;font-size:11px;animation:1.8s ease-in-out infinite breathe}.progress-row{color:var(--muted);justify-content:space-between;gap:12px;margin-bottom:9px;font-size:11px;display:flex}.progress-row strong{color:var(--ink)}progress{appearance:none;background:#ebe7f2;border:0;border-radius:999px;width:100%;height:7px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:#ebe7f2}progress::-webkit-progress-value{background:linear-gradient(90deg, #7552ea, var(--brand));border-radius:999px;transition:width .2s}progress::-moz-progress-bar{background:var(--brand);border-radius:999px}.working-card .button{margin-top:30px}.local-reminder{color:#a09baa;margin:18px 0 0;font-size:10px}.done-check{color:#fff;background:var(--brand);border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto;animation:.36s cubic-bezier(.2,0,.2,1) both pop;display:grid}.done-check svg{width:24px;height:24px}.done-card h2{margin-top:17px}.result-video{object-fit:contain;background:#1f1d27;border-radius:15px;width:100%;max-height:430px;margin:24px auto 18px;display:block;box-shadow:0 12px 30px #24252c21}.result-video.story{aspect-ratio:9/16;width:min(230px,100%)}.result-video.post{aspect-ratio:1}.done-card .button+.button{margin-top:10px}.share-button{display:none}@media (pointer:coarse),(max-width:767px){.share-button{display:inline-flex}}.error-mark{color:#8f2c2c;background:#fff0ed;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto;font-size:22px;font-weight:700;display:grid}.error-card .button{margin-top:26px}.legal-footer{z-index:1;color:var(--muted);flex-wrap:wrap;justify-content:center;gap:18px;margin:42px auto 0;font-size:10px;display:flex;position:relative}.legal-footer a{text-decoration:none}.legal-footer a:hover{color:var(--brand)}.blob{z-index:-1;opacity:.35;filter:blur(85px);pointer-events:none;border-radius:50%;width:320px;height:320px;position:absolute}.blob-one{background:#c1a9ff;top:-120px;left:3%}.blob-two{background:#acd8ff;top:38%;right:-140px}.blob-three{background:#ffdfab;bottom:-180px;left:22%}.guide-dialog{width:min(620px,100vw - 44px);max-height:min(760px,100dvh - 44px);color:var(--ink);background:#fff;border:0;border-radius:24px;padding:0;box-shadow:0 30px 100px #24252c47}.guide-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#24252c7a}.guide-header{align-items:center;gap:20px;padding:26px 28px 18px;display:flex}.guide-header h2{flex:1;margin:0;font-size:19px}.icon-button{width:38px;height:38px;color:var(--muted);cursor:pointer;background:#f5f3f8;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.guide-tabs{background:#f3effd;border-radius:13px;grid-template-columns:1fr 1fr;gap:5px;margin:0 28px;padding:5px;display:grid}.guide-tabs button{min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:12px;font-weight:600}.guide-tabs button[aria-selected=true]{color:var(--brand);background:#fff;box-shadow:0 3px 12px #24252c0f}.guide-steps{gap:0;margin:24px 28px 0;padding:0;list-style:none;display:grid}.guide-steps li{gap:14px;padding:0 0 20px;display:flex;position:relative}.guide-steps li:not(:last-child):after{content:"";background:#ded7f2;width:1px;position:absolute;top:29px;bottom:4px;left:13px}.guide-steps li>span{z-index:1;color:#fff;background:var(--brand);border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:grid;position:relative}.guide-steps strong{padding-top:4px;font-size:13px;display:block}.guide-steps p{color:var(--muted);margin:7px 0 0;font-size:11px;line-height:1.55}.guide-filename{color:var(--muted);background:#f7f5fb;border-radius:12px;margin:0 28px;padding:14px 16px;font-size:10px;line-height:1.55}.guide-filename strong{color:var(--ink)}.official-link{color:var(--brand);margin:18px 28px 28px;font-size:11px;text-decoration:none;display:inline-block}.toast{z-index:20;color:#fff;opacity:0;pointer-events:none;background:#24252ceb;border-radius:12px;max-width:calc(100vw - 44px);padding:12px 16px;font-size:11px;transition:opacity .18s,transform .18s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,14px);box-shadow:0 10px 30px #0000002e}.toast.show{opacity:1;transform:translate(-50%)}.map-render-surface{z-index:999;opacity:.001;pointer-events:none;position:fixed;top:0;left:0;overflow:hidden}.legal-shell{overflow:visible}.legal-card{z-index:1;background:#fff;border-radius:24px;width:min(760px,100vw - 44px);margin:48px auto 0;padding:44px;position:relative;box-shadow:0 12px 48px #3e2b7612}.back-link{color:var(--brand);font-size:11px;text-decoration:none}.legal-card h1{letter-spacing:-.04em;margin:30px 0 4px;font-size:30px}.legal-date{color:#9893a2!important;margin:0 0 34px!important;font-size:10px!important}.legal-card h2{margin:30px 0 8px;font-size:15px}.legal-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.8}@keyframes enter-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes enter-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,60%,to{opacity:.45;transform:translateY(3px)}30%{opacity:1;transform:translateY(-5px)}}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}@media (max-width:767px){.page-shell{padding:20px 22px 22px}.tool-intro{margin-top:24px}.tool-kicker{height:25px;font-size:9px}.tool-intro h1{margin-top:16px;font-size:24px;line-height:1.25}.tool-intro p{margin-top:10px;font-size:13px;line-height:1.55}.tool-card{border-radius:22px;width:100%;margin-top:22px;padding:22px}.dropzone{padding:24px 12px 18px}.upload-icon{width:52px;height:52px}.tool-card h2{font-size:17px}.dropzone>p{font-size:11px}.drop-hint{display:none}.format-picker{gap:9px;margin-top:24px}.period-fields{gap:6px}.period-fields select{padding-left:9px;font-size:10px}.format-option{min-height:116px;padding-inline:6px}.format-option strong{font-size:11px}.result-video{max-height:58dvh}.legal-footer{gap:14px;margin-top:32px}.guide-dialog{border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0}.guide-header{padding:calc(18px + env(safe-area-inset-top)) 22px 16px}.guide-tabs,.guide-steps,.guide-filename{margin-left:22px;margin-right:22px}.official-link{margin-left:22px;margin-bottom:calc(24px + env(safe-area-inset-bottom))}.legal-card{width:100%;margin-top:30px;padding:28px 22px}.legal-card h1{font-size:25px}}@media (max-width:360px){.page-shell{padding-inline:16px}.tool-card{padding:18px}.format-option{min-height:110px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-brand-header{z-index:10;width:min(1328px,100vw - 112px);margin-inline:auto;position:relative}.site-brand-wordmark{width:-moz-fit-content;width:fit-content;color:var(--site-brand-color,#24252c);letter-spacing:-.04em;font-size:22px;font-weight:700;line-height:1;text-decoration:none;display:inline-block}.site-brand-wordmark:after{color:var(--site-brand-accent,#5f33e1);content:"."}.site-brand-wordmark:focus-visible{outline:3px solid color-mix(in srgb, var(--site-brand-accent,#5f33e1) 36%, transparent);outline-offset:5px;border-radius:3px}.site-related-tools{--site-related-ink:#24252c;--site-related-muted:#777382;width:min(760px,100vw - 44px);color:var(--site-related-ink);text-align:center;margin:64px auto 0}.site-related-heading>span{color:var(--site-brand-accent,#5f33e1);letter-spacing:.08em;font-size:10px;font-weight:700}.site-related-heading h2{letter-spacing:-.03em;margin:9px 0 0;font-size:18px}.site-related-grid{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.site-related-card{--site-related-accent:#5f33e1;--site-related-tint:#eee9ff;min-width:0;min-height:104px;color:var(--site-related-ink);background:#ffffffc2;border:1px solid #5f33e11a;border-radius:18px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;padding:18px;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;box-shadow:0 10px 34px #3e2b760e}.site-related-card:hover{border-color:color-mix(in srgb, var(--site-related-accent) 28%, transparent);transform:translateY(-2px);box-shadow:0 14px 42px #3e2b7617}.site-related-card:focus-visible{outline:3px solid color-mix(in srgb, var(--site-related-accent) 32%, transparent);outline-offset:3px}.site-related-pink{--site-related-accent:#df5fa1;--site-related-tint:#ffe9f4}.site-related-aqua{--site-related-accent:#168ba4;--site-related-tint:#e2f8f7}.site-related-gold{--site-related-accent:#b77818;--site-related-tint:#fff2ca}.site-related-icon{width:42px;height:42px;color:var(--site-related-accent);background:var(--site-related-tint);border-radius:13px;place-items:center;font-size:14px;font-weight:700;display:grid}.site-related-copy{min-width:0}.site-related-copy small,.site-related-copy strong,.site-related-copy>span{display:block}.site-related-copy small{color:var(--site-related-accent);letter-spacing:.08em;font-size:8px;font-weight:700}.site-related-copy strong{margin-top:5px;font-size:14px}.site-related-copy>span{color:var(--site-related-muted);margin-top:5px;font-size:10px;line-height:1.5}.site-related-arrow{color:var(--site-related-accent);font-size:15px;font-weight:700}.site-related-all{color:var(--site-brand-accent,#5f33e1);align-items:center;gap:5px;margin-top:16px;font-size:10px;font-weight:600;text-decoration:none;display:inline-flex}.site-related-all:hover{text-underline-offset:3px;text-decoration:underline}.devil-game-page .site-related-tools{--site-related-ink:#f7f6ff;--site-related-muted:#aaa7ba}.devil-game-page .site-related-card{background:#ffffff0e;border-color:#ffffff1a;box-shadow:0 12px 36px #0000001f}.wavebean-page .site-related-card{background:#ffffffa3;border:2px solid #17233821;box-shadow:3px 4px #1723381a}@media (max-width:767px){.site-brand-header{width:calc(100vw - 44px)}.site-brand-wordmark{font-size:19px}.site-related-tools{width:100%;margin-top:42px}.site-related-heading h2{font-size:16px}.site-related-grid{grid-template-columns:1fr;gap:11px}.site-related-card{min-height:92px;padding:15px}}@media (prefers-reduced-motion:reduce){.site-related-card{transition-duration:.01ms!important}}
