:root{--bg:#0b0d10;--panel:#15181e;--line:#2a2f38;--text:#f5f6f8;--muted:#959daa;--accent:#7659ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#19142f 0,transparent 30%),var(--bg);color:var(--text);font:14px -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif;min-height:100vh}button,input{font:inherit}header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px}.brand{display:flex;gap:11px;align-items:center}.brand>b{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#c65bc7);font-size:20px}.brand span{display:flex;flex-direction:column;gap:3px}.brand small,header em{color:var(--muted);font-size:11px;font-style:normal}main{display:grid;grid-template-columns:minmax(0,1fr) 330px;height:calc(100vh - 72px)}.workspace{padding:24px;min-width:0;display:flex;flex-direction:column}.drop,.compare{flex:1;min-height:430px;border:1px solid var(--line);border-radius:18px;background:#0e1116;overflow:hidden}.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;border-style:dashed}.drop>span{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#202331;color:#ae9fff;font-size:36px}.drop h1{margin:18px 0 6px}.drop p{color:var(--muted);margin:0 0 20px}.primary,.secondary{border:0;border-radius:11px;padding:11px 17px;color:white;font-weight:750;cursor:pointer}.primary{background:linear-gradient(135deg,#7154ff,#9b5cff)}.secondary{background:#2c313b}.wide{width:100%;margin-top:10px}button:disabled{opacity:.35}.compare{position:relative}.compare img{position:absolute;width:100%;height:100%;object-fit:contain;transform-origin:center}.result-clip{position:absolute;inset:0 50% 0 0;overflow:hidden;border-right:2px solid white;pointer-events:none}.result-clip img{width:calc(100vw - 402px);max-width:calc(100vw - 402px)}#split{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.compare label{position:absolute;top:14px;background:#08090bbb;padding:6px 9px;border-radius:7px;font-size:11px}.before-label{left:14px}.after-label{right:14px}.floating{position:absolute;z-index:4;bottom:15px;border:1px solid #ffffff35;background:#11141ddd;color:white;border-radius:9px;padding:8px 12px;font-weight:700}.floating{right:15px}.floating.zoom{left:50%;right:auto;transform:translateX(-50%)}.status{height:42px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;font-size:12px}.status progress{width:140px;height:4px;accent-color:var(--accent)}aside{padding:22px;border-left:1px solid var(--line);background:var(--panel);overflow:auto}.notice{border:1px solid #594a9a;background:#211b39;border-radius:12px;padding:13px;margin-bottom:8px}.notice p{font-size:11px;color:#c4bddf;line-height:1.5;margin:5px 0 0}.toggle{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);cursor:pointer}.toggle span{display:flex;flex-direction:column;gap:3px}.toggle small,.stages{color:var(--muted);font-size:11px}.toggle input{display:none}.toggle i{width:38px;height:22px;border-radius:20px;background:#363b46;position:relative}.toggle i:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:white;border-radius:50%;transition:.2s}.toggle input:checked+i{background:var(--accent)}.toggle input:checked+i:after{transform:translateX(16px)}.scale{padding:17px 0}.scale>strong{display:block;margin-bottom:9px}.scale div{display:grid;grid-template-columns:repeat(3,1fr);background:#0e1116;padding:3px;border-radius:10px}.scale button{border:0;background:none;color:var(--muted);padding:8px;border-radius:8px}.scale button.active{background:#303541;color:white}.hidden{display:none}@media(max-width:820px){main{grid-template-columns:1fr;height:auto}.workspace{height:60vh;padding:14px}aside{border-left:0;border-top:1px solid var(--line)}.result-clip img{width:calc(100vw - 28px);max-width:none}header em{display:none}}