:root{--bg-color: #0D0D0D;--card-bg: #1A1A1A;--input-bg: #141414;--border-color: rgba(255, 255, 255, .06);--text-primary: #E4E4E4;--text-secondary: #A0A0A0;--accent-color: #7C3AED;--accent-hover: #6D28D9;--error-color: #EF4444;--success-color: #10B981}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column}.container{max-width:800px;margin:0 auto;padding:2rem;width:100%}h1{font-size:2.5rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(to right,#e4e4e4,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a}.input-group{margin-bottom:1.5rem}label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}input[type=file],select{width:100%;background-color:var(--input-bg);border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem 1rem;border-radius:8px;font-size:1rem;transition:border-color .2s}input[type=file]::file-selector-button{background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-right:1rem}input[type=file]:hover,select:hover{border-color:var(--accent-color)}select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #7c3aed33}.btn{width:100%;background-color:var(--accent-color);color:#fff;border:none;padding:1rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s}.btn:hover{background-color:var(--accent-hover)}.btn:active{transform:scale(.98)}.btn:disabled{background-color:var(--input-bg);color:var(--text-secondary);cursor:not-allowed}.progress-bar-container{width:100%;background-color:var(--input-bg);border-radius:9999px;height:8px;margin-top:1.5rem;overflow:hidden}.progress-bar-fill{background-color:var(--accent-color);height:100%;transition:width .5s ease}.tabs{display:flex;margin-bottom:1rem;border-bottom:1px solid var(--border-color)}.tab{padding:.75rem 1.5rem;cursor:pointer;color:var(--text-secondary);border-bottom:2px solid transparent;transition:all .2s}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.result-content{white-space:pre-wrap;line-height:1.6;color:var(--text-primary);font-size:1rem}.markdown h1,.markdown h2,.markdown h3{margin-top:1rem;margin-bottom:.5rem;color:var(--text-primary)}.markdown ul{padding-left:1.5rem;margin-bottom:1rem}.markdown li{margin-bottom:.25rem}.footer{margin-top:auto;padding:2rem;text-align:center;font-size:.875rem;color:var(--text-secondary);background-color:var(--card-bg);border-top:1px solid var(--border-color)}.error-msg{color:var(--error-color);background-color:#ef44441a;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid rgba(239,68,68,.2)}