*{box-sizing:border-box}body{background:#eef2f5;color:#161b22;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}.is-hidden{display:none!important}.auth-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.login-panel{background:#fff;border:1px solid #d4dce5;border-radius:8px;box-shadow:0 18px 50px #26313e1f;max-width:440px;padding:28px;width:100%}.page{display:grid;gap:24px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);margin:0 auto;max-width:1180px;min-height:100vh;padding:40px 24px}.topbar,.tryon-form,.result-panel{background:#fff;border:1px solid #d4dce5;border-radius:8px;box-shadow:0 12px 32px #26313e14;min-width:0;padding:24px}.topbar{align-items:center;display:flex;gap:18px;grid-column:1 / -1;justify-content:space-between}.eyebrow{color:#137568;font-size:13px;font-weight:700;letter-spacing:0;margin:0 0 10px;text-transform:uppercase}h1,h2,p{margin-top:0}h1{font-size:42px;line-height:1;margin-bottom:0}h2{font-size:24px;margin-bottom:8px}.lead,.form-header p,.result-header p{color:#44505c;line-height:1.6;margin-bottom:0;overflow-wrap:anywhere}.login-form{display:grid;gap:16px;margin-top:22px}.tryon-form{align-self:start;display:grid;gap:20px}.upload-grid{display:grid;gap:16px;grid-template-columns:1fr}.login-form label,.upload-box,.description-field{display:grid;gap:10px}.login-form span,.upload-box span,.description-field span{color:#2d3640;font-weight:700}.upload-box small{color:#667384}input[type=password],input[type=file],input[type=text]{border:1px solid #cdd4de;border-radius:6px;font:inherit;max-width:100%;min-width:0;padding:10px;width:100%}.upload-box img{background:#eef1f5;border:1px solid #d9dee7;border-radius:6px;height:220px;width:100%;object-fit:contain}button{background:#146c5f;border:0;border-radius:6px;color:#fff;cursor:pointer;font:inherit;letter-spacing:0;min-height:46px;padding:0 18px}.secondary-button{background:#e7f1ef;color:#0f5f55}button:disabled{cursor:wait;opacity:.65}#loginStatus,#status{color:#59636f;margin:0;min-height:24px}.session-info{color:#59636f;font-size:13px;margin-top:6px!important}.result-panel{grid-row:span 2}.result-frame{align-items:center;background:#eef1f5;border:1px dashed #b8c1cc;border-radius:8px;display:flex;justify-content:center;min-height:620px;overflow:hidden;padding:16px;position:relative;text-align:center}.result-frame img{max-height:100%;max-width:100%;object-fit:contain}#emptyResult{color:#6a7480;margin:0}.loading-state{align-items:center;color:#31404d;display:grid;gap:12px;justify-items:center;max-width:320px}.loading-state strong{font-size:20px}.loading-state span{color:#667384;line-height:1.5}.spinner{animation:spin .9s linear infinite;border:5px solid #c9d7e1;border-radius:50%;border-top-color:#137568;height:56px;width:56px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 820px){.page{grid-template-columns:1fr;padding:18px}.topbar{align-items:stretch;flex-direction:column}.upload-grid{grid-template-columns:1fr}.result-panel{grid-row:auto}.result-frame{min-height:360px}}