:root{color:#f7efe5;background-color:#151413;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;line-height:1.5}body{background:radial-gradient(circle at 15% 20%,#3b524e 0,#1b1917 45%,#0f0e0d 100%);min-width:320px;min-height:100vh;margin:0}.app{text-align:left;max-width:1200px;margin:0 auto;padding:3rem 1.5rem 4rem}.logo-container{display:flex;justify-content:center;align-items: center;gap:2rem;margin-bottom:2rem}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.bun-logo{transform:scale(1.2)}.bun-logo:hover{filter:drop-shadow(0 0 2em #fbf0dfaa)}.react-logo{animation:spin 20s linear infinite}.react-logo:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h1{font-size:3.2em;line-height:1.1}code{background-color:#1a1a1a;border-radius:.3em;padding:.2em .4em;font-family:monospace}.stripper{display:flex;flex-direction:column;gap:2.5rem}.stripper-header{display:flex;flex-direction:column;gap:.75rem}.stripper-header h2{letter-spacing:-.02em;margin:0;font-size:clamp(2.2rem,4vw,3.4rem)}.kicker{text-transform:uppercase;letter-spacing:.2em;color:#d9c6a5;margin:0;font-size:.75rem}.subtitle{color:#f7efe5bf;max-width:640px;margin:0}.stripper-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.stripper-panel{display:flex;background:#0f0e0db3;border:1px solid #d9c6a533;border-radius:18px;flex-direction:column;gap:1.5rem;padding:1.5rem;box-shadow:0 20px 40px #00000059}.file-picker{display:flex;cursor:pointer;color:#f7efe5;background:#2c3d3b66;border:1px dashed #d9c6a599;border-radius:14px;justify-content:space-between;align-items: center;gap:1rem;padding:1rem 1.25rem}.file-picker input{display:none}.controls{display:flex;flex-direction:column;gap:1rem}.control{display:grid;grid-template-columns:auto 1fr auto;align-items: center;gap:1rem;font-size:.95rem}.control input[type=range]{accent-color:#f0c77b;width:100%}.action-button{color:#151413;cursor:pointer;background:#f0c77b;border:none;border-radius:12px;padding:.75rem 1.25rem;transition:transform .15s,box-shadow .15s;font-weight:700}.action-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.action-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 20px #f0c77b4d}.status-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));background:#1b1917d9;border-radius:14px;gap:1rem;padding:1rem;font-size:.9rem}.label{text-transform:uppercase;letter-spacing:.14em;color:#f7efe599;margin:0 0 .35rem;font-size:.65rem}.error-banner{color:#ffb4a8;background:#882a2a33;border:1px solid #ff787873;border-radius:12px;margin:0;padding:.75rem 1rem}.preview-panel{gap:1.25rem}.preview{display:flex;flex-direction:column;gap:.75rem}.preview img{object-fit:contain;background:#0f0e0d;border:1px solid #d9c6a540;border-radius:12px;width:100%;max-height:320px}.placeholder{text-align:center;color:#f7efe599;border:1px dashed #d9c6a559;border-radius:12px;padding:2.5rem 1rem}.download-link{display:inline-flex;color:#f0c77b;text-decoration:none;align-items: center;gap:.5rem;font-weight:600}.download-link:hover{text-decoration:underline}@media (prefers-reduced-motion){*,:before,:after{animation:none!important}}