*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#050816;color:#f9fafb;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,select,textarea{font-family:inherit;outline:none}.app-container{min-height:100vh;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;max-width:960px;margin:0 auto;width:100%;opacity:1;transition:opacity .3s ease}.btn-primary{background:#3b82f6;color:#fff;padding:14px 36px;border-radius:999px;font-size:16px;font-weight:500;transition:background .2s ease,transform .1s ease}.btn-primary:hover{background:#2563eb}.btn-primary:active{background:#1d4ed8;transform:scale(.98)}.btn-secondary{background:#1e293b;color:#e5e7eb;padding:12px 28px;border-radius:12px;font-size:14px;font-weight:500;border:1px solid rgba(148,163,184,.3);transition:background .2s ease}.btn-secondary:hover{background:#334155}.btn-outline{background:transparent;color:#3b82f6;padding:12px 28px;border-radius:12px;font-size:14px;font-weight:500;border:1px solid #3B82F6;transition:border-color .2s ease,background .2s ease,color .2s ease}.btn-outline:hover{background:#3b82f6;color:#fff}.card{background:#111827;border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:32px;box-shadow:0 1px 3px #0003;transition:box-shadow .2s ease,border-color .2s ease}.card:hover{box-shadow:0 4px 12px #0000004d}.card-selected{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f6}.footer{text-align:center;padding:24px;font-size:13px;color:#9ca3af;border-top:1px solid rgba(148,163,184,.15);margin-top:auto}.footer a{color:#3b82f6;text-decoration:none;transition:text-decoration .2s ease}.footer a:hover{text-decoration:underline;text-underline-offset:2px}.input-field{width:100%;padding:14px 18px;border:1px solid rgba(148,163,184,.3);border-radius:12px;font-size:15px;background:#1e293b;color:#f9fafb;transition:border-color .2s ease,background .2s ease}.input-field:focus{border-color:#3b82f6;background:#1e293b}.input-field::placeholder{color:#64748b}.tabs{display:flex;gap:0;border-bottom:1px solid rgba(148,163,184,.2);margin-bottom:32px;width:100%}.tab{flex:1;padding:14px 0;text-align:center;font-size:14px;font-weight:500;color:#9ca3af;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .2s ease,border-color .2s ease}.tab.active{color:#f9fafb;border-bottom-color:#3b82f6}.status-card{padding:24px;border-radius:14px;width:100%;margin:16px 0}.status-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.status-partial{background:#eab3081a;border:1px solid rgba(234,179,8,.3)}.status-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.loader{width:40px;height:40px;border:3px solid rgba(148,163,184,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;width:100%}.mockup-thumb{border-radius:12px;overflow:hidden;border:1px solid rgba(148,163,184,.2);cursor:pointer;transition:box-shadow .2s ease,transform .15s ease}.mockup-thumb:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.mockup-thumb img{width:100%;display:block}.mockup-thumb .label{padding:12px 14px;font-size:13px;font-weight:500;color:#9ca3af;background:#111827}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal{background:#111827;border-radius:20px;padding:32px;max-width:640px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0006;border:1px solid rgba(148,163,184,.2)}.upload-zone{border:2px dashed rgba(148,163,184,.3);border-radius:16px;padding:48px 24px;text-align:center;cursor:pointer;transition:border-color .2s ease,background .2s ease;background:#1e293b;color:#e5e7eb}.upload-zone:hover{border-color:#3b82f6;background:#1e293b}.upload-zone.dragover{border-color:#3b82f6;background:#3b82f61a}select.input-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%239CA3AF' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}select.input-field option{background:#1e293b;color:#f9fafb}