@charset "UTF-8";

:root{color-scheme:light;--paper:#f6f6f1;--surface:#fff;--ink:#252b28;--muted:#717872;--line:#dfe2da;--mint:#bcebd1;--mint-dark:#276a4b;--soft:#eeefe9;--danger:#a53c2b;--radius:8px;--range-start:0%;--range-end:100%;font-family:Arial,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:26px}
body{margin:0;background:var(--paper);color:var(--ink);font-size:14px;line-height:1.6;word-break:keep-all;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit;color:inherit}
button,a,input,select,summary{-webkit-tap-highlight-color:transparent}
button,a,select,summary{touch-action:manipulation}
button{cursor:pointer}
button:disabled{cursor:not-allowed}
a{color:inherit;text-decoration:none}
button{border:0}
svg{display:block;flex-shrink:0}
img,video{max-width:100%}
button,input,select,a,summary{outline-offset:4px}
:focus-visible{outline:2px solid var(--mint-dark)}
[hidden]{display:none!important}
::selection{background:var(--mint);color:var(--ink)}
h1,h2,h3,p{margin:0}
button{background:none}
.page-shell{width:min(1240px,calc(100% - 96px));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:100;left:20px;top:-100px;background:var(--ink);color:#fff;padding:10px 18px;border-radius:4px}.skip-link:focus{top:10px}
.site-header{display:flex;align-items:center;min-height:97px;gap:40px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:850;letter-spacing:-1.25px;line-height:1}
.brand-mark{width:29px;height:29px}.brand-dot{color:#6a8a75}
.main-nav{display:flex;gap:28px;align-items:center;margin-left:auto;font-size:13px;font-weight:600;color:var(--muted)}
.main-nav a{padding:12px 0;position:relative;transition:color .16s}.main-nav a:hover{color:var(--ink)}
.main-nav .nav-active{color:var(--ink)}
.header-note{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;white-space:nowrap;margin-left:18px}
.status-dot{height:6px;width:6px;border-radius:50%;background:#72b48c;box-shadow:0 0 0 3px #e5eee5}
.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center;padding:68px 0 69px}
.eyebrow{display:flex;gap:12px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:24px;letter-spacing:.02em}
.format-tag{display:inline-flex;align-items:center;gap:10px;padding:4px 7px;border:1px solid var(--ink);border-radius:2px;font-size:10px;font-weight:750;color:var(--ink);letter-spacing:.055em;line-height:1.2}
.format-tag span{font-size:15px;line-height:1}
.hero h1{font-size:clamp(54px,6.4vw,87px);font-weight:800;line-height:1.15;letter-spacing:-.075em;max-width:700px}
.hero h1>span{color:#717c73}
.hero-description{font-size:15px;line-height:1.85;color:#697269;margin-top:24px;letter-spacing:-.02em}
.hero-art{max-width:408px;width:100%;justify-self:end;padding-top:8px}
.art-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;font-weight:650;color:#737c73;margin-bottom:14px}.art-label>span:last-child{font-size:18px;line-height:1}
.motion-composition{position:relative;display:flex;gap:7px;padding:18px 0 19px}
.motion-frame{position:relative;flex:1;aspect-ratio:.79;overflow:hidden;border:1px solid #c7d6c8;background:#e2eadf}
.motion-frame i{display:block;position:absolute;width:125%;aspect-ratio:1;border:1px solid #779582;background:#bdddc6;border-radius:50%;left:-12.5%;top:26%;box-shadow:inset 0 0 0 18px #cde3d1,inset 0 0 0 19px #85a28d,inset 0 0 0 38px #dbe9d9,inset 0 0 0 39px #94ad96}
.motion-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff5,transparent 65%)}
.motion-frame>span{position:absolute;left:9px;top:7px;font-family:monospace;font-size:9px;color:#526859;z-index:1}
.frame-one{transform:translateY(9px);background:#e7ebe1}.frame-one i{top:42%;left:-40%;background:#bbd6ba;transform:rotate(-20deg)}
.frame-two{border-color:#72a687;background:#cdebd7}.frame-two i{top:18%;left:-12%;background:#b1d6b8;box-shadow:inset 0 0 0 18px #d9edda,inset 0 0 0 19px #82a78c,inset 0 0 0 38px #bedcc5,inset 0 0 0 39px #85a68e}
.frame-three{transform:translateY(-9px);background:#dce5d8}.frame-three i{top:1%;left:16%;background:#a7c5ab}
.motion-corner{position:absolute;width:18px;height:18px;border-color:#394c3e;border-style:solid;z-index:2}.corner-top{top:12px;left:-7px;border-width:1px 0 0 1px}.corner-bottom{bottom:13px;right:-7px;border-width:0 1px 1px 0}
.art-timeline{height:15px;display:flex;gap:10px;align-items:center;margin:13px 0 9px}.art-tick{flex:1;height:5px;background:repeating-linear-gradient(to right,#bfc9bc 0 1px,transparent 1px 6px)}
.art-cut{width:54%;height:11px;border:1px solid #75a184;background:var(--mint);position:relative}.art-cut::before,.art-cut::after{content:"";position:absolute;width:4px;height:15px;background:#506f58;top:-3px}.art-cut::before{left:-2px}.art-cut::after{right:-2px}.art-cut i{position:absolute;left:63%;height:19px;width:1px;background:#3e5d45;top:-5px}
.art-caption{display:flex;justify-content:space-between;align-items:center;color:#738074;font-size:10px;letter-spacing:-.02em}.loop-icon{font-size:24px;line-height:1}
.workspace-section{scroll-margin-top:28px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}
.section-index{display:block;font-size:9px;font-weight:700;letter-spacing:.14em;color:var(--muted);margin-bottom:8px}
.section-heading h2,.faq-intro h2{font-size:26px;font-weight:750;letter-spacing:-.05em;line-height:1.35}
.section-note{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);padding-bottom:4px}.section-note svg{width:16px;height:16px}
.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 338px;gap:20px;align-items:start}
.editing-column{min-width:0}
.media-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}
.card-topline{height:53px;padding:0 23px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #eceee7}
.panel-label{font-size:13px;font-weight:700;letter-spacing:-.025em}.quiet-label{font-size:8px;letter-spacing:.13em;color:#98a096}
.empty-state{padding:23px}
.drop-zone{min-height:395px;border:1px dashed #ccd3c9;border-radius:5px;background:linear-gradient(145deg,#fdfefa,#fafbf7);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:42px 24px;transition:background .15s,border-color .15s}
.drop-zone:hover{border-color:#91ad99;background:#f5faf4}.drop-zone.is-dragging,.is-dragging .drop-zone{border:1.5px dashed #4e9067;background:#e9f7ec;box-shadow:inset 0 0 0 4px #fff8}
.upload-symbol{position:relative;margin-bottom:20px;color:#68796c}.upload-symbol svg{width:53px;height:53px}.upload-symbol>span{position:absolute;right:-7px;bottom:-1px;display:grid;place-items:center;width:21px;height:21px;background:var(--mint);border:3px solid #fafcf7;border-radius:50%;font-size:14px;line-height:1;color:#375d40}
.drop-zone h3{font-size:21px;font-weight:700;letter-spacing:-.045em;margin-bottom:9px}
.drop-zone>p:not(.upload-hint){font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:24px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:45px;padding:11px 21px;border:1px solid transparent;border-radius:4px;font-size:13px;font-weight:650;line-height:1.4;letter-spacing:-.02em;transition:background .15s,transform .15s,border-color .15s,box-shadow .15s;white-space:nowrap}
.button svg{width:18px;height:18px}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}
.button-dark{background:var(--ink);color:#fff}.button-dark:hover:not(:disabled){background:#3b473e}
.button-mint{background:var(--mint);color:#253f30;border-color:#a5daba}.button-mint:hover:not(:disabled){background:#a5dfbf;border-color:#8dcca8}
.button-outline{background:transparent;border-color:#d8dfd4;color:#626f64}.button-outline:hover:not(:disabled){background:#f3f7ef;border-color:#9eafa1}
.button-subtle{background:#eaf3e8;color:#42614a;border-color:#d9e6d6}.button-subtle:hover:not(:disabled){background:#ddebdc}
.button-small{min-height:35px;font-size:11px;padding:7px 12px}.button-small svg{width:15px;height:15px}
.button-full{width:100%}.button:disabled{color:#8b978d;background:#e4eae0;border-color:#d9e1d5;box-shadow:none}.button-outline:disabled{background:transparent;color:#a2aaa0;border-color:#e1e6dc}
.upload-hint{display:flex;gap:9px;align-items:center;font-size:10px;color:#878f85;margin-top:14px}.upload-hint span{font-size:9px;color:#a2a89f;border-left:1px solid #d9ddd3;padding-left:9px}
.sample-row{display:flex;justify-content:center;align-items:center;gap:13px;padding-top:22px;font-size:10px;color:#848b80}
.text-button{display:inline-flex;align-items:center;gap:10px;padding:4px 0;color:#384d3e;font-size:11px;font-weight:650;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#bdc9ba}.text-button>span{font-size:15px;text-decoration:none}.text-button:hover{color:#1a6b43;text-decoration-color:currentColor}
.small-text-button{font-size:10px;color:#7b8578;padding:4px 0;line-height:1.6}.small-text-button:hover{color:#325940;text-decoration:underline;text-underline-offset:3px}
.settings-panel{border:1px solid #d8dfd3;border-radius:var(--radius);padding:23px;background:#eef2e9;min-width:0}
.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.settings-header h3{font-size:16px;font-weight:700;letter-spacing:-.035em}.settings-symbol{font-size:23px;line-height:1;color:#66846d}
.setting-group{margin-bottom:18px;min-width:0}.field-title{display:block;font-size:11px;font-weight:650;margin-bottom:8px;letter-spacing:-.015em}
.target-input-wrap{display:flex;align-items:baseline;border-bottom:1px solid #c5d0bf;padding:0 0 7px;gap:10px;margin-bottom:12px}
.target-input-wrap input{border:0;background:transparent;width:94px;min-width:60px;font-size:43px;font-weight:600;letter-spacing:-.07em;padding:0;line-height:1.1;font-variant-numeric:tabular-nums;appearance:textfield}
.target-input-wrap input::-webkit-outer-spin-button,.target-input-wrap input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.target-input-wrap>span{font-size:12px;color:#778273}
.target-presets{display:flex;gap:5px}.target-presets button{flex:1;padding:6px 3px;border:1px solid #d3ddcc;border-radius:3px;font-size:10px;background:#f7f9f3;white-space:nowrap;color:#727f6e}
.target-presets button:hover{border-color:#99b69f;color:#32533d}.target-presets button[aria-pressed="true"],.target-presets button.is-selected,.target-presets button.active{background:#d9e9d8;border-color:#a9c6ab;color:#365c3e;font-weight:700}
.field-help{font-size:10px;line-height:1.75;color:#83907e;margin-top:11px}
.target-group{padding-bottom:17px;border-bottom:1px solid #dce3d6;margin-bottom:19px}
.settings-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:8px}.field-label-row .field-title{margin:0}
.lock-toggle{display:flex;align-items:center;gap:3px;font-size:9px;color:#8a9584;cursor:pointer;white-space:nowrap}.lock-toggle input{width:11px;height:11px;margin:0;accent-color:#527f5b}
select{width:100%;border:1px solid #d4ddce;border-radius:4px;background:#fafbf7;color:#52614f;font-size:11px;min-height:39px;padding:8px 30px 8px 11px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' stroke='%2374866c' stroke-width='1.2'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;cursor:pointer}
select:hover{border-color:#a4b59c}
.remember-setting{display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.6;color:#7b8875;cursor:pointer;margin:3px 0 20px}.remember-setting input{width:12px;height:12px;accent-color:#60866a;margin:0}
.conversion-actions{border-top:1px solid #d8e2d1;padding-top:15px;display:grid;gap:8px}.settings-summary{font-size:9px;text-align:center;letter-spacing:.01em;color:#7d8b76;margin-bottom:3px}.conversion-actions .button{font-size:12px;min-height:42px}.conversion-actions .button-mint{justify-content:space-between;padding-inline:15px;font-size:13px}
.local-note{display:flex;align-items:flex-start;gap:7px;padding:16px 2px;font-size:10px;color:#818a7b;line-height:1.7}.local-note svg{width:16px;height:16px;margin-top:1px}.local-note p>span{color:#9ca394}
.editor-area{padding:16px 20px 20px}.preview-stage{position:relative;background:#202722;border-radius:4px;min-height:220px;overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate}.preview-stage video{display:block;width:100%;max-height:430px;min-height:220px;object-fit:contain;background:#202722}
.crop-overlay{position:absolute;pointer-events:none;border:1px solid #c9f1d4;box-shadow:0 0 0 900px #1020156b;z-index:2;left:20%;top:10%;width:60%;height:80%}.crop-overlay::before,.crop-overlay::after{content:"";position:absolute;opacity:.4;inset:0;background:linear-gradient(to right,transparent 33.1%,#fff7 33.1%,#fff7 33.4%,transparent 33.4%,transparent 66.4%,#fff7 66.4%,#fff7 66.7%,transparent 66.7%)}.crop-overlay::after{background:linear-gradient(to bottom,transparent 33.1%,#fff7 33.1%,#fff7 33.4%,transparent 33.4%,transparent 66.4%,#fff7 66.4%,#fff7 66.7%,transparent 66.7%)}.crop-overlay>i{position:absolute;height:12px;width:12px;border:2px solid #e8fff0}.crop-overlay>i:nth-child(1){left:-2px;top:-2px;border-right:0;border-bottom:0}.crop-overlay>i:nth-child(2){right:-2px;top:-2px;border-left:0;border-bottom:0}.crop-overlay>i:nth-child(3){right:-2px;bottom:-2px;border-left:0;border-top:0}.crop-overlay>i:nth-child(4){left:-2px;bottom:-2px;border-right:0;border-top:0}
.video-meta{font-size:10px;color:#8b9386;padding:10px 1px 14px;overflow-wrap:anywhere;line-height:1.7}
.trim-editor{border-top:1px solid #edf0e8;padding-top:16px}.trim-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.trim-heading .field-title{margin:0}.duration-badge{font-size:10px;font-variant-numeric:tabular-nums;background:#edf6eb;padding:3px 7px;border-radius:3px;color:#5b7c5f}
.timeline-control{height:57px;position:relative;margin:0 7px;background:#e6ebe2;border-radius:3px;isolation:isolate}.timeline-strip{position:absolute;inset:2px 0;display:flex;overflow:hidden;border-radius:3px;background:repeating-linear-gradient(90deg,#d2decf 0 46px,#e5ece0 46px 48px)}.timeline-strip img,.timeline-strip canvas,.timeline-strip>div{height:100%;min-width:0;flex:1;object-fit:cover}.timeline-selection{position:absolute;top:0;bottom:0;left:var(--range-start);right:calc(100% - var(--range-end));border-top:2px solid #7fba90;border-bottom:2px solid #7fba90;pointer-events:none;box-shadow:0 0 0 999px #142d1d24;clip-path:inset(0 -100%)}
.range-layer{position:absolute;inset:0}.trim-range{-webkit-appearance:none;appearance:none;position:absolute;inset:0;pointer-events:none;width:100%;height:100%;margin:0;background:transparent;outline-offset:6px}.trim-range::-webkit-slider-runnable-track{height:57px;background:transparent;border:0}.trim-range::-moz-range-track{height:57px;background:transparent;border:0}.trim-range::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:14px;height:65px;margin-top:-4px;border:1px solid #608f6c;border-radius:3px;background:#bcebd1;box-shadow:0 0 0 1px #ffffffbb;cursor:ew-resize;background-image:linear-gradient(to right,transparent 5px,#5e8e6a 5px,#5e8e6a 7px,transparent 7px);background-size:100% 16px;background-position:center;background-repeat:no-repeat}.trim-range::-moz-range-thumb{pointer-events:auto;width:12px;height:63px;border:1px solid #608f6c;border-radius:3px;background:#bcebd1;cursor:ew-resize}.range-start{z-index:3}.range-end{z-index:4}.trim-range:focus-visible{z-index:5;outline:0}.trim-range:focus-visible::-webkit-slider-thumb{outline:2px solid #286443;outline-offset:2px}.trim-range:focus-visible::-moz-range-thumb{outline:2px solid #286443;outline-offset:2px}
.timeline-help{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#90998a;margin:13px 0 20px;line-height:1.5}
.time-fields{display:grid;grid-template-columns:1fr 32px 1fr;gap:8px;align-items:center}.time-field>label{display:block;font-size:10px;color:#7c8776;margin-bottom:5px}.time-input-wrap{display:flex;align-items:center;gap:5px;border:1px solid #dce3d5;border-radius:4px;padding:4px 10px;background:#fbfcf8}.time-input-wrap input{width:100%;min-width:0;padding:4px 0;border:0;background:transparent;font-size:14px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.time-input-wrap>span{font-size:10px;color:#94a08b}.time-field>.small-text-button{font-size:9px;margin-top:3px}.time-divider{text-align:center;color:#a0af97;font-size:17px}
.playback-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:15px;border-top:1px solid #edf1e7;padding-top:15px}.frame-buttons{display:flex;gap:6px}.icon-button{display:grid;place-items:center;border:1px solid #dde5d6;border-radius:4px;background:#f6f9f1;width:34px;height:34px;color:#64775c}.icon-button svg{width:18px;height:18px}.icon-button:hover{background:#e8f0e1;border-color:#b1c5a5}
.position-range{width:100%;margin:4px 0;accent-color:#648d6a;cursor:pointer}.range-caption{display:flex;justify-content:space-between;font-size:9px;color:#8a9683}.crop-position-field{padding:11px;background:#e6eddf;border-radius:4px}
.queue-area{margin-top:18px;padding:0 1px}.queue-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}.queue-heading h3{font-size:12px;font-weight:650}.queue-list{margin:0;padding:0;list-style:none;display:grid;gap:7px}.queue-item{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid #dfe5d9;background:#fff;border-radius:5px;position:relative;transition:border-color .15s,background .15s;min-width:0}.queue-item.active{background:#ecf5e8;border-color:#9ec49e}.queue-item:hover{border-color:#b3c7a9}.queue-thumb{display:block;width:52px;height:39px;flex:0 0 52px;object-fit:cover;background:#dce7d6;border-radius:2px;color:#6f8964}.queue-copy{min-width:0;flex:1}.queue-name{font-size:11px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.queue-details{font-size:9px;color:#8a9682;margin-top:3px;display:block}.queue-status{font-size:9px;color:#709561;white-space:nowrap}.queue-remove{width:27px;height:27px;flex:0 0 27px;border-radius:3px;display:grid;place-items:center;font-size:18px;line-height:1;color:#909d87}.queue-remove:hover{background:#f4e8e0;color:#9b5843}.queue-remove svg{width:14px;height:14px}
.progress-area{margin-top:19px;padding-top:16px;border-top:1px solid #d5e0cd}.progress-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;color:#5b7353;margin-bottom:9px}.progress-heading>span:last-child{font-variant-numeric:tabular-nums;font-size:10px}progress{display:block;width:100%;height:5px;border:0;overflow:hidden;border-radius:10px;background:#d8e3d0;accent-color:#5f9765}progress::-webkit-progress-bar{background:#d8e3d0;border-radius:10px}progress::-webkit-progress-value{background:#63956a;border-radius:10px;transition:width .15s}progress::-moz-progress-bar{background:#63956a;border-radius:10px}.progress-area>p{font-size:9px;margin-top:8px;color:#8b9a82}
.error-box{font-size:11px;line-height:1.8;padding:12px;border:1px solid #e5c9b9;background:#fcf1e9;color:#945039;border-radius:4px;margin-top:15px;overflow-wrap:anywhere}
.result-area{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #ccdcc5;border-radius:var(--radius);padding:24px;gap:31px;align-items:center}.result-preview{min-height:220px;padding:14px;background:repeating-conic-gradient(#eef1e9 0 25%,#f6f8f2 0 50%) 50% / 14px 14px;border:1px solid #e0e7d8;border-radius:4px;display:flex;align-items:center;justify-content:center}.result-preview img{display:block;max-height:340px;width:auto;object-fit:contain}.result-content h3{font-size:28px;font-weight:700;line-height:1.35;letter-spacing:-.045em;margin:8px 0 13px}.result-meta{font-size:12px;color:#76866b;line-height:1.9;font-variant-numeric:tabular-nums}.result-status{font-size:11px;line-height:1.75;color:#6d8562;margin-top:12px}.result-status.is-success,.is-success .result-status{color:#3c794c}.result-status.is-warning,.is-warning .result-status{color:#9e7227}.result-buttons{display:flex;align-items:center;gap:22px;margin-top:23px;flex-wrap:wrap}.result-buttons .button{font-size:12px;min-height:43px}.result-footnote{font-size:9px;line-height:1.7;color:#929e88;margin-top:15px}
.how-to-section{margin-top:76px;padding-top:41px;border-top:1px solid var(--line)}
.how-to-section .section-heading{margin-bottom:29px}.heading-arrow{font-size:38px;color:#8c9b88;font-weight:300;line-height:1;margin-right:4px}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #dfe4d8;border-bottom:1px solid #dfe4d8}
.step-card{padding:28px 31px 30px 0;position:relative;min-height:194px}.step-card+.step-card{padding-left:31px;border-left:1px solid #dfe4d8}.step-number{font-size:10px;color:#9aa58e;font-family:monospace;letter-spacing:.04em}.step-icon{position:absolute;right:32px;top:25px;width:32px;height:32px;color:#768b68}.step-card h3{font-size:16px;font-weight:650;letter-spacing:-.035em;margin-top:33px;margin-bottom:9px}.step-card p{font-size:11px;line-height:1.9;color:#8b9780}
.faq-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;margin-top:68px;padding-bottom:65px}.faq-intro h2{font-size:34px;letter-spacing:-.05em;margin-top:16px}.faq-intro p{font-size:12px;line-height:1.9;color:#8c987f;margin-top:19px}.faq-list{border-top:1px solid #ccd7c0}.faq-list details{border-bottom:1px solid #dfe5d6;padding:0 1px}.faq-list summary{display:flex;list-style:none;justify-content:space-between;align-items:center;gap:20px;font-size:12px;font-weight:600;min-height:64px;padding:17px 1px;cursor:pointer;letter-spacing:-.015em}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:21px;font-weight:300;color:#87997a;line-height:1;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{font-size:11px;color:#7e8e72;line-height:1.95;padding:0 35px 21px 0}.faq-list summary:hover{color:#4c7445}
.sponsor-area{display:flex;align-items:center;gap:25px;padding:27px 24px;border:1px solid #e0e5d8;background:#f1f3eb;border-radius:5px;min-height:89px;margin-bottom:49px}.sponsor-label{font-size:9px;display:flex;align-items:center;gap:7px;color:#98a18c;white-space:nowrap}.tiny-square{width:5px;height:5px;border:1px solid #a7b19a;display:block}.sponsor-area>p{font-size:11px;color:#8e9981}.sponsor-placeholder{margin-left:auto;font-size:9px;color:#a1ab95}.sponsor-placeholder>span{margin-left:13px;font-size:15px}
.site-footer{display:flex;align-items:center;gap:29px;border-top:1px solid var(--line);min-height:90px;color:#8b9780;font-size:10px;padding-block:19px}.site-footer>p{font-size:9px}.site-footer>.small-text-button{margin-left:auto;font-size:9px;color:#8a977e}.back-to-top{display:flex;align-items:center;gap:10px;font-size:9px;color:#849277}.back-to-top>span{font-size:15px}
.toast{position:fixed;z-index:90;bottom:27px;left:50%;transform:translateX(-50%);max-width:calc(100% - 40px);padding:13px 21px;border:1px solid #4b6750;border-radius:5px;background:#263d2d;color:#edf7e8;font-size:12px;line-height:1.7;box-shadow:0 8px 30px #20331f19;text-align:center;pointer-events:none}.toast:empty{display:none}
.privacy-dialog{width:min(510px,calc(100% - 36px));max-height:calc(100% - 48px);padding:30px;border:1px solid #d4dec8;border-radius:8px;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #0d190c30;overflow-y:auto}.privacy-dialog::backdrop{background:#1c2b1b6b;backdrop-filter:blur(3px)}.dialog-heading{border-bottom:1px solid #dbe2d1;padding-bottom:20px;margin-bottom:19px}.dialog-heading h2{font-size:30px;letter-spacing:-.055em;line-height:1.35}.dialog-content p{font-size:12px;line-height:1.9;color:#7a8a6c}.dialog-content h3{font-size:13px;letter-spacing:-.02em;margin:20px 0 6px;font-weight:650}.privacy-dialog>.button{margin-top:25px}.noscript-note{position:fixed;bottom:0;left:0;right:0;padding:18px;background:#f2dfbd;color:#765a23;text-align:center;font-size:13px;z-index:100}
.mobile-break{display:none}
.queue-main{display:flex;align-items:center;gap:11px;min-width:0;flex:1;text-align:left;padding:0;background:transparent;border:0;border-radius:2px}
.drop-zone.file-dragging,.file-dragging .drop-zone{border:1.5px dashed #4e9067;background:#e9f7ec;box-shadow:inset 0 0 0 4px #fff8}
.toast:not(.show){opacity:0;visibility:hidden}.toast.show{opacity:1;visibility:visible;transition:opacity .16s}

@media(min-width:1440px){.hero{padding-top:75px;padding-bottom:78px}.hero h1{font-size:88px}.hero-art{max-width:430px}.workspace-grid{grid-template-columns:minmax(0,1fr) 352px}.drop-zone{min-height:412px}.settings-panel{padding:25px}}
@media(max-width:1080px){.page-shell{width:calc(100% - 64px)}.site-header{gap:25px}.header-note{display:none}.hero{gap:45px;padding-top:57px;padding-bottom:60px}.hero h1{font-size:65px}.hero-art{max-width:330px}.hero-description{font-size:13px}.workspace-grid{grid-template-columns:minmax(0,1fr) 306px;gap:16px}.settings-panel{padding:20px}.empty-state{padding:18px}.drop-zone{padding:35px 16px;min-height:404px}.drop-zone h3{font-size:19px}.drop-zone>p:not(.upload-hint){font-size:11px}.upload-hint{flex-wrap:wrap;justify-content:center;gap:5px}.upload-hint span{font-size:8px}.sample-row{gap:9px;font-size:9px;flex-wrap:wrap}.sample-row .text-button{font-size:10px}.timeline-help{flex-wrap:wrap;font-size:8px}.editor-area{padding:14px 16px 17px}.time-fields{grid-template-columns:1fr 20px 1fr;gap:5px}.time-input-wrap{padding-inline:7px}.time-field>.small-text-button{font-size:8px}.section-note{font-size:10px}.step-card{padding-right:20px}.step-card+.step-card{padding-left:23px}.step-icon{right:22px}.step-card p{font-size:10px}.faq-section{gap:60px}.sponsor-area{gap:18px}.sponsor-area>p{font-size:10px}.sponsor-placeholder{font-size:8px}.result-content h3{font-size:24px}.result-area{gap:24px;padding:20px}.result-buttons{gap:16px}}
@media(max-width:820px){.page-shell{width:calc(100% - 44px)}.site-header{min-height:80px}.brand{font-size:22px}.brand-mark{width:26px;height:26px}.main-nav{gap:21px;font-size:11px}.hero{gap:30px;padding:46px 0 49px;grid-template-columns:1.2fr 1fr}.hero h1{font-size:55px}.eyebrow{font-size:9px;gap:9px;margin-bottom:19px}.format-tag{font-size:8px}.hero-description{font-size:12px;margin-top:20px}.hero-art{max-width:285px}.art-label{font-size:7px}.motion-frame{aspect-ratio:.82}.motion-frame i{box-shadow:inset 0 0 0 12px #cde3d1,inset 0 0 0 13px #85a28d,inset 0 0 0 26px #dbe9d9,inset 0 0 0 27px #94ad96}.frame-two i{box-shadow:inset 0 0 0 12px #d9edda,inset 0 0 0 13px #82a78c,inset 0 0 0 26px #bedcc5,inset 0 0 0 27px #85a68e}.art-caption{font-size:8px}.workspace-grid{grid-template-columns:minmax(0,1fr) 282px;gap:13px}.settings-panel{padding:18px}.empty-state{padding:15px}.drop-zone{min-height:400px}.drop-zone h3{font-size:17px}.drop-zone>p:not(.upload-hint){font-size:10px}.drop-zone .button{font-size:12px;padding:11px 15px}.sample-row{flex-direction:column;gap:3px;padding-top:17px}.quiet-label{display:none}.card-topline{padding-inline:18px}.local-note{font-size:9px}.local-note p>span{display:block}.section-heading h2{font-size:23px}.section-note{max-width:190px;line-height:1.6;align-items:flex-start}.section-note svg{margin-top:1px}.field-label-row{gap:4px}.field-title{font-size:10px}.settings-pair{gap:10px}.lock-toggle{font-size:8px}.target-presets button{font-size:9px}.timeline-help>span:last-child{display:none}.playback-actions{gap:8px}.playback-actions .button-small{font-size:9px;padding:7px 8px;gap:5px}.icon-button{height:30px;width:29px}.frame-buttons{gap:4px}.time-input-wrap input{font-size:12px}.time-field>.small-text-button{font-size:7px}.time-fields{grid-template-columns:1fr 16px 1fr;gap:4px}.preview-stage,.preview-stage video{min-height:180px}.trim-heading{gap:7px}.duration-badge{font-size:9px}.queue-status{display:none}.queue-thumb{width:40px;flex-basis:40px;height:33px}.queue-item{gap:8px;padding:9px}.queue-name{font-size:10px}.queue-details{font-size:8px}.queue-remove{width:23px;flex-basis:23px}.step-card h3{font-size:14px}.step-card p{font-size:9px}.faq-section{gap:38px}.faq-intro h2{font-size:29px}.faq-list summary{font-size:11px}.sponsor-area{flex-wrap:wrap;gap:10px 18px}.sponsor-placeholder{margin-left:auto}.result-area{grid-template-columns:1fr 1fr;gap:20px}.result-content h3{font-size:22px}.result-meta{font-size:10px}.result-status{font-size:10px}.result-buttons .button{font-size:11px;padding:10px 13px}.result-buttons .text-button{font-size:10px}.result-preview{min-height:190px}}
@media(max-width:680px){.page-shell{width:calc(100% - 36px)}.site-header{min-height:74px;gap:15px}.brand{font-size:21px;gap:8px}.brand-mark{width:25px;height:25px}.main-nav{gap:17px;font-size:10px}.main-nav a:last-child{display:none}.hero{grid-template-columns:1fr;padding:38px 0 42px;gap:27px}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(50px,10.5vw,68px);line-height:1.16;letter-spacing:-.075em}.hero-description{font-size:12px;line-height:1.85;margin-top:18px}.eyebrow{margin-bottom:21px;font-size:9px}.format-tag{font-size:8px;gap:7px;padding:4px 6px}.hero-art{display:none}.section-heading{margin-bottom:17px;gap:13px}.section-heading h2{font-size:22px;letter-spacing:-.055em}.section-index{font-size:8px;margin-bottom:7px;letter-spacing:.12em}.section-note{font-size:9px;max-width:138px;padding-bottom:2px;gap:5px}.section-note svg{width:14px;height:14px}.workspace-grid{grid-template-columns:1fr;gap:16px}.card-topline{height:45px;padding:0 17px}.panel-label{font-size:12px}.quiet-label{display:inline;font-size:7px}.empty-state{padding:15px}.drop-zone{min-height:302px;padding:29px 15px}.upload-symbol{margin-bottom:17px}.upload-symbol svg{width:45px;height:45px}.drop-zone h3{font-size:20px;margin-bottom:8px}.drop-zone>p:not(.upload-hint){font-size:11px;margin-bottom:21px;line-height:1.85}.drop-zone .button{min-height:42px;font-size:12px;padding:10px 19px}.upload-hint{font-size:9px;gap:8px;margin-top:12px}.upload-hint span{font-size:8px;padding-left:8px}.sample-row{flex-direction:row;gap:11px;font-size:9px;padding-top:17px;padding-bottom:1px}.sample-row .text-button{font-size:10px}.local-note{padding:12px 1px 0;font-size:9px}.local-note p>span{display:inline}.local-note svg{width:14px;height:14px}.settings-panel{padding:21px 20px}.settings-header{margin-bottom:19px}.settings-header h3{font-size:15px}.settings-symbol{font-size:21px}.target-group{display:grid;grid-template-columns:1fr 1fr;gap:8px 23px;align-items:center;padding-bottom:17px;margin-bottom:18px}.target-group>.field-title{grid-column:1/2;margin-bottom:-2px;font-size:11px}.target-input-wrap{grid-column:1/2;grid-row:2/4;margin-bottom:0;padding-bottom:4px;align-self:start}.target-input-wrap input{font-size:41px;width:75px}.target-input-wrap>span{font-size:10px;white-space:nowrap}.target-presets{grid-column:2/3;grid-row:1/3;display:grid;grid-template-columns:1fr 1fr;gap:6px}.target-presets button{padding:7px 3px;font-size:10px}.field-help{grid-column:1/3;font-size:9px;margin-top:3px}.field-help br{display:none}.settings-pair{gap:15px}.field-title{font-size:11px}.lock-toggle{font-size:9px;gap:4px}.lock-toggle input{width:12px;height:12px}select{min-height:41px;font-size:12px;padding-left:12px}.setting-group{margin-bottom:17px}.remember-setting{font-size:10px;margin:6px 0 18px}.remember-setting input{width:13px;height:13px}.conversion-actions{grid-template-columns:1fr 1fr;gap:10px;padding-top:16px}.settings-summary{grid-column:1/-1;font-size:10px;margin-bottom:2px}.conversion-actions .button{font-size:12px;min-height:44px}.conversion-actions .button-mint{font-size:13px;grid-column:2/3;grid-row:2;justify-content:center;gap:14px}.conversion-actions #previewButton{grid-column:1/2;grid-row:2}.conversion-actions #cancelButton{grid-column:1/-1}.progress-heading{font-size:11px}.progress-area>p{font-size:10px}.editor-area{padding:13px 15px 18px}.preview-stage,.preview-stage video{min-height:205px;max-height:390px}.video-meta{font-size:9px;padding:9px 1px 13px}.trim-editor{padding-top:14px}.duration-badge{font-size:10px}.timeline-control{height:54px;margin-inline:7px}.trim-range::-webkit-slider-runnable-track{height:54px}.trim-range::-moz-range-track{height:54px}.trim-range::-webkit-slider-thumb{height:62px}.trim-range::-moz-range-thumb{height:60px}.timeline-help{font-size:9px;margin-bottom:17px}.timeline-help>span:last-child{display:inline;font-size:8px}.time-fields{grid-template-columns:1fr 24px 1fr;gap:7px}.time-field>label{font-size:10px}.time-input-wrap{padding:4px 10px}.time-input-wrap input{font-size:14px;padding:5px 0}.time-field>.small-text-button{font-size:9px;margin-top:3px}.playback-actions{margin-top:14px;padding-top:13px;gap:15px}.playback-actions .button-small{font-size:10px;min-height:34px;padding:8px 11px;gap:7px}.icon-button{width:34px;height:34px}.frame-buttons{gap:6px}.queue-area{margin-top:16px}.queue-heading h3{font-size:12px}.queue-item{padding:10px;gap:10px}.queue-thumb{width:47px;height:36px;flex-basis:47px}.queue-name{font-size:11px}.queue-details{font-size:9px}.queue-status{display:block;font-size:8px}.queue-remove{width:27px;flex-basis:27px}.result-area{grid-template-columns:1fr;margin-top:19px;padding:18px;gap:23px}.result-preview{min-height:200px;max-height:350px}.result-preview img{max-height:320px}.result-content{padding:0 2px 3px}.result-content h3{font-size:25px;margin-top:7px}.result-meta{font-size:11px}.result-status{font-size:11px}.result-buttons{margin-top:20px;gap:21px}.result-buttons .button{font-size:12px;padding:11px 17px}.result-footnote{font-size:9px}.how-to-section{margin-top:48px;padding-top:29px}.how-to-section .section-heading{margin-bottom:23px}.heading-arrow{font-size:29px;align-self:flex-end}.steps-grid{grid-template-columns:1fr}.step-card,.step-card+.step-card{min-height:126px;border-left:0;display:grid;grid-template-columns:30px 1fr;column-gap:15px;padding:24px 52px 23px 0}.step-card+.step-card{border-top:1px solid #dfe4d8}.step-number{grid-column:1/2;grid-row:1/3;padding-top:1px;font-size:10px}.step-card h3{grid-column:2/3;grid-row:1;margin-top:0;margin-bottom:7px;font-size:15px}.step-card p{grid-column:2/3;grid-row:2;font-size:11px;line-height:1.85}.step-icon{right:6px;top:25px;width:28px;height:28px}.faq-section{grid-template-columns:1fr;margin-top:42px;padding-bottom:38px;gap:22px}.faq-intro{display:grid;grid-template-columns:1fr auto;gap:0 20px;align-items:end}.faq-intro .section-index{grid-column:1/-1;margin-bottom:9px}.faq-intro h2{font-size:26px;margin-top:0;line-height:1.3}.faq-intro h2 br{display:none}.faq-intro p{font-size:9px;margin:0;line-height:1.7;text-align:right}.faq-list summary{font-size:11px;min-height:61px;gap:16px;padding:17px 1px}.faq-list details>p{font-size:11px;line-height:1.9;padding-right:24px}.sponsor-area{padding:19px 17px;gap:10px 15px;min-height:98px;margin-bottom:30px;display:grid;grid-template-columns:auto 1fr}.sponsor-label{font-size:8px}.sponsor-area>p{font-size:9px}.sponsor-placeholder{grid-column:2/3;font-size:8px;margin-left:0}.sponsor-placeholder>span{margin-left:7px}.site-footer{min-height:104px;flex-wrap:wrap;gap:7px 22px;padding-block:22px}.site-footer>p{width:100%;font-size:9px;margin-bottom:3px}.site-footer>.small-text-button{margin-left:0;font-size:9px}.back-to-top{margin-left:auto;font-size:9px}.mobile-break{display:initial}.privacy-dialog{padding:24px;max-height:calc(100% - 36px)}.dialog-heading h2{font-size:27px}.dialog-content p{font-size:11px}.dialog-content h3{font-size:12px}.toast{font-size:11px;bottom:19px;padding:11px 16px;min-width:200px}.range-caption{font-size:9px}}
@media(max-width:370px){.page-shell{width:calc(100% - 28px)}.main-nav{gap:12px;font-size:9px}.brand{font-size:20px}.hero h1{font-size:49px}.hero-description{font-size:11px}.section-heading h2{font-size:20px}.section-note{font-size:8px;max-width:122px}.drop-zone h3{font-size:18px}.drop-zone>p:not(.upload-hint){font-size:10px}.upload-hint{font-size:8px}.sample-row{gap:8px;font-size:8px}.sample-row .text-button{font-size:9px}.settings-panel{padding:19px 17px}.target-group{gap:8px 17px}.target-input-wrap input{width:66px;font-size:38px}.timeline-help>span:last-child{display:none}.time-field>.small-text-button{font-size:8px}.time-fields{grid-template-columns:1fr 16px 1fr;gap:5px}.local-note p>span{display:block}.queue-status{display:none}.faq-intro p{display:none}.faq-intro h2{font-size:25px}.sponsor-area{padding-inline:14px;gap:9px 12px}.sponsor-area>p{font-size:8px}}
/* Keep the editor close to the first viewport, with comfortable control text. */
.site-header{min-height:75px}
.hero{padding:32px 0 35px}
.hero h1{font-size:clamp(48px,5.1vw,64px)}
.hero-art{max-width:300px}
.eyebrow{margin-bottom:16px}
.drop-zone{min-height:300px;padding:28px 24px}
.field-title,.target-group>.field-title,.time-field>label{font-size:12px}
.lock-toggle,.remember-setting{font-size:12px}
select{font-size:13px;min-height:41px}
.field-help{font-size:11px;line-height:1.7}
.target-presets button{font-size:11px}
.settings-summary,.range-caption{font-size:11px}
.queue-actions{display:flex;align-items:center;gap:15px}
.queue-actions .small-text-button{min-height:32px}
.queue-add-button{display:inline-flex;align-items:center;gap:4px;color:#456b4c;font-size:11px;font-weight:650}
.queue-add-button svg{width:14px;height:14px}
@media(max-width:680px){.site-header{min-height:74px}.hero{padding:28px 0}.hero h1{font-size:46px}.eyebrow{margin-bottom:16px}.drop-zone{min-height:300px;padding:28px 15px}.field-help{margin-top:5px}.queue-actions{gap:14px}.remember-setting{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Search-led copy and shared Korean / English navigation. */
.site-header{gap:28px}
.brand{white-space:nowrap;letter-spacing:-1px}
.language-switch{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px;color:var(--muted);margin-left:8px}
.language-switch a{padding:10px 2px}
.language-switch a[aria-current="page"]{color:var(--ink);font-weight:700}
.language-switch a:hover{color:var(--mint-dark)}
.hero{gap:48px}
.hero h1{font-size:clamp(34px,4.2vw,54px);letter-spacing:-.065em;line-height:1.23}
.hero-description{font-size:14px;line-height:1.85;max-width:580px}
.hero-benefits{display:flex;flex-wrap:wrap;gap:7px 17px;list-style:none;padding:0;margin:20px 0 0;color:#5e6d61;font-size:11px}
.hero-benefits li{display:flex;align-items:center;gap:6px}
.hero-benefits li::before{content:"";width:5px;height:5px;border-radius:50%;background:#73a789;flex-shrink:0}
.use-case-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;margin-top:56px;padding:34px;border:1px solid var(--line);border-radius:var(--radius);background:#f0f3eb}
.use-case-intro h2{font-size:27px;line-height:1.4;letter-spacing:-.04em;margin:14px 0}
.use-case-intro>p{font-size:13px;line-height:1.9;color:#62705f;max-width:420px}
.guide-link{margin-top:22px;display:inline-flex;gap:12px}
.use-case-content h3{font-size:15px;letter-spacing:-.02em}
.guide-steps{padding-left:20px;margin:18px 0 0;display:grid;gap:15px}
.guide-steps li{padding-left:5px;font-size:12px;color:#66735f;line-height:1.8}
.guide-steps strong{display:block;color:var(--ink);font-weight:650;margin-bottom:2px}
.guide-note{font-size:11px;line-height:1.85;color:#737e6d;border-top:1px solid #dce3d4;margin-top:20px;padding-top:16px}
html[lang="en"] .hero h1{font-size:clamp(35px,4.6vw,59px);letter-spacing:-.055em}
html[lang="en"] .hero h1>span{white-space:nowrap}
html[lang="en"] .main-nav{gap:20px}
@media(max-width:900px){.site-header{gap:18px}.main-nav{gap:17px}.language-switch{margin-left:0}.hero{gap:25px}.use-case-section{gap:30px;padding:28px}.hero-description br{display:none}}
@media(max-width:680px){.site-header{flex-wrap:wrap;gap:0 12px;padding-block:17px;min-height:92px}.brand{font-size:23px}.main-nav{order:3;width:100%;margin:12px 0 0;gap:22px;font-size:12px}.main-nav a{padding:4px 0}.language-switch{margin-left:auto;font-size:11px}.hero{padding:31px 0;gap:0}.hero h1{font-size:clamp(30px,8.2vw,44px);line-height:1.25}.hero-description{font-size:13px;line-height:1.85;margin-top:18px}.hero-benefits{font-size:10px;gap:7px 13px;margin-top:16px}.eyebrow{font-size:10px;gap:9px}.use-case-section{grid-template-columns:1fr;gap:25px;padding:24px 21px;margin-top:35px}.use-case-intro h2{font-size:24px}.use-case-intro>p{font-size:12px}.guide-steps li{font-size:12px}.guide-note{font-size:11px}.faq-intro{grid-template-columns:1fr}.faq-intro p{text-align:left;margin-top:10px;font-size:11px}.faq-intro p br{display:none}.faq-list summary{font-size:12px}.faq-list details>p{font-size:12px}html[lang="en"] .hero h1{font-size:clamp(31px,8.6vw,44px)}html[lang="en"] .hero h1>span{white-space:normal}html[lang="en"] .field-help{font-size:10px}html[lang="en"] .target-input-wrap>span{font-size:9px}html[lang="en"] .section-note{font-size:10px;max-width:135px}html[lang="en"] .settings-summary{line-height:1.7}}
