.profile-hero{display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:center;margin:25px 0 36px}.profile-hero h1{font-size:clamp(32px,4.4vw,51px)}.demo-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;transform:rotate(2deg)}.demo-pair img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:12px}.demo-pair img:last-child{margin-top:28px}.demo-caption{font-size:12px;color:var(--muted);margin-top:32px}.choices{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:20px 0}.choices legend{font-weight:700;margin-bottom:9px}.choice{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:10px 14px;border-radius:9px;cursor:pointer;min-height:46px}.choice:has(:checked){border-color:var(--teal);background:#edf1e8}.choice input{accent-color:var(--teal);width:18px;height:18px}.profile-work{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:28px;align-items:start}.photo-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0;list-style:none;margin:0}.photo-card{min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;padding:12px;background:var(--surface)}.photo-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#e9e6df;border-radius:6px}.photo-card h3{margin:10px 0 4px}.photo-name{overflow-wrap:anywhere;font-size:12px;color:var(--muted);margin:0 0 12px}.photo-card select{display:block;width:100%;min-height:44px;margin:6px 0 12px;font:inherit;border:1px solid #9d988b;border-radius:6px;background:white;padding:7px}.photo-check{display:flex;align-items:center;gap:8px;font-size:14px;min-height:44px;cursor:pointer}.photo-check input{width:18px;height:18px;accent-color:var(--teal);flex:none}.photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.photo-actions button{min-height:44px;border:1px solid #93aaa0;border-radius:6px;color:var(--teal-dark);background:transparent;padding:8px;font-size:13px}.photo-actions button[aria-pressed=true]{background:#e1ecdf;font-weight:700}.preview-panel{min-width:0}.phone-preview{max-width:290px;margin:0 auto;padding:12px;border:1px solid #a59c8b;border-radius:22px;background:var(--surface)}.phone-preview canvas{display:block;width:100%;height:auto;aspect-ratio:3/4;border-radius:12px;background:#e9e6df}.phone-top{margin:0 0 10px;font-size:13px;color:var(--muted)}.preview-label{font-size:14px;font-weight:700;min-height:24px;margin:8px 0 0}.small-preview{display:flex;align-items:center;gap:14px;margin:20px 0}.small-preview canvas{width:96px;height:96px;border-radius:10px;flex:none}.small-preview p{font-size:13px;color:var(--muted)}.preview-panel .control{margin:8px 0}.preview-panel .hint{font-size:13px}.profile-status{margin-bottom:20px}.profile-summary{margin:24px 0;border-top:1px solid var(--line);padding-top:22px}.profile-summary ul{padding-left:22px}.profile-summary li{margin:7px 0}.profile-summary .photo-check{font-size:16px}.profile-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.undo{margin:12px 0}.profile-link{display:inline-block;margin-top:12px}.steps{padding-left:24px}.steps li{margin:14px 0}.preview-empty{font-size:14px;margin:0 0 16px}.profile-work:has(.photo-card) .preview-empty{display:none}.photo-actions button:active{transform:scale(.98)}.photo-actions button:focus-visible{outline-offset:2px}.photo-card label{font-size:14px}.photo-list:empty{display:none}
@media(hover:hover){.photo-actions button:not(:disabled):hover{background:#e8eddf}}
@media(max-width:850px){.profile-hero{gap:24px}.profile-work{grid-template-columns:1fr}.preview-panel{border-top:1px solid var(--line);padding-top:24px}.phone-preview{max-width:280px}.preview-panel .control,.small-preview{max-width:440px;margin-left:auto;margin-right:auto}}
@media(max-width:650px){.profile-hero{display:block;margin:16px 0 24px}.profile-demo{display:none}.profile-hero h1{font-size:34px}.photo-list{gap:10px}.photo-card{padding:10px}.photo-card h3{font-size:16px}.photo-actions{grid-template-columns:1fr}.photo-card select{font-size:16px}.choice{padding:9px 10px}.choices{gap:6px}.profile-actions .btn{width:100%}.profile-work{gap:16px}}
@media(prefers-reduced-motion:reduce){.photo-actions button:active{transform:none}}