:root{color-scheme:dark;--bg:#111410;--panel:#1a1e18;--panel-raised:#20251d;--ink:#f1f3e9;--muted:#989f91;--line:#343b2e;--green:#c8f65a;--paper:#f0f2e9;--black:#171c13;--error:#ffb7a5;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button,textarea,select,input{font:inherit}button,a,textarea,select,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}button,textarea,select{outline:none}button:focus-visible,a:focus-visible,input:focus-visible+span{outline:2px solid var(--green);outline-offset:4px}textarea:focus-visible,select:focus-visible{outline:2px solid #639928;outline-offset:2px}button:disabled{opacity:.5}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:12px 18px;background:var(--green);color:var(--black);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{height:92px;max-width:1280px;margin:0 auto;padding:0 52px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;letter-spacing:.04em;font-weight:650;white-space:nowrap}.brand-mark{width:38px;height:38px}.brand-divider{font-weight:300;color:#64705c;margin:0 11px}.brand-product{font-weight:450;font-size:18px}.header-right{display:flex;align-items:center;gap:30px}.service-indicator{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:#72796b;box-shadow:0 0 0 4px #72796b12}.service-indicator[data-state=ready] .status-dot{background:var(--green);box-shadow:0 0 0 4px #c8f65a0c}.service-indicator[data-state=unavailable] .status-dot{background:#bd8f67}.back-link{display:inline-flex;align-items:center;gap:5px;color:#d3d8ca;font-size:12px}.back-link .icon{width:15px;height:15px}.back-link:hover{color:var(--green)}.workspace{max-width:1176px;margin:0 auto;padding:0 0 28px}.hero{display:flex;align-items:center;justify-content:space-between;gap:48px;padding:66px 0 57px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 21px;color:var(--muted);font-size:10px;font-weight:550;letter-spacing:.16em}.eyebrow-line{width:25px;height:1px;background:var(--green)}h1{margin:0;font-size:62px;line-height:1.25;letter-spacing:-.045em;font-weight:650}.title-highlight{position:relative;white-space:nowrap}.title-highlight>svg{position:absolute;width:101%;height:10px;left:0;bottom:-8px;fill:none;stroke:var(--green);stroke-width:4;stroke-linecap:round}.hero-description{margin:26px 0 0;color:#a8afa0;font-size:15px;line-height:1.9;letter-spacing:.015em}.mobile-break{display:none}.hero-art{width:220px;height:170px;position:relative;margin-right:45px;flex-shrink:0;transform:rotate(-5deg)}.art-frame{position:absolute;width:148px;height:155px;left:30px;top:0;border:1px solid #74825f;border-radius:7px;background:#1a2114}.art-frame-back{transform:rotate(16deg) translate(18px,4px);opacity:.45}.art-frame-middle{transform:rotate(8deg) translate(8px,2px);background:#26321a}.art-frame-front{background:var(--green);border-color:var(--green);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#243119;box-shadow:0 15px 50px #0003}.art-frame-front svg{width:99px;height:99px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.art-frame-front span{font-size:7px;letter-spacing:.13em;font-weight:650}.art-cross{position:absolute;width:10px;height:10px}.art-cross:before,.art-cross:after{content:"";position:absolute;background:#a6b491}.art-cross:before{height:1px;width:10px;top:5px}.art-cross:after{width:1px;height:10px;left:5px}.art-cross-one{left:-9px;top:28px}.art-cross-two{right:-12px;bottom:4px;transform:scale(.7)}.tool-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:20px;align-items:stretch}.input-panel,.guide-panel{border-radius:13px;padding:29px 31px}.input-panel{background:var(--paper);color:var(--black)}.panel-topline{display:flex;justify-content:space-between;align-items:center;gap:15px}.section-index{font-size:11px;letter-spacing:.08em;font-weight:500;margin:0}.input-panel .section-index{color:#68715d}.input-panel .panel-topline>.icon{color:#67705c;width:19px;height:19px}.input-panel h2{margin:17px 0 22px;font-size:22px;font-weight:650;letter-spacing:-.025em}.field-label{display:block;font-size:12px;color:#505b47;font-weight:550;margin-bottom:8px}.input-wrap{position:relative}textarea{display:block;width:100%;height:127px;min-height:105px;resize:vertical;max-height:300px;padding:15px 15px 43px;border:1px solid #cbd1c0;background:#fff;color:var(--black);border-radius:7px;line-height:1.7;font-size:14px;transition:border-color .15s;overflow-wrap:anywhere}textarea::placeholder{color:#9ba293}textarea:focus{border-color:#6d8756}textarea:disabled{opacity:.7}.paste-button{position:absolute;bottom:10px;right:10px;display:inline-flex;align-items:center;gap:5px;border:1px solid #d9dece;background:#f6f7f1;color:#4e5b41;border-radius:4px;padding:5px 9px;font-size:11px;line-height:1.5}.paste-button .icon{width:13px;height:13px}.paste-button:hover{background:#e9efdb}.input-bottom{display:flex;justify-content:space-between;align-items:baseline;gap:10px;min-height:37px}.input-bottom p{margin:8px 0;color:#7d8573;font-size:11px}.clear-button{background:none;border:none;padding:4px 0 4px 8px;font-size:11px;color:#657056;flex-shrink:0}.clear-button:hover{color:#202b17}.parse-button{margin-top:5px;padding:13px 18px;border:1px solid var(--black);border-radius:6px;background:var(--black);color:var(--green);width:100%;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:600;min-height:48px;transition:background .15s}.parse-button:not(:disabled):hover{background:#2b3921}.button-arrow{width:18px;height:18px}.platforms-row{display:flex;gap:13px;align-items:center;margin-top:20px;flex-wrap:wrap}.platforms-caption{color:#7d8573;font-size:10px}.platforms{display:flex;gap:7px;flex-wrap:wrap}.platforms>span{padding:3px 9px;border:1px solid #d4dacb;border-radius:4px;font-size:10px;font-weight:500;color:#5c674e;line-height:1.5}.service-notice{display:flex;gap:7px;align-items:center;color:#7d8573;padding-top:16px;margin-top:17px;border-top:1px solid #d8ddcf;font-size:10px;line-height:1.6}.service-notice>.icon{width:13px;height:13px}.service-notice p{margin:0;flex:1;overflow-wrap:anywhere}.service-notice button{background:none;border:none;text-decoration:underline;text-underline-offset:3px;padding:3px 0 3px 8px;color:#405a2a;font-size:11px;flex-shrink:0}.service-notice[data-state=unavailable]{color:#8a6147}.service-notice[data-state=ready]{color:#6b785d}.form-error{font-size:12px;color:#a23f30;background:#fbe5dc;border:1px solid #ebc5b7;padding:9px 12px;margin:0 0 11px;border-radius:5px;overflow-wrap:anywhere}.guide-panel{border:1px solid var(--line);background:linear-gradient(130deg,#1d2418,var(--panel) 70%)}.guide-panel .section-index{color:#8a967f;font-size:10px}.guide-badge{font-size:8px;letter-spacing:.09em;border:1px solid #3c4730;padding:3px 6px;border-radius:3px;color:#83956c;white-space:nowrap}.guide-panel h2{font-size:22px;font-weight:500;letter-spacing:-.035em;margin:19px 0 25px}.steps{list-style:none;padding:0;margin:0;display:grid;gap:22px}.steps li{display:flex;gap:14px}.step-number{display:flex;align-items:center;justify-content:center;border:1px solid #47533a;color:#b9d092;font-size:10px;line-height:1;width:23px;height:23px;border-radius:50%;flex-shrink:0;margin-top:1px}.steps h3{margin:0 0 4px;color:#d3dbc8;font-size:12px;font-weight:550}.steps p{margin:0;font-size:11px;color:#88967b;line-height:1.8;max-width:244px}.guide-footnote{display:flex;align-items:baseline;gap:8px;margin-top:27px;padding-top:18px;border-top:1px solid #313b29;color:#839176}.guide-footnote p{margin:0;font-size:10px;line-height:1.8}.tiny-square{height:4px;width:4px;background:#829c61;flex-shrink:0}.result-panel{margin-top:20px;padding:24px;background:#1c2417;border:1px solid #475e30;border-radius:12px;display:grid;grid-template-columns:208px minmax(0,1fr);gap:25px}.result-media{position:relative;background:#11170e;border:1px solid #34432a;border-radius:7px;overflow:hidden;aspect-ratio:16/10;align-self:start}.result-media>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.thumbnail-placeholder{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.thumbnail-placeholder .icon{height:37px;width:37px;color:#5c7149;stroke-width:1.2}.duration-tag{position:absolute;bottom:8px;right:8px;padding:2px 6px;background:#080b06d9;border-radius:3px;font-size:10px;color:#e2ebd8;font-variant-numeric:tabular-nums}.result-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:10px;color:#91a77d}.result-platform{border:1px solid #4d623a;padding:1px 6px;border-radius:3px;color:#bad39c}.result-content h2{font-size:18px;line-height:1.6;letter-spacing:-.015em;margin:8px 0 5px;color:#e4eddc;overflow-wrap:anywhere}.result-caption{font-size:11px;color:#8c9d7e;margin:0 0 16px}.result-options{display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px}.select-field,.mode-field legend{font-size:10px;color:#96a786;line-height:1.4}.select-field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:130px;max-width:200px}.select-field select{width:100%;border:1px solid #435536;background:#151d10;color:#dcebcf;border-radius:5px;min-height:37px;font-size:11px;padding:7px 24px 7px 10px}.select-field select:disabled{opacity:.5}.mode-field{border:0;padding:0;margin:0;min-width:0}.mode-field legend{margin-bottom:6px;padding:0}.mode-picker{display:flex;gap:0;border:1px solid #435536;border-radius:5px;overflow:visible}.mode-picker label{display:block;position:relative;cursor:pointer}.mode-picker input{position:absolute;opacity:0;width:1px;height:1px}.mode-picker label>span{display:flex;align-items:center;gap:5px;padding:8px 10px;font-size:11px;line-height:19px;color:#a5b497;border-radius:4px;white-space:nowrap}.mode-picker input:checked+span{background:#40572c;color:#e1efcf}.mode-picker .icon{width:14px;height:14px}.download-button{border:1px solid var(--green);background:var(--green);color:#263219;font-weight:600;border-radius:5px;display:flex;align-items:center;gap:6px;padding:8px 13px;min-height:37px;font-size:11px;white-space:nowrap}.download-button>.icon{width:15px;height:15px}.download-button:not(:disabled):hover{background:#d7ff7e}.result-error{margin:13px 0 0;font-size:11px;color:var(--error);overflow-wrap:anywhere}.queue-section{margin-top:44px}.queue-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.queue-heading .section-index{color:#7f8a74;font-size:10px}.queue-heading h2{display:flex;gap:10px;align-items:center;font-size:20px;letter-spacing:-.025em;font-weight:500;margin:8px 0 0}.queue-count{background:#2b3522;color:#aec68b;font-size:10px;min-width:21px;height:21px;padding:0 6px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;letter-spacing:0}.queue-refresh{display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--line);border-radius:5px;color:#99a68c;padding:7px 10px;font-size:11px}.queue-refresh .icon{height:14px;width:14px}.queue-refresh:hover{border-color:#617648;color:#bfd4a4}.queue-empty{border:1px dashed #39432f;border-radius:10px;min-height:191px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:27px 20px;background:#151a12}.empty-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:#748564;border:1px solid #3a4730;border-radius:9px;transform:rotate(-4deg)}.empty-icon .icon{height:19px;width:19px}.queue-empty h3{font-size:12px;font-weight:450;color:#a0ac94;margin:0 0 6px}.queue-empty p{font-size:10px;color:#68775c;margin:0}.queue-list{display:grid;gap:10px}.job-card{padding:20px 23px;border:1px solid #35412b;background:#1a2016;border-radius:9px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:14px;align-items:start}.job-icon{border:1px solid #405234;background:#212c19;color:#a6c582;width:38px;height:41px;display:flex;align-items:center;justify-content:center;border-radius:6px}.job-icon>.icon{width:19px;height:19px}.job-title{margin:0;color:#d8e3cd;font-size:12px;line-height:1.6;font-weight:500;overflow-wrap:anywhere}.job-meta{font-size:10px;color:#829774;margin-top:3px;overflow-wrap:anywhere}.job-progress-row{display:flex;align-items:center;gap:10px;margin-top:12px}.job-progress{height:3px;flex:1;background:#354329;overflow:hidden;border-radius:4px}.job-progress-fill{height:100%;width:0;background:var(--green);transition:width .45s ease;border-radius:4px}.job-progress-label{font-size:10px;color:#a7bd90;min-width:30px;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.job-info{font-size:10px;color:#859976;margin:6px 0 0;min-height:16px;overflow-wrap:anywhere}.job-info.is-error{color:var(--error)}.job-side{display:flex;align-items:flex-end;flex-direction:column;gap:12px;min-width:79px}.job-status{font-size:10px;color:#a6bd8e;white-space:nowrap}.job-card[data-status=completed] .job-status{color:var(--green)}.job-card[data-status=failed] .job-status{color:var(--error)}.job-card[data-status=cancelled] .job-status{color:#88917f}.job-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}.job-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #4d623b;background:transparent;color:#a8be91;border-radius:5px;padding:5px 9px;font-size:10px;line-height:1.6;min-height:29px;white-space:nowrap}.job-action:hover{background:#2e3b23}.job-action .icon{width:13px;height:13px}.job-action-download{background:var(--green);border-color:var(--green);color:#243318}.job-action-download:hover{background:#d7ff7e}.job-progress-row.is-processing .job-progress-fill{width:35%!important;animation:process-slide 1.6s ease-in-out infinite}.job-card[data-status=completed] .job-progress-fill{background:#7e9b5b}.queue-error{margin:0 0 13px;padding:10px 13px;border:1px solid #5c4837;border-radius:6px;color:#cba486;background:#33281d;font-size:11px;overflow-wrap:anywhere}.site-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:48px;padding-top:22px;border-top:1px solid var(--line);color:#6f7c62;font-size:10px}.footer-brand{display:flex;align-items:center;gap:5px;color:#b0bf9f;font-size:11px}.footer-brand .icon{width:13px;height:13px}.footer-brand:hover{color:var(--green)}.site-footer p{margin:0}.site-footer>span{letter-spacing:.06em}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:11px 18px;background:#eff7e3;color:#263b18;border:1px solid #c8d9b6;box-shadow:0 8px 35px #0004;border-radius:7px;font-size:12px;max-width:calc(100% - 32px);width:max-content;z-index:50}.spinner{height:17px;width:17px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes process-slide{0%{transform:translateX(-110%)}100%{transform:translateX(390%)}}
@media(min-width:1281px){.workspace{max-width:1140px}.site-header{max-width:1244px}}
@media(max-width:1279px){.workspace{margin:0 52px}.hero{padding-top:57px}h1{font-size:55px}.hero-art{margin-right:20px}.input-panel,.guide-panel{padding:26px}.tool-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:17px}.guide-panel h2{font-size:20px}.input-panel h2{font-size:21px}.result-panel{grid-template-columns:185px minmax(0,1fr)}}
@media(max-width:960px){.site-header{padding:0 30px;height:80px}.workspace{margin:0 30px}.hero{padding:48px 0 44px;gap:20px}h1{font-size:46px}.hero-art{width:175px;transform:rotate(-5deg) scale(.85);transform-origin:right center;margin-right:12px}.hero-description{font-size:14px}.tool-grid{grid-template-columns:minmax(0,1.45fr) minmax(235px,1fr);gap:15px}.input-panel,.guide-panel{padding:23px}.guide-badge{display:none}.guide-panel h2{font-size:19px}.input-panel h2{font-size:19px}.steps{gap:20px}.steps li{gap:10px}.step-number{width:21px;height:21px}.result-panel{grid-template-columns:160px minmax(0,1fr);gap:20px}.result-options{gap:11px}.result-content h2{font-size:16px}.select-field{max-width:160px}.result-options .download-button{align-self:flex-end}}
@media(max-width:740px){.site-header{padding:0 22px;height:73px}.brand{font-size:19px;gap:8px}.brand-mark{height:33px;width:33px}.brand-product{font-size:16px}.brand-divider{margin:0 8px}.header-right{gap:16px}.back-link{font-size:11px}.service-indicator{font-size:10px;gap:6px}.workspace{margin:0 22px}.hero{padding:42px 0 37px}.eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:17px}.eyebrow-line{width:19px}h1{font-size:43px}.hero-description{font-size:12px;margin-top:23px}.hero-art{display:none}.tool-grid{grid-template-columns:1fr;gap:15px}.input-panel{padding:24px}.input-panel h2{font-size:21px;margin-bottom:21px}.input-panel textarea{height:130px}.guide-panel{padding:22px 24px}.guide-panel h2{font-size:18px;margin:13px 0 20px}.guide-badge{display:inline-flex}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.steps li{display:block}.steps h3{font-size:11px;margin-top:10px;margin-bottom:6px}.steps p{font-size:10px;line-height:1.8}.step-number{width:21px;height:21px}.guide-footnote{margin-top:20px;padding-top:15px}.result-panel{padding:20px;grid-template-columns:130px minmax(0,1fr);gap:17px}.result-media{aspect-ratio:1}.result-caption{margin-bottom:13px}.result-options{gap:12px}.result-options .select-field{min-width:140px;max-width:none;flex:1}.result-options .mode-field{min-width:140px}.result-options .download-button{width:100%;justify-content:center}.queue-section{margin-top:34px}.queue-heading h2{font-size:19px}.queue-empty{min-height:170px}.job-card{padding:17px;gap:11px;grid-template-columns:31px minmax(0,1fr) auto}.job-icon{width:31px;height:35px}.job-side{min-width:72px}.job-action{padding:5px 7px}.site-footer{margin-top:35px;padding-top:19px}.site-footer>span{display:none}}
@media(max-width:480px){.site-header{padding:0 18px}.header-right .back-link{display:none}.workspace{margin:0 18px}.hero{padding:35px 0 33px}.eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:17px}h1{font-size:43px;line-height:1.35}.mobile-break{display:block}.title-highlight>svg{bottom:-5px;stroke-width:3}.hero-description{font-size:12px;line-height:1.8;margin-top:21px}.desktop-break{display:none}.input-panel{padding:22px 20px}.input-panel h2{font-size:19px;letter-spacing:-.025em;margin:15px 0 20px}.input-bottom p{font-size:10px}.guide-panel{padding:20px}.guide-panel h2{font-size:18px}.steps{grid-template-columns:1fr;gap:17px}.steps li{display:flex;gap:12px}.steps h3{margin-top:0;font-size:11px;margin-bottom:3px}.steps p{font-size:10px;max-width:100%}.guide-footnote{margin-top:18px}.result-panel{padding:17px;grid-template-columns:1fr;gap:15px}.result-media{aspect-ratio:16/9;max-height:210px}.result-options{gap:11px}.result-options .select-field{min-width:120px}.result-options .mode-field{min-width:128px}.result-content h2{font-size:16px;margin:8px 0 5px}.mode-picker label>span{padding:8px 9px}.result-options .download-button{margin-top:2px}.queue-heading h2{font-size:18px}.job-card{grid-template-columns:30px minmax(0,1fr);padding:15px;gap:10px}.job-side{grid-column:2;align-items:center;flex-direction:row;justify-content:space-between;min-width:0;gap:10px;margin-top:1px}.job-title{font-size:11px}.job-meta,.job-info{font-size:9px}.job-progress-row{margin-top:10px}.job-action{font-size:10px}.queue-empty h3{font-size:11px}.queue-empty p{font-size:9px}.site-footer{font-size:9px;gap:10px}.footer-brand{font-size:10px}.toast{font-size:11px;bottom:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.job-progress-row.is-processing .job-progress-fill{transform:none;width:100%!important;opacity:.35}}
.queue-note{margin:-7px 0 17px;font-size:10px;color:#7f8e72;line-height:1.8}.job-action[aria-disabled=true]{opacity:.55;cursor:wait}.job-card[data-status=processing] .job-progress-label{min-width:50px}.job-card[data-status=downloading] .job-progress-row.is-processing .job-progress-fill{opacity:.65}.input-help{font-size:10px;line-height:1.8;color:#7d8573;margin:10px 0 0}
.share-disclosure{margin:0 0 12px;padding:10px 12px;border:1px solid #d2dcc5;border-left:2px solid #8ba86b;border-radius:5px;background:#e8edde;color:#536345;font-size:11px;line-height:1.8;overflow-wrap:anywhere}.disclosure-links{display:inline-flex;align-items:baseline;gap:4px;margin-left:5px;white-space:nowrap}.share-disclosure a{color:#3e5b28;text-decoration:underline;text-underline-offset:3px}.share-disclosure a:hover{color:#233b13}.result-format{margin:12px 0 0;color:#9cb387;font-size:11px;line-height:1.8;overflow-wrap:anywhere}.result-format.is-compatibility-note{color:#c1cda9}