html,body{height:100%;margin:0}.prototype-screen-host,.react-prototype-screen{display:contents}.auth-page{background:linear-gradient(180deg, #ffffffdb, #f9fafbf5), var(--color-bg,#f9fafb);place-items:center;min-height:100vh;padding:32px;display:grid}.auth-panel{gap:18px;width:min(100%,420px);display:grid}.auth-brand{color:var(--color-gray-900,#111827);align-items:center;gap:10px;display:flex}.auth-brand strong{font-size:var(--font-md,14px);line-height:1.1;display:block}.auth-brand span{font-size:var(--font-sm,12px);color:var(--color-gray-400,#9ca3af);margin-top:3px;display:block}.auth-logo,.auth-card-icon{flex:none;place-items:center;display:grid}.auth-logo{border-radius:var(--radius-lg,8px);background:linear-gradient(135deg, var(--color-orange,#f47920) 0%, var(--color-primary,#ef4139) 100%);width:34px;height:34px;color:var(--color-white,#fff)}.auth-card{background:var(--color-white,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-xl,12px);box-shadow:var(--shadow-sm,0 1px 3px #00000014);padding:24px}.auth-card-icon{border-radius:var(--radius-lg,8px);background:var(--color-primary-light,#fef2f2);width:34px;height:34px;color:var(--color-primary,#ef4139);margin-bottom:18px}.auth-eyebrow{font-size:var(--font-xs,11px);color:var(--color-primary,#ef4139);text-transform:uppercase;margin:0 0 6px;font-weight:700}.auth-card h1{font-size:var(--font-3xl,24px);color:var(--color-gray-900,#111827);margin:0;line-height:1.2}.auth-copy{font-size:var(--font-base,13px);color:var(--color-gray-500,#6b7280);margin:8px 0 0;line-height:1.55}.auth-message{border:1px solid var(--color-yellow,#f59e0b);border-radius:var(--radius-md,6px);background:var(--color-yellow-light,#fffbeb);color:#92400e;font-size:var(--font-sm,12px);margin-top:16px;padding:10px 12px;line-height:1.4}.auth-form{gap:14px;margin-top:22px;display:grid}.auth-form label{font-size:var(--font-sm,12px);color:var(--color-gray-700,#374151);gap:7px;font-weight:600;display:grid}.auth-form input{border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-md,6px);background:var(--color-gray-50,#f9fafb);height:38px;color:var(--color-gray-900,#111827);transition:all var(--transition,.15s ease);outline:none;padding:0 12px}.auth-form input:focus{border-color:var(--color-primary,#ef4139);background:var(--color-white,#fff)}.auth-form .btn{width:100%;margin-top:2px}.auth-state-box{border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-lg,8px);background:var(--color-gray-50,#f9fafb);margin-top:22px;padding:14px}.auth-card-footer{border-top:1px solid var(--color-border-light,#f3f4f6);flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;padding-top:18px;display:flex}.auth-meta{font-size:var(--font-sm,12px);color:var(--color-gray-500,#6b7280);align-items:center;gap:8px;padding-left:2px;display:flex}.auth-meta .ws-dot{background:var(--color-green,#22c55e);border-radius:50%;width:8px;height:8px}