.background-studio{max-width:1120px;margin:0 auto;padding:24px 20px 60px}
.background-heading{text-align:center;margin-bottom:24px}.background-heading>a{display:block;text-align:left;color:var(--muted);font-size:13px;margin-bottom:20px}.background-heading h1{font-size:30px}.background-heading p{margin:8px 0}
.background-toolbar{display:flex;align-items:center;justify-content:center;gap:16px;width:fit-content;max-width:100%;margin:0 auto 24px;padding:10px 14px;border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:0 3px 12px #15284408}.background-filename{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.background-toolbar button{white-space:nowrap;color:var(--blue);font-weight:600}.background-toolbar button span{margin-left:6px;font-size:20px}
.background-stage{display:flex;align-items:center;justify-content:center;min-height:240px}.background-comparison{position:relative;line-height:0;max-width:100%;width:fit-content;margin:auto;overflow:hidden;border-radius:6px;box-shadow:0 8px 32px #10244412;background:var(--panel)}.background-original{display:block;max-width:100%;max-height:65vh;width:auto;height:auto}.background-after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split));background-color:#fff;background-image:conic-gradient(#e9edf2 25%,transparent 0 50%,#e9edf2 0 75%,transparent 0);background-size:20px 20px}.background-after img{width:100%;height:100%;object-fit:contain;display:block}.background-divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:white;transform:translateX(-50%);pointer-events:none;filter:drop-shadow(0 1px 3px #142a4766)}.background-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:white;color:#344b72;font-size:24px;line-height:1;letter-spacing:3px}.background-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.background-comparison:has(.background-range:focus-visible){outline:3px solid var(--blue);outline-offset:5px}.background-labels{position:absolute;inset:14px 14px auto;display:flex;justify-content:space-between;pointer-events:none;font-size:12px;line-height:1.3}.background-labels span{background:#132944b3;color:white;border-radius:7px;padding:6px 10px}
.background-empty{text-align:center;width:100%;max-width:800px;padding:55px 20px;border:2px dashed var(--border);border-radius:20px;background:var(--panel)}.background-empty svg{width:64px;height:64px;fill:none;stroke:var(--blue);stroke-width:2;margin-bottom:18px}.background-empty h2{font-size:24px}.background-empty .primary{margin-top:10px}.background-thumbnail{position:relative;width:144px;margin:20px auto;padding:10px;background:var(--panel);border:1px solid var(--border);border-radius:12px;text-align:center}.background-thumbnail img{display:block;max-height:82px;max-width:100%;margin:0 auto 8px}.background-thumbnail span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--muted)}.background-thumbnail button{position:absolute;right:-9px;top:-9px;border:1px solid var(--border);border-radius:50%;width:25px;height:25px;background:var(--panel);font-size:18px}.background-preview-note{text-align:center;font-size:13px;margin:16px 0}
.background-actions{max-width:360px;margin:24px auto 0;text-align:center}.background-actions fieldset{border:0;margin:0;padding:0}.background-actions fieldset:empty{display:none}.background-actions .primary{display:block;width:100%}.background-actions #engine-status{font-size:13px;min-height:20px}.background-secondary{display:flex;justify-content:center;gap:18px;font-size:12px;color:var(--muted)}.background-studio [hidden]{display:none!important}.background-studio button:disabled{cursor:not-allowed;opacity:.55}
@media(max-width:600px){.background-studio{padding:12px 0 56px}.background-heading h1{font-size:25px}.background-heading>a{margin-bottom:16px}.background-toolbar{gap:10px;padding:9px 12px;margin-bottom:18px}.background-filename{max-width:140px}.background-toolbar button{font-size:12px}.background-original{max-height:58vh}.background-empty{padding:40px 16px}.background-actions{max-width:100%}.background-thumbnail{width:118px}.background-labels{inset:10px 10px auto}}