@charset "UTF-8";
:root{color-scheme:light;--paper:#f8f7f2;--ink:#30352d;--muted:#92978a;--red:#ed5266;--green:#748964;--line:#e9e9df;--white:#fff;--shadow:0 8px 32px #493c2805;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-size:14px;line-height:1.6}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}button:focus-visible,a:focus-visible{outline:3px solid #8b9d77;outline-offset:4px}input:focus,textarea:focus{outline:none;border-color:#e9a3ac;box-shadow:0 0 0 3px #ed526610}[hidden]{display:none!important}.page{max-width:1000px;margin:auto;padding:30px 40px 24px}.topline{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;letter-spacing:-.7px;font-weight:750}.brand-dot{color:var(--red)}.brand-mark{display:block;width:33px;height:33px;position:relative;background:var(--red);border-radius:10px}.brand-mark:before{content:"";position:absolute;width:2px;height:14px;top:6px;left:16px;background:#fff;border-radius:2px}.brand-mark:after{content:"";position:absolute;width:7px;height:7px;left:12px;top:11px;transform:rotate(45deg);border-right:2px solid white;border-bottom:2px solid white}.brand-mark span{position:absolute;width:17px;height:6px;bottom:6px;left:8px;border:2px solid white;border-top:0;border-radius:0 0 3px 3px}.header-actions{display:flex;align-items:center;gap:17px}.session-label{font-size:11px;color:#909a83}.session-label:before{content:"";display:inline-block;width:5px;height:5px;margin-right:6px;background:#92a67f;border-radius:50%;vertical-align:2px}.text-button{padding:4px 0;background:transparent;color:#969a8d;font-size:12px}.hero{position:relative;display:flex;justify-content:space-between;align-items:center;padding:62px 0 37px}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:650;color:#909a83}.hero h1,.login-intro h1{font-size:49px;letter-spacing:-2.8px;line-height:1.4;font-weight:750;margin-top:13px}.accent{color:var(--red)}.hero-caption{color:#93988b;font-size:14px;letter-spacing:.5px;margin-top:16px}.hero-sticker,.login-decoration{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:110px;height:130px;background:#ecefdf;border:1px solid #dfe4cd;border-radius:15px;color:#7a8a65;transform:rotate(9deg);box-shadow:0 7px 15px #39452b04;margin-right:29px}.hero-sticker>span,.login-decoration>span{font-size:58px;font-weight:250;line-height:1}.hero-sticker p,.login-decoration p{font-size:12px;letter-spacing:2px;margin-top:9px}.hero-sticker i,.login-decoration i{position:absolute;width:33px;height:12px;background:#e1e5cf99;top:-6px;transform:rotate(-5deg)}.workspace{display:grid;gap:24px}.input-column{min-width:0}.card{border:1px solid var(--line);border-radius:21px;background:var(--white);box-shadow:var(--shadow);padding:26px}.card-heading{display:flex;align-items:center;gap:10px;margin-bottom:20px}.card-heading h2{font-size:16px;font-weight:650;letter-spacing:.1px}.step{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:#a4a899;padding-right:10px;border-right:1px solid var(--line);line-height:14px}.card-heading .text-button{margin-left:auto}.share-input,textarea{width:100%;height:140px;resize:vertical;min-height:116px;max-height:330px;padding:18px;background:#f8f8f4;border:1px solid #eceee5;border-radius:12px;color:#485041;font-size:14px;line-height:1.9;transition:border-color .15s,box-shadow .15s}textarea::placeholder,input::placeholder{color:#afb3a7}.input-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 0 23px}.input-tools>span{font-size:11px;color:#a4ab98}.paste-button{color:#dc6878;background:#fff1f2;padding:7px 12px;border-radius:7px;font-size:12px;white-space:nowrap}.primary-button{width:100%;display:flex;align-items:center;justify-content:center;gap:13px;min-height:49px;padding:13px 18px;border:0;border-radius:11px;background:var(--red);color:white;font-size:15px;font-weight:600;line-height:1.5;transition:background .18s,transform .18s}.primary-button:hover:not(:disabled){background:#df465a}.primary-button:active:not(:disabled){transform:translateY(1px)}.primary-button>span:last-child:only-of-type{font-weight:400}.waiting-note{color:#969e8b;text-align:center;font-size:11px;margin-top:14px}.message{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;margin-top:16px;background:#fff0f1;color:#b55c69;border:1px solid #f5dfe2;border-radius:11px;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.message.info{background:#eef2e6;border-color:#e1e8d5;color:#7b8b68}.message p{flex:1}.message-icon{display:flex;align-items:center;justify-content:center;border:1px solid currentColor;width:16px;height:16px;border-radius:50%;font-size:10px;flex-shrink:0;margin-top:3px}.guide{margin:28px 12px 0}.guide-title{font-size:12px;color:#909982}.guide ol{list-style:none;padding:0;display:flex;justify-content:space-between;gap:8px;margin:20px 0 0}.guide li{display:flex;flex-direction:column;align-items:center;gap:9px;color:#959d8a;font-size:12px;flex:1;position:relative;white-space:nowrap}.guide li+li:before{content:"···";position:absolute;left:-10px;top:5px;color:#c9d0bd;letter-spacing:3px}.guide li>span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#eeefe7;color:#8b9978;font:12px ui-monospace,monospace}.guide-note{margin-top:22px;color:#aab09f;font-size:10px;text-align:center}.footer{display:flex;flex-direction:column;align-items:center;gap:5px;color:#a5ac99;font-size:11px;margin-top:47px;padding:0 0 env(safe-area-inset-bottom)}.footer-line{width:21px;height:2px;background:#d9dfce;margin-bottom:8px}.footer-sub{color:#b4b9ac;font-size:10px}.result-tag{margin-left:auto;font-size:9px;letter-spacing:1px;background:#f0f3e9;color:#8a9878;border-radius:5px;padding:3px 7px}.result-body{display:grid;gap:6px}.preview-column,.download-column{min-width:0}.video-preview{width:100%;max-height:430px;aspect-ratio:16/10;object-fit:contain;border-radius:12px;background:#252923;display:block}.video-meta{padding:18px 0 23px}#video-title{font-size:17px;font-weight:650;line-height:1.7;overflow-wrap:anywhere}.author-line{display:flex;align-items:center;gap:8px;margin-top:12px;color:#8d9781;font-size:12px}.author-avatar{width:23px;height:23px;display:flex;align-items:center;justify-content:center;background:#edf1e5;color:#8c9c78;border-radius:50%;font-size:11px;flex-shrink:0}.source-label{margin-left:auto;font-size:10px;color:#a9b19f;white-space:nowrap}.video-description{margin-top:15px;font-size:12px;color:#979e8e;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;max-height:185px;overflow-y:auto}.file-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;background:#f6f7f0;border-radius:11px;color:#72835f}.file-summary-label{display:block;font-size:10px;color:#98a187;margin-bottom:3px}.file-summary strong{font-size:24px;letter-spacing:-.7px;font-weight:650}.file-summary-info{color:#99a18e;font-size:11px;text-align:right}.quality-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:23px 0 12px}.quality-heading h3{font-size:14px;font-weight:600}.quality-heading>span{font-size:10px;color:#a5ac9b}.quality-options{display:flex;flex-direction:column;gap:9px}.quality-option{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:13px 12px;background:#fff;border:1px solid #e7ebdf;border-radius:11px;min-height:71px;color:var(--ink)}.quality-option[aria-pressed=true]{border-color:#eaa0ac;background:#fff7f8}.quality-radio{display:block;flex-shrink:0;width:15px;height:15px;border-radius:50%;border:1px solid #d8dfcd;background:white}.quality-option[aria-pressed=true] .quality-radio{border:4px solid var(--red)}.quality-copy{min-width:0;flex:1}.quality-name{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600}.recommend-tag{font-size:9px;font-weight:400;color:#b28c5d;background:#fbefdb;padding:1px 5px;border-radius:4px}.quality-description{display:block;font-size:10px;line-height:1.7;color:#a1a994;margin-top:3px}.quality-size{font-size:10px;line-height:1.6;text-align:right;color:#96a087;max-width:110px;flex-shrink:0}.quality-option[aria-pressed=true] .quality-size{color:#ce7b88}.selection-summary{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#8f9a80;font-size:12px;margin:18px 0 8px}.ready-tag{font-size:10px;color:#748d60;background:#f0f4e9;border-radius:4px;padding:2px 6px;white-space:nowrap}.quality-hint{color:#a1aa94;font-size:11px;line-height:1.9;min-height:21px;margin-bottom:17px}.action-note{font-size:10px;line-height:1.8;color:#a0a994;text-align:center;margin:13px 3px 0}.download-link{background:#7b9069}.download-link:hover{background:#6d825b!important}.download-icon{font-size:22px;line-height:1}.prepare-status{margin:16px 0 19px}.progress-heading{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#8a997a;margin-bottom:7px}progress{display:block;width:100%;height:5px;border:0;appearance:none;background:#edf0e7;border-radius:6px;overflow:hidden}progress::-webkit-progress-bar{background:#edf0e7}progress::-webkit-progress-value{background:#81976b;border-radius:6px;transition:width .3s}progress::-moz-progress-bar{background:#81976b;border-radius:6px}.preparation-foot{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-top:8px;color:#a0aa93;font-size:10px}.preparation-foot .text-button{color:#859674;font-size:11px;white-space:nowrap;padding:0}.checking-view{display:flex;min-height:55vh;align-items:center;justify-content:center;gap:12px;color:#929d84;font-size:13px}.spinner{width:17px;height:17px;border:2px solid #e0e5d6;border-top-color:#83976d;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-view{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;min-height:65vh;padding:55px 0 24px}.login-intro{position:relative}.login-intro .eyebrow{font-size:9px;letter-spacing:1.5px}.login-intro h1{font-size:45px}.login-intro .hero-caption{font-size:12px}.login-decoration{width:79px;height:94px;margin:31px 0 0 15px;transform:rotate(-9deg)}.login-decoration>span{font-size:42px}.login-decoration p{font-size:10px;margin-top:5px}.login-card{padding:31px}.small-label{font-size:10px;color:#9ca78b;letter-spacing:1px}.login-card h2{font-size:25px;letter-spacing:-.6px;margin-top:9px}.muted{font-size:12px;color:#a0a795;line-height:1.9;margin-top:10px}.field-label{display:block;font-size:12px;color:#89977b;margin:29px 0 9px}input{width:100%;padding:13px 14px;border-radius:9px;border:1px solid #e4e9da;background:#fafbf7;color:#48543e;font-size:14px;min-height:49px}.login-card .primary-button{margin-top:22px}.private-note{text-align:center;font-size:10px;color:#acb49e;margin-top:18px}.private-note span{color:#96a680;font-size:7px;vertical-align:1px}.inline-error{font-size:12px;color:#bf6975;line-height:1.8;margin-top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript-message{position:fixed;inset:40% 20px auto;padding:24px;background:white;border:1px solid var(--line);text-align:center;border-radius:12px;color:var(--red)}
@media(min-width:760px){.workspace:not(.has-result){max-width:560px}.workspace.has-result{grid-template-columns:315px minmax(0,1fr);align-items:start;gap:21px}.workspace.has-result .input-card{padding:21px}.workspace.has-result .card-heading h2{font-size:14px}.workspace.has-result .input-tools>span{font-size:10px}.workspace.has-result .input-tools{gap:5px}.workspace.has-result .paste-button{padding:6px 8px;font-size:11px}.workspace.has-result .result-card{padding:23px}.workspace.has-result textarea{height:170px}.workspace.has-result .guide{margin-left:0;margin-right:0}.workspace.has-result .guide li{font-size:10px}.workspace.has-result .quality-size{max-width:105px}.workspace.has-result .video-preview{max-height:320px}.hero{max-width:100%}}
@media(max-width:759px){.page{padding:23px 21px 24px}.brand{font-size:19px}.brand-mark{width:31px;height:31px}.brand-mark:before{left:15px}.brand-mark:after{left:11px}.brand-mark span{left:7px}.header-actions{gap:13px}.session-label{font-size:10px}.hero{padding:43px 0 30px}.hero h1{font-size:39px;letter-spacing:-2px;margin-top:14px}.eyebrow{font-size:9px;letter-spacing:2px}.hero-caption{font-size:12px;margin-top:14px;letter-spacing:.3px}.hero-sticker{width:75px;height:94px;margin-right:4px;margin-top:10px;border-radius:12px}.hero-sticker>span{font-size:43px}.hero-sticker p{font-size:10px;letter-spacing:1px;margin-top:7px}.card{padding:21px;border-radius:17px}.card-heading{margin-bottom:17px}.card-heading h2{font-size:15px}textarea{height:133px;padding:14px;font-size:13px}.input-tools{margin:13px 0 19px}.input-tools>span{font-size:10px}.paste-button{font-size:11px;padding:6px 9px}.primary-button{font-size:14px;min-height:47px}.workspace{gap:21px}.workspace.has-result .guide{display:none}.result-card{padding:21px}.video-preview{max-height:380px}.quality-size{max-width:105px}.footer{margin-top:34px}.login-view{display:block;min-height:0;padding:43px 0 0}.login-intro .eyebrow{font-size:8px}.login-intro h1{font-size:37px;letter-spacing:-1.8px}.login-intro .hero-caption{font-size:11px;max-width:230px;line-height:1.9}.login-decoration{position:absolute;right:2px;top:44px;margin:0;width:68px;height:83px;transform:rotate(9deg)}.login-decoration>span{font-size:37px}.login-decoration p{font-size:9px}.login-card{margin-top:31px;padding:25px}.login-card h2{font-size:23px}.field-label{margin-top:24px}.checking-view{min-height:60vh}}
@media(max-width:359px){.page{padding-left:15px;padding-right:15px}.hero h1{font-size:34px}.hero-sticker{width:65px;height:83px;margin-right:0}.card{padding:17px}.card-heading h2{font-size:14px}.input-tools>span{font-size:9px}.quality-option{padding:11px 9px;gap:8px}.quality-size{max-width:95px;font-size:9px}.quality-description{font-size:9px}.login-decoration{width:55px;height:72px}.login-intro .hero-caption{max-width:220px}.source-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.compression-options{margin-top:14px;border:1px solid var(--line);border-radius:12px;background:#fafbf7;overflow:hidden}
.compression-options summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px;padding:13px 15px;cursor:pointer;font-size:13px;font-weight:600;list-style:none;touch-action:manipulation}
.compression-options summary::-webkit-details-marker{display:none}
.compression-options summary:focus-visible{outline:3px solid #8b9d77;outline-offset:-3px;border-radius:10px}
.compression-options summary small{display:block;color:#939e85;font-size:11px;font-weight:400;margin-top:2px}
.disclosure-plus{color:#8c9b7a;font-size:22px;transition:transform .15s}.compression-options[open] .disclosure-plus{transform:rotate(45deg)}
.compression-options .quality-options{padding:0 12px 13px}.compression-note{font-size:11px;color:#8f9984;padding:0 15px 12px}
.download-panel{margin-top:18px;padding:16px;border-radius:13px;border:1px solid #e8ecdf;background:#fcfdf9;min-width:0}
.download-panel .selection-summary{margin:0 0 7px;color:#5f7352;font-weight:600}.download-panel .quality-hint:empty{display:none}
.download-panel .quality-hint{margin-bottom:12px}.download-panel .action-note{margin-top:13px;font-size:11px;line-height:1.85;color:#87927a}
.download-alternatives{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:10px}
.secondary-button{display:flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #dce3d2;border-radius:9px;padding:10px 6px;background:white;color:#6b7e5b;font-size:12px;text-align:center;touch-action:manipulation}
.secondary-button:hover{background:#f0f4e9}.video-link{grid-column:1/-1;min-width:0;width:100%;min-height:44px;background:white;font:12px ui-monospace,SFMono-Regular,monospace;text-overflow:ellipsis;color:#8b9580}
.download-status{font-size:11px;line-height:1.8;color:#718761;margin-top:11px;padding:9px 11px;background:#eef3e6;border-radius:8px}
.preview-note{margin-top:9px;padding:10px 12px;border-radius:8px;background:#f3f5ec;color:#7c8a6b;font-size:11px;line-height:1.8}
.primary-button,.secondary-button{touch-action:manipulation}.video-preview{max-height:430px;max-height:min(60svh,430px)}
@media(max-width:759px){input,textarea{font-size:16px}.video-link{font-size:16px}.download-panel{padding:14px}.download-panel .primary-button{min-height:52px}.quality-option{min-height:76px}.page{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}
@media(max-width:359px){.download-panel{padding:12px}.download-alternatives{gap:7px}.secondary-button{font-size:11px}.quality-size{overflow-wrap:anywhere;max-width:90px}}

.video-meta{padding:16px 0 4px}
.selection-info{margin-left:auto;font-size:11px;font-weight:400;color:#99a18e;text-align:right}
.download-panel .compression-options{margin:6px 0 12px;background:#fff}
.more-options{margin-top:10px;font-size:12px;color:#7b8b68}
.more-options summary{padding:8px 0;text-align:center;cursor:pointer;list-style:none;touch-action:manipulation}
.more-options summary::-webkit-details-marker{display:none}
.more-options-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:4px}
.result-body>.video-description{margin-top:16px}
.result-card{scroll-margin-top:12px}
.save-button{margin-bottom:10px}
.save-button:not([hidden])+.download-link{background:white;color:#6b7e5b;border:1px solid #dce3d2;min-height:46px}
.save-button:not([hidden])+.download-link:hover{background:#f0f4e9!important}
.save-hint{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 0 8px;color:var(--red);font-size:13px;font-weight:600}
.save-hint span{display:inline-block;font-size:20px;line-height:1;animation:hint-bounce 1s ease-in-out infinite}
@keyframes hint-bounce{50%{transform:translateY(5px)}}
.save-button.ready{animation:save-pulse 1.6s ease-in-out infinite}
@keyframes save-pulse{0%,100%{box-shadow:0 0 0 0 #ed526666}50%{box-shadow:0 0 0 9px #ed526600}}
.save-error{margin:-2px 0 10px;padding:9px 11px;border-radius:8px;background:#fff0f1;border:1px solid #f5dfe2;color:#b55c69;font-size:12px;line-height:1.7;text-align:center}