:root{font-family:Geist Sans,Avenir Next,Segoe UI,sans-serif;color:#242824;background:#f2f3f0;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #242824;--muted: #6f756f;--faint: #9da29c;--line: rgba(43, 55, 47, .1);--line-strong: rgba(43, 55, 47, .17);--paper: #fcfdfb;--bone: #f2f3f0;--soft: #e9ebe7;--green: #345747;--green-deep: #294638;--green-soft: #e6eee8;--danger: #9b3434;--danger-soft: #f8eaea;--ease: cubic-bezier(.32, .72, 0, 1);line-height:1.5}html:lang(zh-CN){font-family:PingFang SC,Microsoft YaHei UI,Microsoft YaHei,sans-serif}html:lang(ja){font-family:Hiragino Kaku Gothic ProN,Yu Gothic UI,Yu Gothic,sans-serif}*{box-sizing:border-box}html{background:var(--bone)}body{margin:0;min-width:0;min-height:100dvh;background:radial-gradient(circle at 8% -8%,rgba(117,142,126,.12),transparent 32rem),radial-gradient(circle at 100% 100%,rgba(212,221,214,.45),transparent 36rem),var(--bone)}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid rgba(52,87,71,.62);outline-offset:3px}button:disabled,input:disabled{cursor:not-allowed;opacity:.46}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45}.app-shell{min-height:100dvh}.empty-page{min-height:calc(100dvh - 76px)}.topbar-shell{position:sticky;z-index:20;top:0;padding:14px 20px 0;pointer-events:none}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:62px;max-width:1680px;margin:0 auto;padding:8px 10px 8px 14px;border:1px solid rgba(255,255,255,.72);border-radius:22px;background:#f9faf7d1;box-shadow:0 18px 50px #313a3314,inset 0 0 0 1px #2d37300f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto}.brand{display:inline-flex;align-items:center;width:max-content;color:var(--ink);font-size:16px;font-weight:680;letter-spacing:-.025em;text-decoration:none}.brand-mark{display:grid;width:36px;height:36px;margin-right:10px;place-items:center;border-radius:12px;color:#f5f8f5;background:var(--green);box-shadow:inset 0 1px 1px #ffffff38}.brand-mark svg{width:21px;height:21px}.topbar-meta{display:flex;align-items:center;color:var(--muted);font-size:12px;letter-spacing:.02em}.topbar-meta>span{width:6px;height:6px;margin-right:8px;border-radius:50%;background:#6d8c78;box-shadow:0 0 0 4px #6d8c781a}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}.language-selector{position:relative;display:flex;align-items:center;min-height:42px;overflow:hidden;border:1px solid var(--line);border-radius:999px;background:#ffffffb3}.language-selector select{width:118px;height:40px;padding:0 28px 0 34px;border:0;outline:0;color:var(--ink);background:transparent;cursor:pointer;appearance:none;font-size:12px;font-weight:620}.language-icon,.language-chevron{position:absolute;pointer-events:none}.language-icon{left:10px;width:16px;height:16px}.language-chevron{right:8px;width:13px;height:13px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:#ffffffc7;cursor:pointer;font-size:13px;font-weight:650;transition:color .42s var(--ease),background-color .42s var(--ease),border-color .42s var(--ease),box-shadow .42s var(--ease),transform .42s var(--ease)}.button>svg{width:17px;height:17px;margin-right:7px}.button:hover:not(:disabled){border-color:var(--line-strong);background:#fff;transform:translateY(-1px)}.button:active:not(:disabled){transform:scale(.98)}.button-primary{gap:12px;padding:4px 5px 4px 17px;border-color:var(--green);color:#fff;background:var(--green);box-shadow:0 8px 22px #3457472e}.button-primary:hover:not(:disabled){border-color:var(--green-deep);background:var(--green-deep);box-shadow:0 10px 26px #34574738}.button-icon{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#ffffff21;transition:transform .5s var(--ease)}.button-primary:hover .button-icon{transform:translate(2px,-1px) scale(1.04)}.button-icon svg{width:16px;height:16px}.button-undo svg{transform:translateY(-.5px)}.empty-workspace{display:grid;grid-template-columns:minmax(300px,430px) minmax(400px,560px);align-items:center;justify-content:center;gap:clamp(72px,10vw,168px);min-height:calc(100dvh - 76px);padding:96px 6vw 112px}.seo-content{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:104px 0 112px;border-top:1px solid var(--line)}.seo-heading{max-width:670px}.seo-heading h2,.seo-faq h2{margin:18px 0 16px;font-family:"Instrument Serif",Iowan Old Style,Georgia,serif;font-size:clamp(36px,4.5vw,58px);font-weight:400;letter-spacing:-.045em;line-height:1}html:lang(zh-CN) .seo-heading h2,html:lang(zh-CN) .seo-faq h2,html:lang(ja) .seo-heading h2,html:lang(ja) .seo-faq h2{font-family:inherit;font-weight:620;letter-spacing:-.055em}.seo-heading>p{margin:0;color:var(--muted);font-size:16px;line-height:1.8}.seo-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:54px;border-block:1px solid var(--line)}.seo-features article{padding:34px 36px 38px 0}.seo-features article+article{padding-left:36px;border-left:1px solid var(--line)}.seo-features article>span{color:var(--green);font-family:Cascadia Mono,SFMono-Regular,monospace;font-size:10px}.seo-features h3{margin:28px 0 10px;font-size:18px}.seo-features p,.seo-faq p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.seo-faq{max-width:760px;margin-top:88px}.seo-faq h2{font-size:clamp(32px,4vw,46px)}.seo-faq details{border-bottom:1px solid var(--line)}.seo-faq summary{padding:22px 0;font-size:16px;font-weight:650;cursor:pointer}.seo-faq details p{padding:0 0 22px}.intro-copy{animation:enter .85s var(--ease) both}.eyebrow,.section-kicker{color:var(--green);font-size:10px;font-weight:720;letter-spacing:.21em;text-transform:uppercase}.eyebrow{display:inline-flex;padding:7px 11px;border-radius:999px;background:var(--green-soft)}.intro-copy h1{max-width:560px;margin:24px 0 26px;font-family:"Instrument Serif",Iowan Old Style,Georgia,serif;font-size:clamp(54px,6vw,86px);font-weight:400;letter-spacing:-.06em;line-height:.94;text-wrap:balance}html:lang(zh-CN) .intro-copy h1,html:lang(ja) .intro-copy h1{font-family:PingFang SC,Hiragino Kaku Gothic ProN,Microsoft YaHei UI,sans-serif;font-size:clamp(52px,4.5vw,72px);font-weight:620;letter-spacing:-.075em;line-height:1.04}html:lang(ru) .intro-copy h1{font-size:clamp(46px,5vw,70px);line-height:.98}.intro-copy p{max-width:390px;margin:0;color:var(--muted);font-size:16px;line-height:1.75}.upload-area{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:440px;padding:54px;overflow:hidden;border:7px solid rgba(220,224,219,.78);border-radius:32px;color:var(--ink);background:#fdfefcf0;box-shadow:0 28px 70px #2f3a321a,inset 0 1px 1px #ffffffd9;cursor:pointer;animation:enter .85s .1s var(--ease) both;transition:border-color .6s var(--ease),box-shadow .6s var(--ease),transform .6s var(--ease)}.upload-area:before,.upload-area:after{position:absolute;content:"";pointer-events:none}.upload-area:before{inset:12px;border:1px dashed rgba(52,87,71,.22);border-radius:20px}.upload-area:after{right:-74px;bottom:-88px;width:240px;height:240px;border-radius:50%;background:#d0e0d57a}.upload-area:hover:not(:disabled),.upload-area.is-dragging{border-color:#68877480;box-shadow:0 34px 86px #2f443624;transform:translateY(-3px)}.upload-mark{z-index:1;display:grid;width:80px;height:80px;margin-bottom:28px;place-items:center;border-radius:28px;color:var(--green);background:var(--green-soft);box-shadow:inset 0 1px 1px #fffc,0 12px 30px #34574714}.upload-mark svg{width:34px;height:34px}.upload-title,.upload-description,.upload-formats{z-index:1}.upload-title{font-size:21px;font-weight:680;letter-spacing:-.025em}.upload-description{margin-top:8px;color:var(--muted);font-size:14px}.upload-formats{margin-top:46px;color:var(--faint);font-family:Cascadia Mono,SFMono-Regular,monospace;font-size:10px;letter-spacing:.14em}.loading-note,.notice{grid-column:1 / -1;margin:-50px 0 0;color:var(--muted);text-align:center;font-size:13px}.notice{color:var(--danger)}.editor-workspace{display:grid;grid-template-areas:"assets preview settings";grid-template-columns:minmax(250px,278px) minmax(390px,1fr) minmax(278px,306px);gap:14px;max-width:1720px;height:calc(100dvh - 76px);min-height:620px;margin:0 auto;padding:14px 20px 20px}.asset-shell{grid-area:assets}.settings-shell{grid-area:settings}.side-shell,.preview-column{min-width:0;padding:6px;border-radius:26px;background:#dce0dbb8;box-shadow:inset 0 0 0 1px #ffffff9e,0 22px 60px #2d383012;animation:enter .72s var(--ease) both}.preview-column{grid-area:preview;display:flex;flex-direction:column;min-height:560px;animation-delay:60ms}.settings-shell{animation-delay:.12s}.side-panel,.preview-stage{border-radius:20px;background:#fcfdfbf5;box-shadow:inset 0 1px 1px #ffffffe6}.side-panel{height:100%;overflow:hidden}.panel-section{display:flex;min-height:100%;flex-direction:column;padding:26px 20px 22px}.section-heading-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.section-heading-row h2{margin:5px 0 0;font-size:21px;font-weight:670;letter-spacing:-.035em;line-height:1.2}.title-with-count{display:flex;align-items:center;gap:9px}.image-count{display:grid;min-width:23px;height:23px;margin-top:4px;padding:0 6px;place-items:center;border-radius:999px;color:var(--green);background:var(--green-soft);font-size:11px;font-weight:700}.text-button{padding:5px 0;border:0;color:var(--muted);background:transparent;cursor:pointer;font-size:12px;transition:color .36s var(--ease),transform .36s var(--ease)}.text-button:hover:not(:disabled){color:var(--danger);transform:translateY(-1px)}.image-list{display:grid;gap:7px;max-height:calc(100dvh - 360px);min-height:112px;overflow:auto;scrollbar-color:rgba(52,87,71,.25) transparent;scrollbar-width:thin}.image-row{display:grid;grid-template-columns:13px 45px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:64px;padding:7px 6px;border:1px solid rgba(43,55,47,.08);border-radius:14px;background:#fff;box-shadow:0 5px 18px #26302909;transition:border-color .42s var(--ease),box-shadow .42s var(--ease),opacity .42s var(--ease),transform .42s var(--ease)}.image-row:hover{border-color:#3457472e;box-shadow:0 8px 24px #26302912;transform:translateY(-1px)}.image-row.is-dragging{opacity:.44;transform:scale(.98)}.drag-handle{display:grid;place-items:center;color:#afb4ae;cursor:grab}.drag-handle svg{width:12px;stroke-width:3}.image-row>img{width:45px;height:45px;border-radius:10px;object-fit:cover;background:var(--soft)}.image-meta{min-width:0}.image-meta strong,.image-meta span{display:block}.image-name-line{display:flex!important;align-items:center;gap:5px;min-width:0}.image-name-line strong{min-width:0}.image-name-line small{flex:0 0 auto;padding:2px 5px;border-radius:999px;color:var(--green);background:var(--green-soft);font-size:8px;font-weight:750}.image-meta strong{overflow:hidden;font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.image-meta>span:last-child{margin-top:3px;color:var(--faint);font-family:Cascadia Mono,SFMono-Regular,monospace;font-size:9px}.row-actions{display:grid;grid-template-columns:repeat(3,26px);gap:1px}.row-actions button{display:grid;width:26px;height:28px;padding:0;place-items:center;border:0;border-radius:8px;color:var(--muted);background:transparent;cursor:pointer;transition:color .32s var(--ease),background-color .32s var(--ease),transform .32s var(--ease)}.row-actions button:hover:not(:disabled){color:var(--ink);background:var(--soft);transform:translateY(-1px)}.row-actions button:last-child:hover:not(:disabled){color:var(--danger);background:var(--danger-soft)}.row-actions svg{width:15px;height:15px}.rotate-icon{transform:rotate(180deg)}.anchor-action{margin-top:auto;padding-top:20px}.anchor-action p{margin:0 2px 11px;color:var(--muted);font-size:11px;line-height:1.55}.button-anchor{width:100%;min-height:45px;border-color:#34574721;color:var(--green-deep);background:var(--green-soft)}.button-anchor:hover:not(:disabled){border-color:#34574733;background:#dce9df}.segmented-control{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:15px;background:var(--soft)}.segmented-control button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 8px;border:0;border-radius:11px;color:var(--muted);background:transparent;cursor:pointer;font-size:12px;font-weight:650;transition:color .42s var(--ease),background-color .42s var(--ease),box-shadow .42s var(--ease),transform .42s var(--ease)}.segmented-control button:hover:not(:disabled){color:var(--ink)}.segmented-control button.is-active{color:var(--green-deep);background:#fff;box-shadow:0 5px 16px #28342c14}.segmented-control svg{width:17px;height:17px;margin-right:6px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;margin-top:24px}.field,.range-field{display:block}.field>span:first-child,.field-label,.range-field>span:first-child{display:block;margin-bottom:7px;color:var(--muted);font-size:11px;font-weight:620}.number-input-wrap,.color-input-wrap{display:flex!important;align-items:center;height:43px;overflow:hidden;border:1px solid rgba(43,55,47,.1);border-radius:12px;background:#fff;transition:border-color .36s var(--ease),box-shadow .36s var(--ease)}.number-input-wrap:focus-within,.color-input-wrap:focus-within{border-color:#34574759;box-shadow:0 0 0 3px #34574712}.number-input-wrap input{width:100%;min-width:0;height:100%;padding:0 4px 0 10px;border:0;outline:0;color:var(--ink);background:transparent;font-family:Cascadia Mono,SFMono-Regular,monospace;font-size:11px;font-weight:600}.number-input-wrap>span{padding-right:9px;color:var(--faint);font-size:10px}.color-input-wrap{padding:0 8px}.color-input-wrap input{width:25px;height:25px;padding:2px;overflow:hidden;border:0;border-radius:8px;background:var(--soft);cursor:pointer}.color-input-wrap output{min-width:0;margin-left:7px;overflow:hidden;font-family:Cascadia Mono,SFMono-Regular,monospace;font-size:9px}.switch-row{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:62px;margin-top:20px;padding:11px 12px;border-radius:14px;background:#f1f3f0;cursor:pointer}.switch-row>span:first-child strong,.switch-row>span:first-child small{display:block}.switch-row strong{font-size:11px;font-weight:680}.switch-row small{margin-top:3px;color:var(--muted);font-size:9px}.switch-row input{position:absolute;opacity:0}.switch-control{position:relative;flex:0 0 auto;width:38px;height:22px;margin-left:8px;border-radius:999px;background:#d5d8d3;box-shadow:inset 0 0 0 1px #2b372f14;transition:background-color .42s var(--ease)}.switch-control:after{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #2428241f;content:"";transition:transform .42s var(--ease)}.switch-row input:checked+.switch-control{background:var(--green)}.switch-row input:checked+.switch-control:after{transform:translate(16px)}.switch-row.is-disabled{cursor:not-allowed;opacity:.52}.export-options{margin-top:auto;padding-top:24px}.format-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.format-options input{position:absolute;opacity:0}.format-options span{display:grid;height:41px;place-items:center;border:1px solid rgba(43,55,47,.09);border-radius:12px;color:var(--muted);background:#fff;cursor:pointer;font-family:Cascadia Mono,SFMono-Regular,monospace;font-size:10px;letter-spacing:.08em;transition:color .38s var(--ease),background-color .38s var(--ease),border-color .38s var(--ease),transform .38s var(--ease)}.format-options span:hover{transform:translateY(-1px)}.format-options input:checked+span{border-color:#34574738;color:var(--green-deep);background:var(--green-soft)}.range-field{margin-top:17px}.range-field>span{display:flex!important;justify-content:space-between}.range-field output{color:var(--green-deep);font-family:Cascadia Mono,SFMono-Regular,monospace;font-size:10px}.range-field input{width:100%;accent-color:var(--green)}.preview-stage{display:flex;flex:1;min-height:0;flex-direction:column;overflow:hidden;background:#e7e9e5}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 16px;color:var(--muted);background:#fcfdfbf5;box-shadow:0 1px #2b372f12;font-size:11px}.preview-toolbar>div{display:flex;align-items:center;font-weight:630}.preview-toolbar output{font-family:Cascadia Mono,SFMono-Regular,monospace;font-size:10px;font-variant-numeric:tabular-nums}.live-dot{width:6px;height:6px;margin-right:8px;border-radius:50%;background:#698b77;box-shadow:0 0 0 4px #698b771c}.canvas-viewport{display:grid;flex:1;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:0;padding:clamp(28px,5vw,72px);overflow:hidden;place-items:center}.preview-stage.has-transparency .canvas-viewport{background-color:#e9ebe7;background-image:linear-gradient(45deg,#dfe2dc 25%,transparent 25%),linear-gradient(-45deg,#dfe2dc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dfe2dc 75%),linear-gradient(-45deg,transparent 75%,#dfe2dc 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.canvas-viewport canvas{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%;border:1px solid rgba(38,48,41,.06);background:transparent;box-shadow:0 20px 55px #27312a24;object-fit:contain}.canvas-viewport canvas.is-hidden{display:none}.preview-error{color:var(--danger);font-size:13px}.status-line{margin:7px 4px 1px;padding:9px 12px;border-radius:11px;color:var(--green-deep);background:var(--green-soft);font-size:11px}.status-line.is-error{color:var(--danger);background:var(--danger-soft)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@keyframes enter{0%{opacity:0;transform:translateY(20px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1279px){.editor-workspace{grid-template-areas:"assets preview" "settings preview";grid-template-columns:minmax(300px,330px) minmax(0,1fr);align-items:start;height:auto;min-height:calc(100dvh - 76px)}.preview-column{position:sticky;top:90px;height:calc(100dvh - 110px)}.image-list{max-height:360px}.settings-section{min-height:480px}}@media(max-width:1100px){.topbar{grid-template-columns:1fr auto}.topbar-meta{display:none}}@media(max-width:899px){.empty-workspace{grid-template-columns:minmax(0,580px);gap:58px;padding:78px 22px 96px}.intro-copy{text-align:center}.intro-copy p{margin-inline:auto}.upload-area{min-height:360px}.editor-workspace{grid-template-areas:"preview" "assets" "settings";grid-template-columns:minmax(0,1fr);padding-top:12px}.preview-column{position:static;height:clamp(430px,58dvh,620px);min-height:0}.side-panel{overflow:visible}.panel-section{min-height:auto;padding:26px}.image-list{max-height:390px}.anchor-action,.export-options{margin-top:0}.field-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:719px){.topbar-shell{padding:10px 10px 0}.topbar{min-height:58px;border-radius:18px}.topbar-actions .button{min-height:40px;padding-inline:12px}.editor-workspace{gap:10px;padding:10px}.preview-column,.side-shell{border-radius:22px}.preview-stage,.side-panel{border-radius:16px}.preview-column{height:clamp(360px,50dvh,510px)}.seo-content{width:min(100% - 28px,1120px);padding:76px 0 84px}.seo-features{grid-template-columns:1fr}.seo-features article{padding:28px 0}.seo-features article+article{padding-left:0;border-top:1px solid var(--line);border-left:0}.seo-features h3{margin-top:18px}.seo-faq{margin-top:64px}.canvas-viewport{padding:24px}.field-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.brand>span:last-child{display:none}.brand-mark{margin-right:0}.topbar-actions{gap:5px}.language-selector select{width:86px;padding-inline:9px 23px;font-size:11px}.language-icon{display:none}.language-chevron{right:6px}.topbar-actions .button-secondary{width:40px;padding:0;font-size:0}.topbar-actions .button-secondary>svg{margin:0}.button-primary{padding-left:12px!important}.button-primary .button-icon{display:none}.intro-copy h1{font-size:clamp(44px,13vw,58px)}html:lang(zh-CN) .intro-copy h1,html:lang(ja) .intro-copy h1{font-size:clamp(44px,12vw,56px)}html:lang(ru) .intro-copy h1{font-size:clamp(37px,10.5vw,48px)}.empty-workspace{padding:58px 14px 74px}.upload-area{min-height:320px;padding:36px;border-width:6px;border-radius:26px}.panel-section{padding:24px 18px}.image-row{grid-template-columns:11px 42px minmax(0,1fr) auto;gap:6px}.image-row>img{width:42px;height:42px}.row-actions{grid-template-columns:repeat(3,24px)}.row-actions button{width:24px}}@media(max-width:380px){.language-selector{width:40px}.language-selector select{width:40px;padding:0;color:transparent}.language-selector option{color:var(--ink)}.language-icon{display:block;left:12px}.language-chevron{display:none}.field-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}