*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #f5f5f5;--bg-secondary: #fff;--accent: #facc15;--accent-hover: #eab308;--text-primary: #1a1a1a;--text-secondary: #666;--text-muted: #999;--border-color: #1a1a1a;--border-width: 3px;--shadow-offset: 4px;--gray-light: #f0f0f0;--gray-medium: #e5e5e5}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);min-height:100vh;padding:20px}.container{max-width:640px;margin:0 auto;background:var(--bg-secondary);border:var(--border-width) solid var(--border-color);border-radius:0;box-shadow:8px 8px 0 var(--border-color);padding:40px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:var(--border-width) solid var(--border-color)}.header h1{margin:0}.language-selector{position:relative;flex-shrink:0}.language-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--accent);border:var(--border-width) solid var(--border-color);border-radius:0;font-size:14px;font-weight:700;color:var(--text-primary);cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--border-color)}.language-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--border-color)}.language-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--border-color)}.language-btn.open{background:var(--accent-hover);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--border-color)}.language-btn .globe-icon{width:18px;height:18px;flex-shrink:0}.language-btn .lang-name{min-width:70px;text-align:left}.language-btn .chevron{width:16px;height:16px;transition:transform .2s ease}.language-btn .chevron.rotated{transform:rotate(180deg)}.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-secondary);border:var(--border-width) solid var(--border-color);border-radius:0;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--border-color);overflow:hidden;min-width:160px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .15s ease;z-index:100}.language-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.language-option{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:none;text-align:left;font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:background .1s ease;position:relative}.language-option:not(:last-child){border-bottom:2px solid var(--border-color)}.language-option:hover{background:var(--gray-light)}.language-option.active{background:var(--accent);color:var(--text-primary)}.language-option.active:hover{background:var(--accent-hover)}.language-option .check-icon{width:16px;height:16px;flex-shrink:0}.language-option:not(.active) .check-icon{display:none}.language-option:not(.active):before{content:"";width:16px;height:16px;flex-shrink:0}h1{color:var(--text-primary);font-size:28px;font-weight:900;text-transform:uppercase;letter-spacing:-.5px}.loading-bar{background:var(--accent);border:var(--border-width) solid var(--border-color);border-radius:0;padding:12px 16px;margin-bottom:20px;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--border-color)}.loading-bar-inner{display:flex;align-items:center;gap:12px;color:var(--text-primary);font-size:14px;font-weight:700}.spinner-small{width:20px;height:20px;border:3px solid var(--border-color);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.upload-area{border:var(--border-width) dashed var(--border-color);border-radius:0;padding:40px;text-align:center;cursor:pointer;transition:all .15s ease;background:var(--gray-light)}.upload-area:hover{background:var(--gray-medium);border-style:solid}.upload-area.dragging{background:var(--accent);border-style:solid;transform:scale(1.02)}.upload-icon{font-size:56px;margin-bottom:12px}.upload-text{color:var(--text-secondary);font-size:14px;font-weight:600}.upload-hint{color:var(--text-secondary);font-size:14px;margin-top:8px;font-weight:600}.select-file-btn{padding:14px 32px;background:var(--text-primary);color:#fff;border:var(--border-width) solid var(--border-color);border-radius:0;font-size:16px;font-weight:800;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;margin-bottom:12px;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--text-secondary);text-transform:uppercase}.select-file-btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--text-secondary)}.select-file-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 var(--text-secondary)}.select-file-btn:disabled{opacity:.5;cursor:not-allowed}.selected-file-name{font-size:13px;font-weight:700;margin-top:12px;padding:10px 14px;background:var(--text-primary);color:#fff;border:var(--border-width) solid var(--border-color);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-info{margin-top:25px}.file-info h3{color:var(--text-primary);margin-bottom:15px;font-weight:800;text-transform:uppercase;font-size:16px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:600px){.info-grid{grid-template-columns:repeat(2,1fr)}}.info-item{background:#fff;padding:14px 12px;border:var(--border-width) solid var(--border-color);text-align:center;transition:all .1s ease;box-shadow:3px 3px 0 var(--border-color)}.info-item:hover{background:var(--gray-light);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--border-color)}.info-label{color:var(--text-secondary);font-size:11px;margin-bottom:4px;line-height:1.3;font-weight:700;text-transform:uppercase}.info-value{color:var(--text-primary);font-size:15px;font-weight:800}.presets-section{margin-top:25px}.presets-section h3{color:var(--text-primary);margin-bottom:15px;font-weight:800;text-transform:uppercase;font-size:16px}.presets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media(max-width:600px){.presets-grid{grid-template-columns:repeat(2,1fr)}}.preset-card{border:var(--border-width) solid var(--border-color);padding:14px 10px;cursor:pointer;transition:all .1s ease;background:#fff;text-align:center;box-shadow:3px 3px 0 var(--border-color)}.preset-card:hover{background:var(--gray-light);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--border-color)}.preset-card.selected{background:var(--accent);transform:translate(2px,2px);box-shadow:1px 1px 0 var(--border-color)}.preset-card.selected .preset-name,.preset-card.selected .preset-desc{color:var(--text-primary)}.preset-name{font-weight:800;color:var(--text-primary);margin-bottom:4px;font-size:14px}.preset-desc{font-size:11px;color:var(--text-secondary);line-height:1.3;font-weight:600}.custom-options{margin-top:20px;padding:20px;background:var(--gray-light);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--border-color)}.custom-options h4{color:var(--text-primary);margin-bottom:15px;font-size:16px;font-weight:800;text-transform:uppercase}.custom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}@media(max-width:500px){.custom-grid{grid-template-columns:1fr}}.custom-item{display:flex;flex-direction:column;gap:6px}.custom-item label{font-size:13px;color:var(--text-primary);font-weight:700;text-transform:uppercase}.custom-item select{padding:12px 14px;border:var(--border-width) solid var(--border-color);border-radius:0;font-size:14px;font-weight:700;background:#fff;cursor:pointer;transition:all .1s ease;box-shadow:3px 3px 0 var(--border-color)}.custom-item select:hover:not(:disabled){background:var(--gray-light);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--border-color)}.custom-item select:focus{outline:none;background:var(--accent)}.custom-item select:disabled{opacity:.5;cursor:not-allowed}.estimate-info{display:flex;justify-content:center;gap:30px;margin-top:20px;padding:14px 20px;background:var(--gray-light);border:var(--border-width) solid var(--border-color);font-size:14px;font-weight:700;color:var(--text-primary);box-shadow:3px 3px 0 var(--border-color)}.estimate-info strong{color:var(--text-primary);font-weight:900}.estimate-info strong.positive,.estimate-info strong.negative{color:var(--text-primary)}@media(max-width:500px){.estimate-info{flex-direction:column;gap:8px;text-align:center}}.compress-btn{width:100%;padding:18px;margin-top:25px;background:var(--accent);color:var(--text-primary);border:var(--border-width) solid var(--border-color);border-radius:0;font-size:20px;font-weight:900;cursor:pointer;transition:all .1s ease;box-shadow:6px 6px 0 var(--border-color);text-transform:uppercase;letter-spacing:1px}.compress-btn:hover:not(:disabled){background:var(--accent-hover);transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--border-color)}.compress-btn:active:not(:disabled){transform:translate(3px,3px);box-shadow:3px 3px 0 var(--border-color)}.compress-btn:disabled{opacity:.5;cursor:not-allowed}.progress-section{margin-top:20px}.progress-bar{height:24px;background:#fff;border:var(--border-width) solid var(--border-color);overflow:hidden;box-shadow:3px 3px 0 var(--border-color)}.progress-fill{height:100%;background:repeating-linear-gradient(45deg,var(--accent),var(--accent) 10px,var(--accent-hover) 10px,var(--accent-hover) 20px);transition:width .3s ease}.progress-text{text-align:center;margin-top:10px;color:var(--text-primary);font-size:14px;font-weight:800}.result-section{margin-top:20px;padding:24px;background:var(--accent);border:var(--border-width) solid var(--border-color);text-align:center;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--border-color)}.result-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:18px}.success-icon{width:40px;height:40px;background:var(--text-primary);border:var(--border-width) solid var(--border-color);display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 0 var(--text-secondary)}.success-icon svg{width:22px;height:22px;color:#fff}.result-section h3{color:var(--text-primary);margin:0;font-size:22px;font-weight:900;text-transform:uppercase}.result-stats{display:flex;justify-content:center;gap:30px;margin-bottom:18px}.stat-item{text-align:center;padding:12px 16px;background:#fff;border:var(--border-width) solid var(--border-color);box-shadow:3px 3px 0 var(--border-color)}.stat-label{font-size:11px;color:var(--text-secondary);font-weight:700;text-transform:uppercase}.stat-value{font-size:20px;font-weight:900;color:var(--text-primary)}.stat-value.highlight,.stat-value.negative{color:var(--text-primary)}.result-buttons{display:flex;justify-content:center;gap:12px}.redo-btn{padding:14px 24px;background:#fff;color:var(--text-primary);border:var(--border-width) solid var(--border-color);border-radius:0;font-size:15px;font-weight:800;cursor:pointer;transition:all .1s ease;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--border-color);text-transform:uppercase}.redo-btn:hover{background:var(--gray-light);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--border-color)}.redo-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--border-color)}.download-btn{padding:14px 32px;background:var(--text-primary);color:#fff;border:var(--border-width) solid var(--border-color);border-radius:0;font-size:16px;font-weight:800;cursor:pointer;transition:all .1s ease;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--text-secondary);text-transform:uppercase}.download-btn:hover{background:#333;transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--text-secondary)}.download-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--text-secondary)}.loading-section{text-align:center;padding:40px}.spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 15px}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background:var(--gray-medium);color:var(--text-primary);padding:16px;border:var(--border-width) solid var(--border-color);margin-top:15px;text-align:center;font-weight:700;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--border-color)}.clear-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:700;margin-top:15px;text-decoration:underline}.clear-btn:hover{color:var(--text-primary)}.upload-area.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.file-info.disabled{opacity:.5}.file-info.disabled .info-value{color:var(--text-muted)}.presets-section.disabled{opacity:.5}.preset-card.disabled{cursor:not-allowed;pointer-events:none}@media(max-width:500px){.container{padding:24px;box-shadow:5px 5px 0 var(--border-color)}h1{font-size:22px}.result-stats{flex-direction:column;gap:10px}.result-buttons{flex-direction:column}.redo-btn,.download-btn{width:100%}}