.retouch-launch{width:100%;border:1px solid #c9b6da;background:#f0e9f7;color:#795b90;margin-bottom:9px;height:41px;font-size:10px;gap:7px}.retouch-launch .icon{width:15px;height:15px}.retouch-launch:hover:not(:disabled){background:#e7dbf1}.retouch-launch:disabled{background:transparent;border-color:#ded6e4;color:#b3a3bf}.retouch-open{overflow:hidden}.retouch-dialog{width:1060px;max-width:calc(100% - 36px);max-height:calc(100dvh - 32px);padding:25px 28px 20px;overflow:auto}.retouch-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.retouch-header .eyebrow{font-size:8px;letter-spacing:1.8px;color:#a28bae;margin:0 0 7px}.retouch-header h2{font-size:25px;margin:0;letter-spacing:-.6px}.retouch-header h2>span{margin-left:12px;color:#b29cc6;font-weight:400}.retouch-header>.round-button{width:36px;height:36px;flex-shrink:0}.retouch-intro{font-size:11px;color:#9a8a9f;line-height:1.9;margin:10px 0 20px}.retouch-workspace{display:grid;grid-template-columns:minmax(0,1fr) 215px;gap:22px}.retouch-image-panel{min-width:0;overflow:hidden;border:1px solid #e3dce7;border-radius:9px;background:#eee9f0;align-self:start}.retouch-image-bar{height:37px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#faf7fc;border-bottom:1px solid #e3dce7;font-size:10px;color:#8a749a}.retouch-image-bar>span:last-child{font-size:7px;letter-spacing:1px;white-space:nowrap}.retouch-viewport{height:min(52dvh,470px);min-height:240px;overflow:auto;overscroll-behavior:contain;background:repeating-conic-gradient(#e8e1ec 0 25%,#ede7f0 0 50%) 0/16px 16px}.retouch-surface{position:relative;margin:16px auto;flex-shrink:0;box-shadow:0 3px 15px #3d2a451c}.retouch-surface canvas{display:block;width:100%;height:100%;max-width:none;cursor:crosshair;touch-action:pan-x pan-y}.retouch-surface canvas:focus-visible{outline:2px solid #a18ab7;outline-offset:3px}.retouch-surface.comparing canvas{cursor:default}.retouch-brush{position:absolute;transform:translate(-50%,-50%);border:1px solid white;box-shadow:0 0 0 1px #34283a99,inset 0 0 0 1px #34283a44;border-radius:50%;pointer-events:none;z-index:2;min-width:3px;min-height:3px}.retouch-brush:before,.retouch-brush:after{content:'';position:absolute;left:50%;top:50%;background:white;box-shadow:0 0 1px #34283a99;transform:translate(-50%,-50%)}.retouch-brush:before{width:5px;height:1px}.retouch-brush:after{width:1px;height:5px}.retouch-image-footer{height:30px;background:#faf7fc;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 13px;font-size:8px;color:#a18dab;border-top:1px solid #e3dce7}.retouch-image-footer>span:last-child{font-size:7px;opacity:.8}.retouch-control-label{font-size:8px;font-weight:500;letter-spacing:1px;color:#9883a4;margin:2px 0 10px}.retouch-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:23px}.retouch-thumb{padding:3px;border:1px solid #e3dce8;border-radius:5px;background:transparent;position:relative;min-width:0}.retouch-thumb canvas{width:100%;aspect-ratio:4/3;height:auto;display:block;object-fit:cover;opacity:.7;border-radius:2px}.retouch-thumb>span{position:absolute;right:4px;bottom:4px;font-family:'DM Sans',sans-serif;font-size:7px;line-height:1.4;background:#fff9;padding:0 2px;border-radius:2px;color:#66516f}.retouch-thumb.selected{background:#e7daf1;border-color:#a68abd}.retouch-thumb.selected canvas{opacity:1}.retouch-thumb.has-edits:after{content:'';position:absolute;top:4px;right:4px;width:5px;height:5px;border-radius:50%;background:#a48bb9;box-shadow:0 0 0 2px #fff9}.retouch-thumb:disabled canvas{opacity:.12}.retouch-slider-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:500;color:#7d678a;gap:10px;margin-top:18px;margin-bottom:10px}.retouch-slider-label output{font-size:9px;color:#a28bad;font-weight:400;font-variant-numeric:tabular-nums}.retouch-controls input[type=range]{width:100%;margin:0;height:20px;accent-color:#aa8abd;cursor:pointer}.retouch-range-ends{display:flex;justify-content:space-between;font-size:7px;color:#b1a0ba;margin:3px 0 19px}.retouch-tool{border:1px solid #e2d8e9;border-radius:5px;background:#fbf8fd;min-height:36px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#8c719d}.retouch-tool:hover:not(:disabled){background:#eee3f5;border-color:#c1a8d0}.retouch-tool:disabled{color:#c0aecb;background:transparent}.retouch-tool>span{font-size:19px;line-height:1}.compare-tool{width:100%;margin-top:17px;margin-bottom:9px}.compare-tool>span{font-size:15px}.compare-tool[aria-pressed=true]{border-color:#a68abd;background:#e9dcf3;color:#79538f}.retouch-history{display:grid;grid-template-columns:1fr 1fr;gap:8px}.retouch-reset{margin:4px auto 0;font-size:8px}.retouch-reset:disabled{opacity:.4}.retouch-tip{display:flex;gap:8px;align-items:center;border-top:1px solid #eee5f2;margin-top:12px;padding-top:12px;color:#b09bb9}.retouch-tip .icon{width:15px;height:15px}.retouch-tip p{font-size:8px;line-height:1.9;margin:0}.retouch-status{margin:14px 0 12px;min-height:20px;line-height:1.8;font-size:10px;color:#9983a5}.retouch-footer{border-top:1px solid #eae1ef;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:15px}.retouch-footer>span{display:flex;align-items:center;gap:5px;font-size:8px;color:#b19fbb}.retouch-footer>span .icon{height:11px;width:11px}.retouch-footer>div{display:flex;gap:8px}.retouch-footer .button{font-size:10px;padding:11px 16px;min-height:38px}.retouch-cancel{background:transparent;color:#a28bab;border:1px solid #e7dced}.retouch-footer .button:disabled{opacity:.4;transform:none}.retouch-busy .retouch-surface canvas{cursor:wait}.retouch-busy #retouchViewLabel{animation:retouch-pulse .7s infinite alternate}@keyframes retouch-pulse{to{opacity:.4}}
@media(max-width:980px) and (min-width:721px){.retouch-workspace{grid-template-columns:minmax(0,1fr) 190px;gap:16px}.retouch-dialog{padding:22px}.retouch-viewport{height:min(48dvh,420px)}.retouch-image-footer>span:last-child{display:none}}
@media(max-width:720px){.retouch-launch{font-size:9px;padding:10px 4px;gap:5px}.retouch-launch .icon{width:13px;height:13px}.retouch-dialog{max-width:calc(100% - 16px);max-height:calc(100dvh - 16px);width:calc(100% - 16px);padding:17px;border-radius:12px}.retouch-header .eyebrow{font-size:7px}.retouch-header h2{font-size:21px}.retouch-intro{font-size:10px;line-height:1.8;margin:9px 0 13px}.retouch-workspace{display:flex;flex-direction:column;gap:16px}.retouch-image-panel{width:100%}.retouch-viewport{height:34dvh;min-height:210px;max-height:350px}.retouch-image-bar{height:33px;font-size:9px;padding:0 10px}.retouch-image-bar>span:last-child{font-size:6px;letter-spacing:.7px}.retouch-image-footer{height:27px;padding:0 10px}.retouch-image-footer>span:last-child{font-size:6px}.retouch-controls{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;align-items:start}.retouch-control-label{grid-column:1/-1;grid-row:1;margin:0 0 8px}.retouch-photos{grid-column:1/-1;grid-row:2;margin:0 0 7px;gap:8px}.retouch-thumb{padding:3px}.retouch-thumb canvas{max-height:51px;object-fit:cover}.retouch-thumb>span{font-size:8px}.retouch-slider-label{margin:8px 0 6px;font-size:10px}.retouch-slider-label[for=retouchRadius]{grid-column:1;grid-row:3}.retouch-slider-label[for=retouchZoom]{grid-column:2;grid-row:3}#retouchRadius{grid-column:1;grid-row:4}#retouchZoom{grid-column:2;grid-row:4}.retouch-range-ends{margin:3px 0 9px}#retouchRadius+.retouch-range-ends{grid-column:1;grid-row:5}#retouchZoom+.retouch-range-ends{grid-column:2;grid-row:5}.compare-tool{grid-column:1/-1;grid-row:6;margin:5px 0 9px}.retouch-history{grid-column:1/-1;grid-row:7}.retouch-tool{font-size:10px;min-height:38px}.retouch-reset{grid-column:1/-1;grid-row:8;font-size:9px;padding:11px 5px}.retouch-tip{grid-column:1/-1;grid-row:9;margin-top:0;padding-top:8px}.retouch-tip p{font-size:8px}.retouch-status{font-size:9px;line-height:1.9;margin:12px 0}.retouch-footer{gap:10px;align-items:center;padding-top:12px}.retouch-footer>span{font-size:7px;max-width:95px;line-height:1.8}.retouch-footer .button{font-size:9px;padding:10px 12px;white-space:nowrap}.retouch-footer .button .icon{width:13px;height:13px}.retouch-footer>div{gap:6px}}