.background-studio{display:grid;grid-template-columns:minmax(260px,310px) minmax(0,1fr);gap:38px;max-width:1420px;margin:auto;padding:28px 32px 54px;color:var(--ui-ink);font-family:"Studio Helvetica",sans-serif;align-items:start}
.background-compare img{position:absolute;inset:0;min-width:0;min-height:0}
.background-studio .background-compare{height:auto;min-height:0;aspect-ratio:var(--photo-ratio,.8);width:min(100%,calc(67dvh * var(--photo-ratio,.8)));max-width:calc(680px * var(--photo-ratio,.8));margin-inline:auto}
.background-panel{min-width:0;margin:0;padding:0!important;background:transparent!important;border:0!important}.background-panel header{display:flex;align-items:center;gap:12px;margin:19px 0 14px}.background-panel h1{font-size:28px;line-height:1.16;letter-spacing:-.035em;font-weight:500;margin:0}.background-mark{display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid var(--ui-line);border-radius:12px}.background-mark svg{width:22px;height:22px}.background-description{color:var(--ui-muted);font-size:14px;line-height:1.65;margin:0 0 25px;max-width:34ch}
.background-upload{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:168px;padding:22px 16px;border:1px dashed var(--ui-input-line);border-radius:15px;gap:12px;background:var(--ui-soft);cursor:pointer;overflow:hidden;box-sizing:border-box}.background-upload:hover,.background-upload.is-dragging{border-color:var(--ui-muted);background:var(--ui-hover)}.background-upload:focus-within{outline:2px solid var(--ui-focus);outline-offset:4px}.background-upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;margin:0!important;padding:0!important}.background-upload>span{display:grid;place-items:center;width:35px;height:35px;background:var(--ui-page);border:1px solid var(--ui-line);border-radius:50%}.background-upload svg{width:20px;height:20px}.background-upload strong{font-size:14px;line-height:1.4;font-weight:500;max-width:100%;overflow-wrap:anywhere}.background-upload small{color:var(--ui-muted);font-size:11px;line-height:1.65}.background-file-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0;font-size:11px;color:var(--ui-muted)}.background-file-actions button,.background-status-row button{border:0;background:transparent;color:var(--ui-ink);padding:8px 0;font:inherit;font-size:12px;cursor:pointer}
.background-submit{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:48px;padding:0 17px;border:0;border-radius:11px;background:var(--ui-ink);color:var(--ui-page);font:inherit;font-size:14px;cursor:pointer;margin-top:16px}.background-submit .lutcoin-amount{display:inline-flex;align-items:center;gap:5px;flex:none;font-size:13px}.background-submit .lutcoin-icon img{filter:invert(1);width:17px;height:17px}html[data-theme="light"] .background-submit .lutcoin-icon img{filter:none}.background-submit:disabled{opacity:.4;cursor:default}.background-feedback{font-size:12px;line-height:1.6;margin:17px 0 0;color:var(--ui-muted);overflow-wrap:anywhere}.background-feedback:empty{display:none}.background-private{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--ui-muted);line-height:1.5;margin:18px 0 7px}.background-private svg{width:14px;height:14px;flex:none}.background-footnote{font-size:11px;color:var(--ui-muted);line-height:1.65;margin:0}.background-processing{margin-top:20px}.background-status-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--ui-muted)}.background-processing progress{display:block;width:100%;height:4px;accent-color:var(--ui-ink);margin:10px 0}
.background-workspace{min-width:0;padding-top:5px}.background-result-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:21px;min-height:57px}.background-result-heading h2{font-weight:500;font-size:25px;line-height:1.2;letter-spacing:-.03em;margin:0}.background-result-actions{display:flex;align-items:center;gap:7px;flex:none}.background-download{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:0 13px;text-decoration:none;border:1px solid var(--ui-input-line);border-radius:9px;font-size:12px;background:var(--ui-soft);color:var(--ui-ink);white-space:nowrap}.background-download:hover{background:var(--ui-hover)}.background-download svg{width:17px;height:17px}.background-result-actions .action-icon{width:38px;height:38px}.background-result-actions [data-tooltip]::after{left:auto;right:0;transform:none}
.background-compare{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;border:1px solid var(--ui-line);background:var(--ui-soft);width:100%;height:min(67dvh,680px);min-height:350px;--tile:#d1d2d0;--tile-base:#eceeea}.background-compare-before,.background-compare-after{position:absolute;inset:0;display:grid;place-items:center;background:var(--ui-soft)}.background-compare-after{background-color:var(--tile-base);background-image:linear-gradient(45deg,var(--tile) 25%,transparent 25%),linear-gradient(-45deg,var(--tile) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tile) 75%),linear-gradient(-45deg,transparent 75%,var(--tile) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.background-compare-before{clip-path:inset(0 calc(100% - var(--split)) 0 0);z-index:1}.background-compare img{display:block;width:100%;height:100%;object-fit:contain;max-height:none;user-select:none;pointer-events:none}.background-label{position:absolute;top:16px;z-index:2;background:#141616c4;color:#f8f9f7;border-radius:6px;padding:7px 10px;font-size:11px;line-height:1;pointer-events:none}.background-label-before{left:16px}.background-label-after{right:16px}.background-compare-line{position:absolute;inset:0 auto 0 var(--split);width:1px;background:#fff;box-shadow:0 0 2px #0009;z-index:3;pointer-events:none}.background-grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:42px;width:32px;border-radius:9px;background:#fff;box-shadow:0 2px 12px #0003;display:flex;align-items:center;justify-content:center;gap:3px}.background-grip i{height:14px;width:1px;background:#5c6260}.background-compare>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:4;padding:0!important;margin:0!important;cursor:ew-resize;touch-action:pan-y}.background-compare:focus-within{outline:2px solid var(--ui-focus);outline-offset:4px}.background-source-only .background-compare-before{clip-path:none}.background-result-note{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-top:14px;font-size:11px;color:var(--ui-muted);line-height:1.6}.background-result-note>span{white-space:nowrap}.background-result-note p{margin:0;text-align:right;max-width:38ch}
.background-viewer{color:var(--ui-ink);background:var(--ui-page);border:1px solid var(--ui-line);border-radius:15px;max-width:calc(100vw - 32px);width:1000px;max-height:calc(100dvh - 32px);padding:0}.background-viewer::backdrop{background:#000c}.background-viewer>header{display:flex;align-items:center;justify-content:space-between;padding:10px 17px;border-bottom:1px solid var(--ui-line);font-size:13px}.background-viewer>div{overflow:auto;max-height:calc(100dvh - 168px);background:var(--ui-soft)}.background-viewer img{display:block;margin:auto;max-width:100%;height:auto}.background-viewer footer{display:flex;justify-content:flex-end;padding:14px 17px}.background-studio [hidden]{display:none!important}
.background-mobile-submit{display:none}
@media(max-width:1050px){.background-studio{grid-template-columns:260px minmax(0,1fr);gap:24px;padding:24px 22px}.background-result-heading{flex-wrap:wrap}.background-compare{min-height:310px}.background-result-note{display:block}.background-result-note p{text-align:left;margin-top:7px;max-width:none}}
@media(max-width:900px){
 .background-studio{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:680px;min-height:calc(var(--usable-height,100svh) - var(--workspace-header-height,56px));padding:24px 16px max(16px,env(safe-area-inset-bottom))}
 .background-panel,.background-workspace{width:100%;min-width:0}
 .background-panel header{margin:0 0 16px}
 .background-panel h1{font-size:20px;line-height:28px;letter-spacing:-.02em}
 .background-panel>.tools-inline-link,.background-mark,.background-description{display:none}
 .background-upload{height:140px;min-height:140px;padding:16px;gap:8px;border-style:solid;border-color:var(--ui-line);border-radius:15px;background:var(--ui-background)}
 .background-upload>span{width:28px;height:28px;background:transparent;border:0;border-radius:0}
 .background-upload svg{width:24px;height:24px}
 .background-upload small{line-height:16px}
 .background-private{align-items:flex-start;margin:12px 0 4px;font-size:11px;line-height:16px}
 .background-private svg{margin-top:1px}
 .background-footnote{font-size:11px;line-height:16px}
 .background-file-actions{margin:8px 0;min-height:36px}
 .background-feedback{font-size:12px;line-height:18px;margin:10px 0 0}
 .background-processing{margin-top:12px}
 .background-workspace{padding-top:0}
 .background-result-heading{margin:0;min-height:0;gap:8px}
 .background-result-heading h2{display:none}
 .background-result-heading:has(.background-result-actions:not([hidden])){margin-bottom:10px;min-height:44px;justify-content:flex-end}
 .background-result-actions{gap:8px}
 .background-result-actions .action-icon,.background-download{min-height:44px}
 .background-studio .background-compare{height:300px;min-height:0;max-height:none;width:100%;max-width:none;aspect-ratio:auto;margin:0;border:0;border-radius:0}
 .background-grip{width:44px;height:44px;border-radius:50%}
 .background-result-note{display:flex;gap:8px;margin-top:8px;font-size:11px;line-height:16px}
 .background-result-note p{text-align:right;max-width:24ch;margin:0}
 .background-label{top:12px}
 .background-label-before{left:12px}
 .background-label-after{right:12px}
 .background-mobile-submit{display:block;margin-top:auto;padding-top:8px}
 .background-submit{height:48px;min-height:48px;margin:0;background:var(--ui-accent);color:var(--ui-accent-ink)}
 .background-submit:hover:not(:disabled){background:var(--ui-accent-hover)}
 .background-submit .lutcoin-icon{background:transparent;box-shadow:none}
 .background-submit .lutcoin-icon img{filter:none}
 html[data-theme="light"] .background-submit .lutcoin-icon img{filter:invert(1)}
}