.enhancer-page{display:flex;flex-direction:column;height:100vh;background-color:#0f172a;color:#f8fafc;font-family:Inter,sans-serif;overflow:hidden}.enhancer-header{height:64px;border-bottom:1px solid #1e293b;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:#0f172a;z-index:20}.enhancer-title{font-size:1.25rem;font-weight:700;color:#f8fafc;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-actions{display:flex;gap:1rem}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;border:none}.secondary-btn{background:#1e293b;color:#94a3b8}.secondary-btn:hover{background:#334155;color:#fff}.primary-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.primary-btn:hover{opacity:.9;transform:translateY(-1px)}.primary-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.enhancer-main{display:flex;flex:1 1;overflow:hidden}.enhancer-sidebar{width:320px;background:#0f172a;border-right:1px solid #1e293b;padding:1.5rem;gap:2rem;overflow-y:auto;z-index:10}.control-group,.enhancer-sidebar{display:flex;flex-direction:column}.control-group{gap:1rem}.group-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-weight:600}.upscale-options{display:flex;gap:.5rem;background:#1e293b;padding:4px;border-radius:8px}.upscale-btn{flex:1 1;padding:8px;border:none;background:transparent;color:#94a3b8;font-size:.875rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s}.upscale-btn.active{background:#3b82f6;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2)}.control-slider{display:flex;flex-direction:column;gap:.5rem}.slider-header{display:flex;justify-content:space-between;font-size:.875rem;color:#e2e8f0}.slider-value{color:#3b82f6;font-family:monospace}input[type=range]{width:100%;height:6px;background:#334155;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#3b82f6;border-radius:50%;cursor:pointer;-webkit-transition:background .15s;transition:background .15s}input[type=range]::-webkit-slider-thumb:hover{background:#60a5fa}.enhancer-canvas-area{flex:1 1;background-color:#020617;background-image:linear-gradient(45deg,#0f172a 25%,transparent 0),linear-gradient(-45deg,#0f172a 25%,transparent 0),linear-gradient(45deg,transparent 75%,#0f172a 0),linear-gradient(-45deg,transparent 75%,#0f172a 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;display:flex;align-items:center;justify-content:center;position:relative;padding:2rem}.upload-placeholder{text-align:center;border:2px dashed #334155;padding:4rem;border-radius:1rem;transition:all .2s}.upload-placeholder:hover{border-color:#3b82f6;background:rgba(59,130,246,.05)}.upload-box{cursor:pointer;display:flex;flex-direction:column;align-items:center}.upload-box h3{margin-top:1rem;color:#e2e8f0}.upload-box p{color:#94a3b8;margin-top:.5rem}.comparison-container{position:relative;max-width:100%;max-height:100%;box-shadow:0 20px 50px rgba(0,0,0,.5);border-radius:8px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.compare-img{display:block;max-width:100%;max-height:80vh;object-fit:contain}.img-after{position:absolute;top:0;left:0;height:100%;background-size:cover;overflow:hidden;border-right:2px solid #fff}.slider-handle{position:absolute;top:0;bottom:0;width:40px;margin-left:-20px;cursor:ew-resize;display:flex;align-items:center;justify-content:center;z-index:20}.handle-line{width:2px;height:100%;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.5)}.handle-circle{width:40px;height:40px;background:#fff;border-radius:50%;position:absolute;display:flex;align-items:center;justify-content:center;color:#0f172a;box-shadow:0 4px 12px rgba(0,0,0,.3)}.badge{position:absolute;top:1rem;padding:.25rem .75rem;background:rgba(0,0,0,.6);color:#fff;border-radius:4px;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.badge-original{left:1rem}.badge-enhanced{right:1rem}.processing-overlay{position:absolute;inset:0;background:rgba(15,23,42,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:50;color:#fff}.spinner{width:40px;height:40px;border-radius:50%;border:3px solid hsla(0,0%,100%,.1);border-top-color:#3b82f6;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}