@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";body{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.image-upload-box{transition:background-color .3s,border-color .3s}.btn-primary{background:linear-gradient(90deg,#8e2de2,#4a00e0);transition:all .3s ease;box-shadow:0 4px 15px #8e2de273}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8e2de299}.btn-secondary{@apply bg-gray-600 hover:bg-gray-500;}.btn-danger{background:linear-gradient(90deg,#e52d27,#b31217);transition:all .3s ease;box-shadow:0 4px 15px #e52d2773}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e52d2799}.image-comparator{position:relative;width:100%;height:100%;overflow:hidden;cursor:ew-resize}.image-comparator .comparator-img-before,.image-comparator .comparator-img-after{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.image-comparator .comparator-after{position:absolute;top:0;left:0;right:0;bottom:0}.image-comparator .comparator-slider{position:absolute;top:0;bottom:0;width:3px;background-color:#ffffffe6;box-shadow:0 0 10px #00000080;transform:translate(-1.5px);cursor:ew-resize;z-index:10}.image-comparator .comparator-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;background-color:#0009;border:2px solid rgba(255,255,255,.9);border-radius:50%;display:flex;justify-content:center;align-items:center}.checkerboard-bg{background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 25%),linear-gradient(-45deg,#e0e0e0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e0e0 75%),linear-gradient(-45deg,transparent 75%,#e0e0e0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.dark .checkerboard-bg{background-image:linear-gradient(45deg,#2C2C2E 25%,transparent 25%),linear-gradient(-45deg,#2C2C2E 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2C2C2E 75%),linear-gradient(-45deg,transparent 75%,#2C2C2E 75%)}