@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--background: #f1f1f1;--foreground: #111111;--muted: #e2e2e2;--accent: #3b82f6;--accent-hover: #60a5fa;--danger: #ef4444;--success: #16a34a;--warning: #d97706;--border: #d0d0d0}*,*:before,*:after{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text}html,body{margin:0;padding:0;background:var(--background);color:var(--foreground);font-family:JetBrains Mono,monospace;height:100%;overflow-x:hidden;overscroll-behavior-x:none;-webkit-font-smoothing:antialiased}#root{min-height:100%}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::selection{background:var(--accent);color:#fff}.app-shell{min-height:100vh;padding:32px 16px 96px;display:flex;flex-direction:column;align-items:center}.app-header{width:100%;max-width:640px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:40px;align-items:start}.app-header h1{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.subtle{color:#1116}.font-mono{font-family:JetBrains Mono,monospace}.btn{appearance:none;font:inherit;border-radius:8px;padding:12px 16px;cursor:pointer;border:1px solid transparent;background:var(--muted);color:var(--foreground);font-size:.85rem;transition:background-color .15s ease}.btn:hover{background:var(--border)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-danger{background:#ef444426;color:var(--danger)}.btn-danger:hover{background:#ef444440}.input{width:100%;background:var(--muted);border:1px solid var(--border);border-radius:8px;padding:12px 14px;font-family:JetBrains Mono,monospace;font-size:.95rem;outline:none}.input:focus{border-color:var(--accent)}.card{background:#fff9;border:1px solid var(--border);border-radius:12px;padding:24px}.upload-zone{border:2px dashed var(--border);border-radius:16px;padding:32px 16px;text-align:center;cursor:pointer;transition:all .15s ease;background:#fff6}.upload-zone:hover{border-color:var(--accent)}.upload-zone.dragging{border-color:var(--accent);background:#3b82f60d;transform:scale(1.01)}.error-banner{background:#ef44441a;color:var(--danger);padding:16px;border-radius:8px;font-size:.85rem}.warning-banner{background:#d977061a;color:var(--warning);padding:12px;border-radius:8px;font-size:.78rem}.progress-dots{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:360px;margin:0 auto 12px}.progress-dots .dot{width:10px;height:10px;border-radius:50%;background:var(--border);transition:background-color .2s ease}.progress-dots .dot.active{background:var(--accent)}.progress-dots .line{flex:1;height:1px;background:var(--border);margin:0 4px}.progress-dots .line.active{background:var(--accent)}.row{display:flex;gap:12px}.row>*{flex:1}.col{display:flex;flex-direction:column;gap:8px}.stack>*+*{margin-top:16px}.preview-grid{width:100%;max-width:640px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.label-mono{font-size:.7rem;color:#11111180;letter-spacing:.06em;text-transform:uppercase}.login-shell{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0b1626,#112338)}.login-card{width:100%;max-width:360px;background:#0b1626b8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(252,249,238,.12);border-radius:16px;padding:40px 36px;display:flex;flex-direction:column;gap:20px;color:#fcf9ee}.login-card .input{background:#fcf9ee0f;border-color:#fcf9ee24;color:#fcf9ee}.login-card .btn-primary{background:#fcf9ee;color:#112338;border-color:#fcf9ee}