:root{--background-color:#f5f5f5;--on-background:#333;--on-surface:#666;--primary:#2B528A;--on-primary:white;--drop-zone-hover-bg:#e1f5fe;--drop-zone-hover-border:#0066aa;--progress-bg:#e0e0e0;--primary-disabled:#cccccc;--on-primary-disabled:white}@media(prefers-color-scheme:dark){:root{--background-color:#1a1a1a;--on-background:#e0e0e0;--on-surface:#bbbbbb;--primary:#93c73c;--on-primary:#2d2d2d;--drop-zone-hover-bg:#1c3847;--drop-zone-hover-border:#0088cc;--progress-bg:#404040;--primary-disabled:#404040;--on-primary-disabled:#787878}}body{font-family:sans-serif;max-width:800px;margin:0 auto;padding:3rem 2rem 2rem;background:var(--background-color);user-select:none}.logo{text-align:center;margin-bottom:2rem}.description{text-align:center;margin-bottom:2rem;color:var(--on-background)}.btn{text-align:center;margin-top:2rem;color:var(--on-background)}.drop-zone{border:2px dashed var(--primary);border-radius:8px;padding:2rem;text-align:center;transition:all .3s ease;background:var(--on-primary)}.drop-zone.dragover{background:var(--drop-zone-hover-bg);border-color:var(--drop-zone-hover-border)}.drop-zone p{margin:0;color:var(--on-surface)}.progress{text-align:center;margin-top:1rem;color:var(--on-background);display:none}.progress.active{display:block}.progress-bar{width:100%;height:20px;background-color:var(--progress-bg);border-radius:10px;overflow:hidden;margin-top:10px}.progress-bar-fill{width:0%;height:100%;background-color:var(--primary);transition:width .5s ease}.btn-default{background:var(--primary);color:var(--on-primary);border:none;padding:10px 20px;border-radius:4px;cursor:pointer}.btn-default:disabled{background:var(--primary-disabled);color:var(--on-primary-disabled);cursor:not-allowed}