:root{--color-bg: #0f172a;--color-surface: #1e293b;--color-primary: #8b5cf6;--color-primary-hover: #7c3aed;--color-text: #f8fafc;--color-text-muted: #94a3b8;--color-border: #334155;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}.app-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg)}.app-header{text-align:center;margin-bottom:var(--spacing-xl)}.app-header h1{font-size:3rem;font-weight:800;background:linear-gradient(to right,var(--color-primary),#c084fc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-xs)}.app-header p{color:var(--color-text-muted);font-size:1.2rem}.app-main{width:100%;max-width:800px}.upload-placeholder{background-color:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted);transition:border-color .2s}.upload-placeholder:hover{border-color:var(--color-primary);color:var(--color-primary);cursor:pointer}