html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}:root{color:#172033;background:#e7f0f1;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;position:relative;overflow-x:hidden;background:linear-gradient(135deg,rgba(23,107,103,.18),transparent 34%),linear-gradient(225deg,rgba(213,124,69,.16),transparent 38%),linear-gradient(45deg,rgba(106,155,204,.12),transparent 58%),#e7f0f1}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(23,107,103,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(23,107,103,.055) 1px,transparent 1px),repeating-linear-gradient(118deg,rgba(23,107,103,.09) 0 1px,transparent 1px 22px),linear-gradient(120deg,transparent 0%,rgba(255,255,255,.34) 45%,transparent 70%);background-size:34px 34px,34px 34px,180px 180px,220% 220%;-webkit-mask-image:linear-gradient(to bottom,#000000d1,#0000002e);mask-image:linear-gradient(to bottom,#000000d1,#0000002e);animation:background-sheen 15s linear infinite}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(100deg,transparent 8%,rgba(23,107,103,.18) 18%,transparent 29%),linear-gradient(126deg,transparent 42%,rgba(213,124,69,.18) 54%,transparent 68%),linear-gradient(32deg,transparent 18%,rgba(106,155,204,.14) 32%,transparent 44%);background-size:190% 190%;mix-blend-mode:multiply;opacity:.72;animation:aurora-ribbons 22s ease-in-out infinite alternate}.page-shell{width:min(1280px,calc(100% - clamp(20px,3vw,32px)));margin:0 auto;padding:clamp(10px,1.7vh,18px) 0 clamp(12px,2vh,22px)}.tool-card,.result-card{position:relative;overflow:hidden;border:1px solid rgba(23,107,103,.22);background:#ffffffed;box-shadow:0 24px 70px #17203321,inset 0 1px #ffffffad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tool-card:before,.result-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#176b67,#d57c45,#6a9bcc,#176b67);background-size:220% 100%;animation:accent-flow 8s linear infinite}.tool-card:after,.result-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,transparent 0%,rgba(255,255,255,.34) 46%,transparent 62%);transform:translate(-120%);animation:card-sheen 12s ease-in-out infinite}.tool-card .ant-card-body,.result-card .ant-card-body{height:100%;padding:clamp(16px,2vh,22px) clamp(16px,1.8vw,22px)}.tool-card .ant-card-body,.result-card .ant-card-body{display:flex;flex-direction:column}.tool-card .ant-space,.result-card .ant-space{width:100%}.tool-card .ant-space{flex:1}.result-card .full-width{flex:1;display:flex;flex-direction:column;min-width:0}.result-card .qr-preview{flex:1;min-height:clamp(240px,36vh,300px);overflow:hidden}.full-width{width:100%}.workspace-grid{display:grid;grid-template-columns:minmax(560px,1.22fr) minmax(360px,.78fr);gap:clamp(12px,1.4vw,16px);align-items:stretch}.workspace-grid>.ant-card{height:100%;min-width:0}.result-card .ant-card-body{padding-top:clamp(20px,2.4vh,28px)}.tool-card .ant-space-vertical,.result-card .ant-space-vertical{gap:clamp(10px,1.5vh,16px)!important}.tool-card .ant-divider{margin:clamp(0px,.5vh,4px) 0!important}.section-title{display:flex;gap:10px;align-items:flex-start}.section-title svg{margin-top:4px;color:#176b67;filter:drop-shadow(0 4px 10px rgba(23,107,103,.18))}.section-title h3,.section-title h4{margin:0 0 4px}.video-dragger .ant-upload-drag{border-radius:8px;background:linear-gradient(180deg,#ffffffe6,#f7fafbf0),repeating-linear-gradient(135deg,rgba(23,107,103,.08) 0 1px,transparent 1px 14px);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.video-dragger .ant-upload-drag:hover,.logo-dragger .ant-upload-drag:hover{border-color:#176b677a;box-shadow:0 14px 34px #176b671f,inset 0 1px #ffffffd1;transform:translateY(-1px)}.video-dragger .ant-upload{min-height:clamp(118px,16vh,150px);display:grid;place-content:center}.video-dragger svg{color:#176b67;width:34px;height:34px;margin-bottom:8px;filter:drop-shadow(0 8px 16px rgba(23,107,103,.22))}.video-dragger h4{margin:0 0 6px}.logo-dragger .ant-upload-drag{min-height:clamp(56px,8.5vh,76px);padding:8px 12px;background:linear-gradient(180deg,#ffffffeb,#fbfcfcf5),repeating-linear-gradient(135deg,rgba(213,124,69,.075) 0 1px,transparent 1px 14px);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.logo-dragger .ant-upload{min-height:clamp(56px,8.5vh,76px);display:grid;place-content:center}.file-list{display:grid;gap:8px}.video-meta-list{max-height:clamp(130px,20vh,190px);overflow:auto;padding-right:4px}.file-row,.result-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;width:100%;border:1px solid rgba(23,107,103,.12);border-radius:8px;background:#ffffffb8}.file-row{padding:8px 10px}.video-meta-row{grid-template-columns:58px minmax(0,1fr) auto;gap:10px;padding:8px}.cover-thumb{display:grid;place-items:center;width:58px;height:42px;overflow:hidden;border:1px solid rgba(23,107,103,.14);border-radius:8px;background:linear-gradient(180deg,#ffffffe6,#f0f7f7e6),repeating-linear-gradient(135deg,rgba(23,107,103,.08) 0 1px,transparent 1px 10px);color:#176b67}.cover-thumb.has-image{background:#0f172a}.cover-thumb img{width:100%;height:100%;object-fit:cover}.video-meta-main{display:grid;gap:5px;min-width:0}.video-meta-main .ant-typography,.video-title-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-title-display{display:flex;align-items:center;justify-content:space-between;min-width:0;width:100%;height:30px;padding:0 10px;border:1px solid transparent;border-radius:8px;color:#172033;text-align:left;background:linear-gradient(180deg,#ffffffbd,#f5fbfadb);cursor:text;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.video-title-display:hover,.video-title-display:focus-visible{border-color:#176b676b;background:#f7fcfbf5;box-shadow:0 8px 18px #176b6714;outline:none}.video-title-text{font-size:14px;font-weight:600}.rename-hint{display:inline-flex;flex:0 0 auto;gap:4px;align-items:center;margin-left:8px;color:#176b67d1;font-size:12px;opacity:.74}.video-title-display:hover .rename-hint,.video-title-display:focus-visible .rename-hint{opacity:1}.rename-editor{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:center}.video-meta-caption{font-size:12px}.video-meta-actions{flex-wrap:nowrap}.file-row span,.result-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.template-grid .ant-radio-button-wrapper{display:inline-flex;align-items:center;justify-content:center;height:clamp(34px,4.4vh,38px);color:#172033;border-inline-start-width:1px;border-radius:8px;background:#ffffffc2;box-shadow:inset 0 1px #ffffffe6}.template-grid .ant-radio-button-wrapper:before{display:none}.template-grid .ant-radio-button-wrapper:hover{color:#176b67;border-color:#176b6761;background:#f8fcfbf0}.template-grid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled),.template-grid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover{color:#176b67!important;border-color:#176b6785!important;background:linear-gradient(180deg,#fffffffa,#ebf8f6fa)!important;box-shadow:inset 0 0 0 1px #176b6729,0 10px 24px #176b671f}.template-dot{width:10px;height:10px;margin-right:7px;border-radius:50%;box-shadow:0 0 0 3px #ffffffb8}.style-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,auto);gap:10px}.color-control,.switch-control{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:clamp(8px,1.2vh,10px) 12px;border:1px solid rgba(23,107,103,.12);border-radius:8px;background:#ffffffb3}.color-control input{width:44px;height:32px;padding:2px;border:1px solid rgba(23,107,103,.18);border-radius:8px;background:#fff;cursor:pointer}.ant-radio-group{width:100%}.upload-status{display:grid;gap:8px}.result-status{padding:0 2px 6px}.result-status .ant-progress-inner{background:#176b6714}.result-list{display:grid;gap:8px;max-height:clamp(80px,14vh,118px);overflow:auto;padding-right:4px}.result-item{padding:10px 12px;color:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.result-item:hover,.result-item.is-active{border-color:#176b676b;background:#eaf6f4e0;transform:translateY(-1px)}.control-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.size-tag{margin-right:0;min-width:90px;text-align:center}.compact-controls{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(180px,.8fr);gap:10px}.setting-panel{min-width:0;padding:clamp(8px,1.2vh,10px) 12px;border:1px solid rgba(23,107,103,.12);border-radius:8px;background:#ffffffad;box-shadow:inset 0 1px #ffffffd1}.setting-panel.size-panel{grid-row:span 2}.setting-label{display:flex;align-items:center;justify-content:space-between;gap:8px}.setting-panel .ant-slider{margin:clamp(5px,.9vh,8px) 8px clamp(6px,1vh,10px)}.setting-panel .ant-radio-group{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.setting-panel .ant-radio-button-wrapper{height:clamp(28px,3.5vh,30px);padding-inline:8px;text-align:center}.qr-preview{display:grid;place-items:center;gap:12px;padding:clamp(12px,1.5vh,16px);border:1px dashed #b8c8ce;border-radius:8px;background:linear-gradient(180deg,#ffffffbd,#f7fafbf5),repeating-linear-gradient(45deg,rgba(106,155,204,.07) 0 1px,transparent 1px 16px);box-shadow:inset 0 1px #ffffffdb,inset 0 0 28px #176b670f;min-width:0}.qr-canvas{display:none;background:#fff;border-radius:8px;box-shadow:0 12px 30px #17203314}.qr-preview.is-transparent-preview .qr-canvas{background:linear-gradient(45deg,#dfe8ea 25%,transparent 25%),linear-gradient(-45deg,#dfe8ea 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dfe8ea 75%),linear-gradient(-45deg,transparent 75%,#dfe8ea 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.qr-export{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.qr-preview.is-ready .qr-canvas{display:block}.video-url{margin-bottom:0;word-break:break-all}.ant-btn{display:inline-flex;align-items:center;justify-content:center;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.ant-btn:hover{transform:translateY(-1px)}.ant-btn-primary{border-color:transparent;background:linear-gradient(135deg,#176b67,#1b817b 42%,#d57c45);box-shadow:0 12px 26px #176b6738}.ant-btn-primary:hover,.ant-btn-primary:focus-visible{background:linear-gradient(135deg,#155f5c,#208f88 42%,#e08a53)!important;box-shadow:0 16px 34px #176b6747}.ant-btn svg{width:16px;height:16px}.ant-slider{margin-inline:8px}.ant-slider .ant-slider-track{background:linear-gradient(90deg,#176b67,#d57c45)!important}.ant-slider .ant-slider-handle:after{box-shadow:0 0 0 2px #fff,0 0 0 4px #176b6761!important}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){border-color:#176b67;background:linear-gradient(135deg,#176b67,#1b817b)!important;box-shadow:0 8px 18px #176b672e}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):before{background-color:#176b67}.landing-page{position:relative;overflow:hidden;min-height:100dvh;padding:30px min(5vw,64px) 48px;color:#172033;background:linear-gradient(135deg,#ffffffb8,#ffffff2e),linear-gradient(120deg,rgba(23,107,103,.18),transparent 42%),linear-gradient(300deg,rgba(213,124,69,.18),transparent 48%),#e7f0f1}.landing-page:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.28) 1px,transparent 1px),linear-gradient(rgba(23,107,103,.07) 1px,transparent 1px),linear-gradient(115deg,transparent 18%,rgba(255,255,255,.5) 46%,transparent 74%);background-size:52px 52px,52px 52px,220% 220%;-webkit-mask-image:linear-gradient(to bottom,#000000ad,#00000014);mask-image:linear-gradient(to bottom,#000000ad,#00000014);animation:background-sheen 18s linear infinite}.landing-page>*{position:relative;z-index:1}.landing-theme-wedding{background:linear-gradient(135deg,#ffffffb8,#fffaf92e),linear-gradient(120deg,rgba(183,110,121,.22),transparent 42%),linear-gradient(300deg,rgba(213,124,69,.14),transparent 48%),#f5ecee}.landing-theme-shop{background:linear-gradient(135deg,#ffffffb8,#fffaf438),linear-gradient(120deg,rgba(213,124,69,.22),transparent 42%),linear-gradient(300deg,rgba(23,107,103,.14),transparent 48%),#f4eee5}.landing-theme-dark{color:#f7faf9;background:linear-gradient(118deg,rgba(23,107,103,.28),transparent 36%),linear-gradient(302deg,rgba(213,124,69,.2),transparent 42%),linear-gradient(135deg,#111827,#172033 52%,#0f171f)}.landing-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,auto);gap:24px;align-items:center;width:min(1180px,100%);margin:0 auto 18px;padding:24px 28px;border:1px solid rgba(255,255,255,.58);border-radius:16px;background:linear-gradient(135deg,#ffffffe6,#f7fbfaad),linear-gradient(110deg,rgba(23,107,103,.12),transparent 56%);box-shadow:0 22px 64px #17203321,inset 0 1px #fffc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.landing-hero.has-cover{grid-template-columns:minmax(0,1fr) minmax(280px,420px);grid-template-areas:"copy cover" "proof cover"}.landing-hero.has-cover .landing-copy{grid-area:copy}.landing-hero.has-cover .landing-proof{grid-area:proof;width:fit-content}.landing-cover-card{grid-area:cover;align-self:stretch;min-height:240px;overflow:hidden;border:1px solid rgba(255,255,255,.62);border-radius:14px;background:#0f172a;box-shadow:0 18px 48px #17203333,inset 0 1px #ffffff2e}.landing-cover-card img{display:block;width:100%;height:100%;object-fit:cover}.landing-theme-dark .landing-hero{border-color:#ffffff24;background:linear-gradient(135deg,#111827d1,#1720339e),linear-gradient(110deg,rgba(23,107,103,.24),transparent 58%)}.landing-theme-dark .landing-copy h1,.landing-theme-dark .landing-copy .ant-typography{color:#f7faf9}.landing-theme-dark .landing-copy .ant-typography-secondary,.landing-theme-dark .landing-copy span.ant-typography{color:#f7faf9c2}.landing-copy h1{max-width:820px;margin:12px 0 8px;font-size:clamp(28px,4.4vw,52px);line-height:1.12;letter-spacing:0}.landing-copy .ant-typography{font-size:17px}.landing-copy>span.ant-typography{display:block}.landing-badge{border:0;background:#176b6724;color:#176b67}.landing-theme-dark .landing-badge{background:#ffffff1f;color:#e7f0f1}.landing-actions{margin-top:18px}.landing-proof{display:grid;grid-template-columns:auto 1fr;gap:12px 10px;min-width:190px;padding:18px 20px;border:1px solid rgba(23,107,103,.12);border-radius:12px;background:#ffffffa8;color:#176b67;box-shadow:inset 0 1px #ffffffb8}.landing-theme-dark .landing-proof{background:#ffffff1a;color:#dcefed}.video-stage{width:min(1180px,100%);margin:0 auto;padding:14px;border:1px solid rgba(255,255,255,.62);border-radius:18px;background:linear-gradient(180deg,#ffffffeb,#f1f8f7cc),linear-gradient(135deg,rgba(23,107,103,.12),transparent 44%);box-shadow:0 28px 86px #1720332e,inset 0 1px #ffffffdb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.landing-theme-dark .video-stage{border-color:#ffffff1f;background:#111827b8}.video-stage video{display:block;width:100%;max-height:76dvh;aspect-ratio:16 / 9;object-fit:contain;border-radius:12px;background:#0f172a;box-shadow:0 16px 44px #0f172a38}.landing-empty{display:grid;place-items:center;min-height:calc(100dvh - 96px);text-align:center}@media(min-width:1000px)and (max-height:930px){.page-shell{width:min(1320px,calc(100% - 20px));padding:8px 0}.tool-card .ant-card-body,.result-card .ant-card-body{padding:14px 18px}.tool-card .ant-space-vertical,.result-card .ant-space-vertical{gap:8px!important}.video-dragger .ant-upload{min-height:96px}.video-dragger svg{width:30px;height:30px;margin-bottom:4px}.logo-dragger .ant-upload-drag,.logo-dragger .ant-upload{min-height:48px}.template-grid .ant-radio-button-wrapper{height:32px}.result-card .qr-preview{min-height:210px}.setting-panel{padding:7px 10px}}@media(max-width:1180px){.workspace-grid{grid-template-columns:minmax(520px,1.15fr) minmax(330px,.85fr)}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-controls{grid-template-columns:1fr}.setting-panel.size-panel{grid-row:auto}}@media(max-width:960px){.page-shell{width:min(100% - 24px,1180px);padding:20px 0}.workspace-grid{grid-template-columns:1fr}.result-card .ant-card-body{padding-top:24px}.template-grid,.style-toolbar,.compact-controls,.landing-hero{grid-template-columns:1fr}.landing-hero.has-cover{grid-template-columns:1fr;grid-template-areas:"cover" "copy" "proof"}.landing-cover-card{min-height:190px;aspect-ratio:16 / 9}.video-meta-row{grid-template-columns:48px minmax(0,1fr)}.cover-thumb{width:48px;height:38px}.video-meta-actions{grid-column:1 / -1;justify-content:flex-end}.rename-hint{font-size:0}.rename-hint svg{width:14px;height:14px}.setting-panel.size-panel{grid-row:auto}.landing-page{padding:18px 12px 32px}.landing-hero,.video-stage{padding:18px}.landing-copy h1{font-size:clamp(30px,12vw,44px)}.landing-copy .ant-typography{font-size:15px;line-height:1.7}.landing-actions{gap:10px!important}.landing-actions .ant-btn{min-width:132px}.landing-proof{gap:10px 8px;padding:16px;font-size:15px}}@keyframes background-sheen{0%{background-position:0 0,0 0,0 0,120% 0%}to{background-position:0 0,0 0,40px 26px,-60% 120%}}@keyframes aurora-ribbons{0%{background-position:0% 12%}to{background-position:100% 88%}}@keyframes accent-flow{0%{background-position:0% 50%}to{background-position:220% 50%}}@keyframes card-sheen{0%,64%{transform:translate(-120%)}to{transform:translate(120%)}}@media(prefers-reduced-motion:reduce){body:before{animation:none}body:after,.tool-card:before,.result-card:before,.tool-card:after,.result-card:after{animation:none}}