body,html{background-color:#1e1e1e;color:#fff;font-family:Segoe UI,sans-serif;margin:0}.app{display:flex;flex-direction:column;height:100vh}.top-bar{border-bottom:1px solid #333;padding:10px 20px}.main-content{display:flex;flex:1 1}.sidebar{padding:20px 10px;width:60px}.sidebar ul{list-style:none;padding:0}.sidebar li{cursor:pointer;margin-bottom:20px}.left-panel{background-color:#1a1a1a;border-right:1px solid #333;padding:20px;width:300px}.upload-section{margin-bottom:30px}.upload-section label{display:block;margin-bottom:8px}.upload-section button{background:#2a2a2a;border:1px dashed #888;color:#f5f5f5;cursor:pointer;padding:10px;width:100%}.preview-area{align-items:center;background-color:#2a2a2a;display:flex;flex:1 1;justify-content:center;padding:20px}.slider-wrapper{display:inline-block;max-height:100%;max-width:100%;position:relative}.branding-overlay{left:50%;max-width:80px;opacity:.8;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.top-bar h1{font-family:Hanken Grotesk;font-size:22px;font-weight:300;letter-spacing:0;line-height:100%}.action-buttons{display:flex;gap:12px}.publish{background-color:#dfb881;border:none;border-radius:4px;color:#000;cursor:pointer;font-family:Hanken Grotesk,sans-serif;font-size:16px;font-weight:500;height:40px;transition:background-color .2s ease;width:134px}.publish:hover{background-color:#eac78f}.close{background-color:initial;border:1px solid #dfb881;border-radius:4px;color:#dfb881;cursor:pointer;font-family:Hanken Grotesk,sans-serif;font-size:16px;font-weight:500;height:40px;transition:background-color .2s ease,color .2s ease;width:134px}.close:hover{background-color:#dfb881;color:#000}.upload-section{margin-bottom:40px}.upload-section label{display:flex;gap:10px;justify-items:center;margin-bottom:0}.file-preview{align-items:center;background-color:#2a2a2a;border:1px solid #444;border-radius:6px 6px 0 0;display:flex;gap:12px;padding:12px}.preview-thumb{border-radius:4px;height:50px;object-fit:cover;width:70px}.file-name{color:#e0e0e0;font-size:14px}.custom-upload{background-color:#2a2a2a;border:1px dashed #888;border-radius:6px 6px 6px 6px;justify-content:center;margin-top:4px;padding:12px}.custom-upload,.upload-button{align-items:center;cursor:pointer;display:flex}.upload-button{color:#ccc;font-family:Hanken Grotesk,sans-serif;font-size:14px;gap:10px}.upload-button img{display:inline-block;height:20px;object-fit:contain;vertical-align:middle;width:20px}.sidebar{background-color:#121212;border-right:1px solid #333;gap:32px;padding-top:24px;width:70px}.sidebar,.sidebar-item{align-items:center;display:flex;flex-direction:column}.sidebar-item{color:#ccc;cursor:pointer;font-family:Hanken Grotesk,sans-serif;font-size:11px;justify-content:center;line-height:1.2;padding:4px 0;text-align:center;transition:color .2s ease;width:100%}.sidebar-item:hover{color:#dfb881}.sidebar-item img{height:24px;margin-bottom:4px;width:24px}.custom-handle{border-radius:50%;height:150px;justify-content:center;object-fit:contain;width:150px}.custom-handle,.top-bar{align-items:center;display:flex}.top-bar{background:#111;flex-wrap:wrap;justify-content:space-between;padding:24px 32px}.logo-title{align-items:center;display:flex;gap:16px}.nav-logo{height:68px;width:auto}.toast{background:#dfb881;border-radius:6px;bottom:24px;box-shadow:0 4px 10px #0000004d;color:#111;font-family:Hanken Grotesk;font-size:14px;padding:12px 20px;right:24px;z-index:1000}.popup,.toast{position:fixed}.popup{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;top:0;width:100%;z-index:999}.popup-content{background:#1e1e1e;border-radius:10px;color:#fff;max-width:400px;padding:24px;text-align:center;width:90%}.popup-content input{background:#333;border:none;border-radius:4px;color:#fff;font-size:14px;margin-bottom:16px;margin-top:12px;padding:10px;width:100%}.popup-content button{background-color:#dfb881;border:none;border-radius:4px;color:#000;cursor:pointer;font-weight:700;margin:0 8px;padding:8px 14px}.react-compare-image__image{height:100%!important;object-fit:cover}.react-compare-image{height:100%}.compare-wrapper{margin:0 auto;max-width:1400px;overflow:hidden;width:90%}.draggable-logo{cursor:grab;width:80px;z-index:10}.draggable-logo,.draggable-logo-wrapper{position:absolute;touch-action:none;-webkit-user-select:none;user-select:none}.draggable-logo-wrapper{cursor:move}.draggable-logo{display:block;height:auto;width:100%}.resize-handle{background:#ccc;border:1px solid #999;bottom:0;cursor:se-resize;height:16px;position:absolute;right:0;width:16px;z-index:2}.draggable-logo,.draggable-logo-wrapper{background-color:initial!important}.setting-panel{background:#1c1c1c;border-radius:8px;color:#fff;margin-top:20px;padding:10px}.setting-panel h3{font-size:18px;font-weight:700;margin-bottom:10px}.setting-item{margin-bottom:15px}.setting-item label{color:#ccc;display:block;margin-bottom:5px}.setting-item select{background:#333;border:1px solid #555;border-radius:4px;color:#fff;padding:8px;width:100%}.preview-box{align-items:center;aspect-ratio:16/9;background:#1c1c1c;border-radius:8px;display:flex;justify-content:center;margin:0 auto;max-width:1400px;overflow:hidden;position:relative;width:100%}.compare-wrapper{height:100%;position:relative;width:100%}.compare-inner{display:flex;height:100%;width:100%}.compare-inner>div{height:100%!important;width:100%!important}.popup input{border:1px solid #aaa;border-radius:4px;margin:10px 0;padding:10px;width:100%}.compare-force-fill,.compare-force-fill>div{height:100%!important;width:100%!important}
/*# sourceMappingURL=main.ca95418a.css.map*/