.bg-paste-tip{color:#697386;text-align:center;margin:-2px 20px 20px;font-size:13px}.bg-workspace{padding:25px}.bg-workspace-head,.bg-settings,.bg-main-actions,.bg-panel-head,.bg-result-actions{justify-content:space-between;align-items:center;gap:14px;display:flex}.bg-workspace-head h2{color:#24334a;letter-spacing:-.035em;margin:0;font-size:22px}.bg-workspace-head p{color:#697386;text-overflow:ellipsis;white-space:nowrap;max-width:550px;margin:4px 0 0;font-size:13px;overflow:hidden}.bg-settings{background:#fafcfb;border:1px solid #e4e9e9;border-radius:14px;flex-wrap:wrap;margin-top:20px;padding:16px 18px}.bg-settings strong{color:#26384b;font-size:15px}.bg-settings p{color:#68778a;margin:4px 0 0;font-size:13px}.bg-quality-options,.bg-backdrop-switch{background:#f1f6f6;border:1px solid #dfe6e8;border-radius:11px;gap:5px;padding:4px;display:inline-flex}.bg-quality-options button,.bg-backdrop-switch button{color:#526073;cursor:pointer;text-align:center;background:0 0;border:0;border-radius:8px;gap:2px;min-width:105px;padding:7px 12px;font-size:14px;font-weight:800;display:grid}.bg-quality-options button.active,.bg-backdrop-switch button.active{color:#21796f;background:#fff;box-shadow:0 2px 7px #1a554716}.bg-quality-options button:disabled{opacity:.6;cursor:not-allowed}.bg-quality-options small{font-size:11px;font-weight:600}.bg-main-actions{justify-content:flex-start;margin-top:16px}.bg-main-actions .primary-tool-button{justify-content:center;align-items:center;gap:9px;width:auto;min-width:170px;margin:0;padding:0 18px;display:inline-flex}.bg-main-actions .ghost-button{min-height:48px}.bg-progress{margin-top:16px}.bg-progress p{color:#697386;margin:9px 0 0;font-size:12px}.bg-indeterminate{animation:1.6s ease-in-out infinite alternate bg-progress-move;width:32%!important}@keyframes bg-progress-move{0%{transform:translate(0)}to{transform:translate(210%)}}.bg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:21px;display:grid}.bg-panel{background:#fff;border:1px solid #e2e8e9;border-radius:15px;min-width:0;overflow:hidden}.bg-panel-head{border-bottom:1px solid #e7ebed;min-height:52px;padding:0 16px}.bg-panel-head strong{color:#253449;font-size:16px}.bg-panel-head span{color:#728094;font-size:12px}.bg-image-stage{background:#f4f6f7;place-items:center;height:min(49vw,480px);min-height:300px;display:grid;overflow:hidden}.bg-image-stage img{object-fit:contain;width:100%;height:100%;display:block}.bg-preview-checker{background-color:#fff;background-image:linear-gradient(45deg,#e2e7e8 25%,#0000 25%),linear-gradient(-45deg,#e2e7e8 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e2e7e8 75%),linear-gradient(-45deg,#0000 75%,#e2e7e8 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.bg-preview-light{background:#fff}.bg-preview-dark{background:#243041}.bg-placeholder{color:#8894a3;text-align:center;justify-items:center;gap:10px;max-width:270px;padding:20px;display:grid}.bg-placeholder p{margin:0;font-size:14px;line-height:1.5}.bg-previous-result{color:#55727d;background:#f2faf8;border-bottom:1px solid #e7ebed;margin:0;padding:8px 14px;font-size:12px}.bg-result-actions{border-top:1px solid #e7ebed;flex-wrap:wrap;padding:14px}.bg-backdrop-switch button{min-width:0;padding:7px 10px;font-size:12px}.bg-download{color:#fff;cursor:pointer;background:#2d8a76;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.bg-download:hover{background:#247562}.bg-result-note{color:#6b798a;margin:11px 0 0;font-size:12px;line-height:1.5}html[data-theme=dark] .bg-paste-tip,html[data-theme=dark] .bg-workspace-head p,html[data-theme=dark] .bg-settings p,html[data-theme=dark] .bg-panel-head span,html[data-theme=dark] .bg-result-note,html[data-theme=dark] .bg-progress p{color:#acb7c5}html[data-theme=dark] .bg-workspace-head h2,html[data-theme=dark] .bg-settings strong,html[data-theme=dark] .bg-panel-head strong{color:#e6edf3}html[data-theme=dark] .bg-settings,html[data-theme=dark] .bg-panel{background:#1f2632;border-color:#3b4656}html[data-theme=dark] .bg-panel-head,html[data-theme=dark] .bg-result-actions{border-color:#3b4656}html[data-theme=dark] .bg-quality-options,html[data-theme=dark] .bg-backdrop-switch{background:#18212c;border-color:#41505c}html[data-theme=dark] .bg-quality-options button,html[data-theme=dark] .bg-backdrop-switch button{color:#b5c2cf}html[data-theme=dark] .bg-quality-options button.active,html[data-theme=dark] .bg-backdrop-switch button.active{color:#a0e5d6;background:#2e4e49}html[data-theme=dark] .bg-image-stage{background:#171d28}html[data-theme=dark] .bg-previous-result{color:#b2d5cf;background:#213b37;border-color:#3b4656}html[data-theme=dark] .bg-preview-checker{background-color:#dbe2e4}html[data-theme=dark] .bg-preview-light{background:#fff}html[data-theme=dark] .bg-preview-dark{background:#17202d}@media (max-width:800px){.bg-grid{grid-template-columns:1fr}.bg-grid.has-result .bg-output{order:-1}.bg-image-stage{height:390px}}@media (max-width:600px){.bg-workspace{padding:16px}.bg-workspace-head{align-items:flex-start}.bg-workspace-head h2{font-size:19px}.bg-workspace-head p{max-width:200px}.bg-settings{align-items:stretch;padding:13px}.bg-quality-options{width:100%}.bg-quality-options button{flex:1}.bg-main-actions .primary-tool-button{flex:1;min-width:0}.bg-image-stage{height:min(92vw,390px);min-height:250px}.bg-result-actions{align-items:stretch}.bg-backdrop-switch{width:100%}.bg-backdrop-switch button{flex:1}.bg-download{width:100%}}