.description{color:white;font-size:1.2em;margin-bottom:20px}.sidebar{width:250px;background-color:#1c1c1c;color:white;display:flex;flex-direction:column;padding:20px;transition:width 0.3s;overflow:hidden;position:relative;border:1px solid darkred;box-shadow:0 0 10px rgba(255,0,0,0.5)}.sidebar input,.sidebar select,.sidebar textarea,.sidebar button{margin-bottom:15px;padding:10px;background-color:#2e2e2e;border:none;border-radius:5px;color:white}.sidebar label{margin-bottom:5px}.sidebar textarea{height:100px}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:max-content;background-color:#555;color:white;text-align:center;border-radius:6px;padding:5px 5px;position:absolute;z-index:auto;bottom:125%;left:105%;transform:translateX(-50%);opacity:0;transition:opacity 0.3s}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.sidebar.collapsed{width:0;padding:0;overflow:hidden}.sidebar.collapsed .form-group,.sidebar.collapsed .remove-bg-btn{display:none}.fade-in{opacity:0;transition:opacity 1s ease-in-out}.fade-in.visible{opacity:1}.toggle-button{background-color:#1c1c1c;color:white;border:none;position:absolute;left:291px;top:50%;transform:translateY(-50%);cursor:pointer;padding:10px;transition:left 0.3s,background-color 0.3s;z-index:1;border-radius:0 5px 5px 0;display:flex;align-items:center;justify-content:center}.toggle-button svg{width:20px;height:20px}.toggle-button:hover{background-color:red}.remove-bg-btn{background-color:darkred !important;font-weight:bold;border:1px solid black;border-radius:15px;padding:15px 20px;cursor:pointer;margin:10px;transition:background-color 0.3s ease,border-color 0.3s ease}.remove-bg-btn:hover{background-color:red !important;border-color:darkred !important}.tooltip-right .tooltiptext{left:105%;top:50%;transform:translateY(-50%)}html,body{margin:0;padding:0;height:100%;font-family:Arial,sans-serif;background-color:black;color:red;display:flex;flex-direction:column}.container{flex:1;display:flex;position:relative}.main-content{flex:1;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center}.comparison-container{position:relative;margin:20px auto;overflow:hidden;max-width:100%;width:600px;height:400px}.image-wrapper,.converted-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.comparison-container img{width:100%;height:100%;object-fit:contain;display:block;-webkit-user-drag:none;user-drag:none}.comparison-container,.comparison-container *{user-select:none}.slider{position:absolute;top:0;bottom:0;left:50%;width:5px;background-color:white;cursor:ew-resize;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;z-index:10}.slider::before{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;background-color:black;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,0.5);transform:translate(-50%,-50%);z-index:11}.slider::after{content:"\2194";font-size:18px;color:white;position:absolute;z-index:12}.warning{color:yellow;font-weight:bold;margin-top:10px}[data-theme="light"] body{background-color:#f0f5fa!important;color:#1f2937!important}[data-theme="light"] .container{background-color:#ffffff!important;color:#1f2937!important}[data-theme="light"] button{background-color:#2563eb!important;color:#fff!important}[data-theme="light"] button:hover{background-color:#1d4ed8!important}[data-theme="light"] input{background-color:#ffffff!important;color:#1f2937!important;border-color:#d1d5db!important}[data-theme="light"] .description{color:#4b5563!important}[data-theme="light"] canvas{border-color:#d1d5db!important}[data-theme="light"] .image-preview{background-color:#f9fafb!important;border-color:#d1d5db!important}