header{display:flex;gap:10px}header>h1{padding:0;margin:0;flex:1}header>img{height:3rem}.app{padding:20px;display:flex;flex-direction:column;height:100%;width:100%;box-sizing:border-box;max-width:1200px}.results{display:grid;grid-template-columns:1fr min-content;gap:3rem;flex:1}.body-shape{width:400px;border-radius:10px;border:1px solid #FDD023}@media (max-width: 44rem){.results{display:grid;grid-template-rows:1fr min-content;grid-template-columns:unset;gap:1rem;flex:1}.body-shape{height:unset;width:100%}header{flex-direction:column}}.final-question-block{margin-top:30px}.avatar-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:20px;margin-top:20px;margin-bottom:30px}.avatar-option{border:2px solid #ccc;border-radius:12px;background:#fff;padding:12px;cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.avatar-option:hover{border-color:#0078d4;transform:translateY(-2px)}.avatar-option.selected{border-color:#0078d4;box-shadow:0 0 0 3px #0078d440}.avatar-label{font-weight:600;margin-bottom:10px;text-align:center}#btnNext,#btnSubmit{padding:6px!important;color:maroon;font-weight:700!important;cursor:pointer;transition:background-color .2s ease;max-width:100px;font-size:14px!important;border:solid 1px #aaa;border-right:solid 1px #888;border-bottom:solid 1px #888;background-color:#e6e6e6}.representation-options{display:flex;flex-direction:column;gap:12px;margin:24px 0;text-align:left}.representation-option{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid #ccc;border-radius:6px;cursor:pointer;background-color:#fff}.representation-option:hover{background-color:#f5f5f5}.representation-option:has(input:checked){border-color:#005a9c;background-color:#eaf4fb}.representation-option input{margin:0}.final-question-buttons{display:flex;justify-content:space-between;gap:16px;margin-top:24px}.request-screen{background:#ccc;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;color:#000;font-weight:700}.request-screen>button{background:#2563eb;color:#fff;font-weight:700;outline:none;border:none;padding:5px 10px;border-radius:10px}.request-screen>button:hover{cursor:pointer;opacity:.7}.final-question-block{padding-bottom:30px}.avatar-comparison{display:grid;grid-template-columns:1fr;max-width:410px;justify-content:center;gap:32px;padding:32px;background:linear-gradient(135deg,#f0f4f8,#fff);border-radius:24px;flex-wrap:wrap}.model-card{position:relative;aspect-ratio:1;background:#fff;border-radius:20px;box-shadow:0 10px 25px #00000014;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,box-shadow .3s ease;cursor:grab}.model-card:active{cursor:grabbing}.model-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #0000001a}.model-label{position:absolute;top:16px;left:16px;background:#0009;color:#fff;font-size:13px;font-weight:500;padding:6px 10px;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.model-download{position:absolute;bottom:16px;left:16px;background:#2563eb;color:#fff;font-weight:700;font-size:13px;padding:6px 10px;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;border:none;outline:none}.model-download:hover{cursor:pointer}.model-frame{width:100%;height:100%;border-radius:16px;overflow:hidden}.avatar-actions{display:flex;justify-content:center;padding:16px}.avatar-actions button{padding:12px 24px;font-size:15px;font-weight:600;color:#fff;background:#2563eb;border:none;border-radius:12px;cursor:pointer;transition:background .2s ease,transform .2s ease}.avatar-actions button:hover:not(:disabled){background:#1d4ed8;transform:translateY(-2px)}.avatar-actions button:disabled{background:#9ca3af;cursor:not-allowed}