:root{--bg-color: #0f172a;--card-bg: #1e293b;--primary: #3b82f6;--primary-hover: #2563eb;--text-main: #f8fafc;--text-secondary: #94a3b8;--border-color: #334155;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1)}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.app-container{max-width:1200px;margin:0 auto;padding:2rem;text-align:center}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:2rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.btn{background:var(--card-bg);color:var(--text-main);border:1px solid var(--border-color);padding:.6em 1.2em;font-size:1rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn:hover{background-color:#334155}.btn-primary{background-color:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.crop-container{container-type:size;overflow:hidden}