:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-card: #0f3460;--accent: #e94560;--accent-hover: #ff6b6b;--text-primary: #eee;--text-secondary: #aaa;--success: #4ade80;--border-radius: 8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}.container{max-width:900px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:2rem}header h1{font-size:2rem;margin-bottom:.5rem}header p{color:var(--text-secondary)}.drop-zone{border:3px dashed var(--bg-card);border-radius:var(--border-radius);padding:3rem 2rem;text-align:center;transition:all .3s ease;cursor:pointer;background:var(--bg-secondary);margin-bottom:1.5rem}.drop-zone:hover,.drop-zone.dragover{border-color:var(--accent);background:#e945601a}.drop-zone.has-file{border-color:var(--success);border-style:solid}.drop-zone-icon{font-size:3rem;margin-bottom:1rem}.drop-zone-text{font-size:1.1rem;margin-bottom:.5rem}.drop-zone-hint{color:var(--text-secondary);font-size:.9rem}.drop-zone input[type=file]{display:none}.file-info{display:none;background:var(--bg-card);border-radius:var(--border-radius);padding:1rem 1.5rem;margin-bottom:1.5rem}.file-info.visible{display:block}.file-info h3{margin-bottom:.5rem;font-size:1rem}.file-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:.5rem}.stat{background:var(--bg-secondary);padding:.75rem;border-radius:var(--border-radius)}.stat-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.2rem;font-weight:600}.settings-panel{background:var(--bg-secondary);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1.5rem}.settings-panel h2{font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--bg-card)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.setting-item{display:flex;align-items:center;gap:.75rem}.setting-item label{cursor:pointer;-webkit-user-select:none;user-select:none}.setting-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.setting-item select{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--bg-card);padding:.5rem;border-radius:var(--border-radius);cursor:pointer}.setting-item select:focus{outline:none;border-color:var(--accent)}.setting-item-full{grid-column:1 / -1;padding-top:.5rem;border-top:1px solid var(--bg-card);margin-top:.5rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-card);color:var(--text-primary)}.btn-secondary:hover{background:#1a4a7a}.button-group{display:flex;gap:1rem;margin-bottom:1.5rem}.progress-container{display:none;margin-bottom:1.5rem}.progress-container.visible{display:block}.progress-bar{height:8px;background:var(--bg-card);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:var(--accent);width:0%;transition:width .3s ease}.progress-text{font-size:.9rem;color:var(--text-secondary)}.results-panel{display:none;background:var(--bg-card);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1.5rem}.results-panel.visible{display:block}.results-panel h2{font-size:1.1rem;margin-bottom:1rem;color:var(--success)}.results-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;margin-bottom:1.5rem}.result-box{text-align:center;padding:1rem;background:var(--bg-secondary);border-radius:var(--border-radius)}.result-box .label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;margin-bottom:.25rem}.result-box .size{font-size:1.5rem;font-weight:700}.result-arrow{font-size:1.5rem;color:var(--success)}.reduction-badge{display:inline-block;background:var(--success);color:var(--bg-primary);padding:.25rem .75rem;border-radius:20px;font-weight:600;font-size:1rem}.results-details{font-size:.9rem;color:var(--text-secondary)}.results-details p{margin-bottom:.25rem}footer{text-align:center;padding:2rem;color:var(--text-secondary);font-size:.9rem}footer a{color:var(--accent);text-decoration:none}footer a:hover{text-decoration:underline}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 1.5s infinite}.viewer-panel{display:none;background:var(--bg-secondary);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1.5rem}.viewer-panel.visible{display:block}.viewer-panel h2{font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--bg-card)}.viewer-controls{display:flex;gap:1.5rem;margin-bottom:1rem}.viewer-controls label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-secondary)}.viewer-controls input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.lod-buttons{display:flex;align-items:center;gap:.5rem}.lod-label{color:var(--text-secondary);margin-right:.25rem}.lod-button-group{display:flex;gap:.25rem}.lod-button-group button{background:var(--bg-card);border:1px solid transparent;color:var(--text-secondary);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .15s ease}.lod-button-group button:hover{background:#1a4a7a;color:var(--text-primary)}.lod-button-group button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.viewer-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.viewer-pane{position:relative;background:#111;border-radius:var(--border-radius);overflow:hidden}.viewer-label{position:absolute;top:.5rem;left:.5rem;background:#000000b3;padding:.25rem .75rem;border-radius:4px;font-size:.8rem;color:var(--text-primary);z-index:10}.viewer-pane canvas{width:100%;height:300px;display:block}.diff-panel{display:none;background:var(--bg-secondary);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1.5rem}.diff-panel.visible{display:block}.diff-panel h2{font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--bg-card)}.diff-controls{display:flex;gap:1.5rem;margin-bottom:1rem;align-items:center}.diff-controls label{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.diff-controls select{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--bg-card);padding:.5rem;border-radius:var(--border-radius);cursor:pointer}.diff-controls select:focus{outline:none;border-color:var(--accent)}.diff-info{background:var(--bg-card);padding:.75rem 1rem;border-radius:var(--border-radius);margin-bottom:1rem;font-size:.85rem;color:var(--text-secondary)}.diff-info p{margin:.25rem 0}.diff-stats{background:var(--bg-card);padding:.75rem 1rem;border-radius:var(--border-radius);margin-bottom:1rem;font-size:.9rem;display:none}.diff-stats:not(:empty){display:block}.diff-stats .stat-row{display:flex;justify-content:space-between;padding:.25rem 0;border-bottom:1px solid var(--bg-secondary)}.diff-stats .stat-row:last-child{border-bottom:none}.diff-stats .stat-row span:first-child{color:var(--text-secondary)}.diff-stats .stat-row span:last-child{font-weight:600;color:var(--text-primary)}.diff-viewer-container{position:relative;background:#111;border-radius:var(--border-radius);overflow:hidden}.diff-viewer-container canvas{width:100%;height:400px;display:block}.texture-panel{background:var(--bg-secondary);border-radius:var(--border-radius);padding:1rem 1.5rem;margin-bottom:1.5rem;display:none}.texture-panel.visible{display:block}.texture-panel h3{font-size:1rem;margin-bottom:.75rem;color:var(--text-primary)}.texture-analysis{font-size:.85rem}.texture-analysis .placeholder-text{color:var(--text-secondary);font-style:italic}.texture-item{background:var(--bg-card);border-radius:var(--border-radius);padding:.75rem 1rem;margin-bottom:.5rem}.texture-item:last-child{margin-bottom:0}.texture-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.texture-item-name{font-weight:600;color:var(--text-primary)}.texture-item-size{color:var(--accent);font-weight:600}.texture-item-details{color:var(--text-secondary);font-size:.8rem}.texture-item-usage{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.texture-usage-tag{background:var(--bg-secondary);padding:.15rem .5rem;border-radius:3px;font-size:.75rem;color:var(--text-secondary)}.texture-recommendation{margin-top:.5rem;padding:.5rem;border-radius:4px;font-size:.8rem}.texture-recommendation.warning{background:#ffc10726;color:#ffc107}.texture-recommendation.suggestion{background:#2196f326;color:#64b5f6}.texture-recommendation.info{background:#9e9e9e26;color:#9e9e9e}.texture-summary{background:var(--bg-card);border-radius:var(--border-radius);padding:.75rem 1rem;margin-bottom:.75rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}.texture-summary-item{text-align:center}.texture-summary-item .label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase}.texture-summary-item .value{font-size:1.1rem;font-weight:600;color:var(--text-primary)}@media(max-width:600px){.container{padding:1rem}header h1{font-size:1.5rem}.drop-zone{padding:2rem 1rem}.results-comparison{grid-template-columns:1fr}.result-arrow{transform:rotate(90deg)}.button-group{flex-direction:column}.btn{width:100%}.viewer-container{grid-template-columns:1fr}.viewer-pane canvas{height:200px}}