*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Comfortaa;font-weight:400;font-style:normal;src:url(/fonts/Comfortaa-Regular.ttf)format("truetype");font-display:swap}body{color:#fff;background:linear-gradient(to bottom right,#0f172a,#1e293b);min-height:100vh;padding:24px;font-family:Comfortaa,sans-serif}.app-container{max-width:1200px;margin:0 auto}h1{text-align:center;margin-bottom:40px;font-size:30px;font-weight:700}.upload-container-wrapper{justify-content:center;align-items:center;height:calc(100vh - 160px);display:flex}.upload-label{cursor:pointer;background-color:#1e293b;border:4px dashed #3b82f6;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:512px;padding:80px;transition:border-color .3s;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.upload-label:hover{border-color:#60a5fa}.upload-icon{color:#3b82f6;width:80px;height:80px;margin-bottom:24px;transition:color .3s}.upload-title{color:#fff;margin-bottom:8px;font-size:24px;font-weight:600}.upload-action-text{color:#60a5fa;font-size:18px;font-weight:500;transition:color .3s}.upload-action-text:hover{color:#93c5fd}.upload-hint-text{color:#64748b;margin-top:8px;font-size:14px}.hidden{display:none}.app-grid{gap:32px;display:grid}@media (min-width:1024px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.panel{background-color:#1e293b;border-radius:12px;height:100%;padding:24px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.panel-title{color:#fff;margin-bottom:24px;font-size:20px;font-weight:700}.adjustments-space{flex-direction:column;gap:24px;display:flex}.adjustment-label{color:#cbd5e1;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.adjustment-value{color:#93c5fd}.range-range-labels{color:#64748b;justify-content:space-between;margin-top:4px;font-size:12px;display:flex}.compression-divider{border-top:1px solid #334155;padding-top:16px}.stats-box{background-color:#0f172a80;border:1px solid #334155;border-radius:8px;margin-top:16px;padding:16px}.stat-row{justify-content:space-between;margin-bottom:4px;font-size:14px;display:flex}.stat-label{color:#94a3b8}.stat-value{color:#fff;font-family:monospace}.stat-summary{border-top:1px solid #1e293b;justify-content:space-between;margin-top:8px;padding-top:8px;font-size:16px;display:flex}.summary-label{color:#60a5fa;font-weight:600}.summary-value{font-weight:700}.summary-value.green{color:#4ade80}.summary-value.yellow{color:#facc15}.action-buttons-group{border-top:1px solid #334155;gap:12px;margin-top:32px;padding-top:24px;display:flex}.button{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:background-color .2s;display:flex}.reset-button{color:#fff;background-color:#334155}.reset-button:hover{background-color:#475569}.download-button{color:#fff;background-color:#2563eb;flex-grow:1;justify-content:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.download-button:hover{background-color:#3b82f6}.icon{width:20px;height:20px}.preview-wrapper{background-color:#0f172a;border:1px solid #334155;border-radius:8px;max-height:80vh;overflow:hidden auto}.preview-canvas{width:100%;height:auto;display:block}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%}input[type=range]::-webkit-slider-runnable-track{background:#334155;border-radius:4px;height:8px}input[type=range]::-moz-range-track{background:#334155;border-radius:4px;height:8px}input[type=range]::-webkit-slider-thumb{appearance:none;background-color:#60a5fa;border:2px solid #0f172a;border-radius:50%;width:16px;height:16px;margin-top:-4px;transition:background-color .2s}input[type=range]::-moz-range-thumb{background-color:#60a5fa;border:2px solid #0f172a;border-radius:50%;width:16px;height:16px;transition:background-color .2s}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb:hover{background-color:#3b82f6}input[type=range]::-moz-range-thumb:hover{background-color:#3b82f6}