.waki-artist-hero{
  font:inherit;
  line-height:var(--waki-leading-normal);
  max-width:50rem;
  margin:2.5rem auto 1.25rem;
  text-align:center;
  padding:0 1.5rem;
}
.waki-artist-hero h1{
  margin:0 0 0.5rem;
  font-size:var(--waki-size-3xl);
  font-weight:var(--waki-weight-bold);
  line-height:var(--waki-leading-tight);
}
.waki-artist-hero p{
  margin:0;
  color:#555;
}

.waki-artist-form{
  font:inherit;
  line-height:var(--waki-leading-normal);
  background:var(--waki-color-bg);
  color:var(--waki-color-text);
  max-width:50rem;
  margin:2.5rem auto;
  padding:2rem 1.5rem;
  border-radius:0.75rem;
  box-shadow:var(--waki-shadow-lg);
}

.waki-artist-form .form-header{
  background:var(--waki-color-primary);
  color:var(--waki-color-bg);
  margin:-2rem -1.5rem 1.5rem;
  padding:1rem 1.5rem;
  border-radius:0.75rem 0.75rem 0 0;
  font-size:var(--waki-size-xl);
  font-weight:var(--waki-weight-semibold);
}
.waki-artist-form h2{
  margin:2rem 0 0.5rem;
  font-size:var(--waki-size-xl);
  font-weight:var(--waki-weight-semibold);
  display:flex;
  align-items:center;
  gap:0.5rem;
}
.waki-artist-form p{
  margin:1rem 0;
}
.waki-artist-form small{
  display:block;
  color:var(--waki-color-muted);
  font-size:var(--waki-size-2xs);
  line-height:var(--waki-leading-snug);
}
.waki-artist-form input:not([type="checkbox"]):not([type="radio"]),
.waki-artist-form select{
  width:100%;
  padding:0.625rem 0.75rem;
  border:1px solid #ddd;
  border-radius:var(--waki-radius-sm);
  font-size:var(--waki-size-md);
  line-height:var(--waki-leading-snug);
}
.waki-artist-form .choices{
  width:100%;
}
.waki-artist-form ::placeholder{
  color:#888;
}
.waki-artist-form input[type="checkbox"]{
  width:auto;
  padding:0;
  margin-right:0.5rem;
}
.waki-artist-form input[type="radio"]{
  width:auto;
  padding:0;
}

/* Button styles */
.waki-artist-form .waki-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0.5rem;
  padding:var(--waki-space-8) var(--waki-space-16);
  border-radius:var(--waki-radius-md);
  font-size:var(--waki-size-md);
  font-weight:var(--waki-weight-semibold);
  line-height:var(--waki-leading-snug);
  cursor:pointer;
  transition:background-color .2s,transform .1s;
}

.waki-artist-form .waki-btn:focus-visible{
  outline:2px solid var(--waki-color-text);
  outline-offset:2px;
}

.waki-artist-form .waki-btn:active{
  transform:scale(.98);
}

.waki-artist-form .waki-btn[disabled]{
  opacity:.5;
  pointer-events:none;
}

.waki-artist-form .waki-btn-primary{
  background:var(--waki-color-primary);
  color:var(--waki-color-bg);
  border:1px solid var(--waki-color-primary);
}

.waki-artist-form .waki-btn-primary:hover,
.waki-artist-form .waki-btn-primary:focus-visible{
  background:#76b83b;
  border-color:#76b83b;
}

.waki-artist-form .waki-btn-secondary{
  background:var(--waki-color-bg);
  color:var(--waki-color-primary);
  border:2px solid var(--waki-color-primary);
}

.waki-artist-form .waki-btn-secondary:hover,
.waki-artist-form .waki-btn-secondary:focus-visible{
  color:#76b83b;
  border-color:#76b83b;
}

/* Destructive icon buttons */
.waki-artist-form .remove-image,
.waki-artist-form .remove-social{
  background:none;
  border:0;
  color:var(--waki-color-text);
  padding:0;
  cursor:pointer;
  line-height:1;
  border-radius:var(--waki-radius-sm);
  transition:color .2s;
}

.waki-artist-form .remove-image:hover,
.waki-artist-form .remove-image:focus-visible,
.waki-artist-form .remove-social:hover,
.waki-artist-form .remove-social:focus-visible{
  color:var(--waki-color-danger);
}

.waki-artist-form .remove-image:focus-visible,
.waki-artist-form .remove-social:focus-visible{
  outline:2px solid var(--waki-color-danger);
  outline-offset:2px;
}

/* Action area */
.waki-artist-form .waki-form-actions{
  display:flex;
  gap:0.75rem;
  margin:1rem 0 0;
}

.waki-artist-form .waki-form-actions .waki-btn{
  background:var(--waki-color-primary);
  color:var(--waki-color-bg);
  border:1px solid var(--waki-color-primary);
}

.waki-artist-form .waki-form-actions .waki-btn:hover,
.waki-artist-form .waki-form-actions .waki-btn:focus-visible{
  background:#76b83b;
  border-color:#76b83b;
}

.waki-artist-form .waki-form-note{
  color:var(--waki-color-muted);
  font-size:var(--waki-size-2xs);
  line-height:var(--waki-leading-snug);
  margin-top:0.5rem;
}

.waki-artist-form .waki-step-nav{
  display:flex;
  gap:0.5rem;
  margin-top:1rem;
}

@media(max-width:480px){
  .waki-artist-form .waki-form-actions{
    flex-direction:column;
    gap:0.5rem;
  }
  .waki-artist-form .waki-form-actions .waki-btn{
    width:100%;
  }
  .waki-artist-form .waki-step-nav{
    flex-direction:column;
  }
}
.waki-artist-form .phone-field{
  display:flex;
  gap:0.5rem;
}
.waki-artist-form .phone-field select{
  flex:0 0 9.375rem;
  white-space:nowrap;
  max-width:100%;
}
.waki-artist-form .phone-field .choices{
  flex:0 0 9.375rem;
  max-width:100%;
}
.waki-artist-form .phone-field select,
.waki-artist-form .phone-field .choices,
.waki-artist-form .phone-field input{
  width:auto;
}
.waki-artist-form .phone-field .choices__inner{
  white-space:nowrap;
}
.waki-artist-form .phone-field .choices__list--dropdown{
  width:100%;
}
.waki-artist-form .phone-field .choices__list--dropdown .choices__item{
  white-space:normal;
}
.waki-artist-form .phone-field input{
  flex:1;
}

.waki-artist-form .waki-form-grid{
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
}
.waki-artist-form .waki-form-grid > p{
  flex:1 1 16.25rem;
  margin:0;
}

.waki-artist-form .social-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:1rem;
  margin-bottom:1rem;
}
.waki-artist-form .social-row .platform-field,
.waki-artist-form .social-row .username-field{
  display:flex;
  flex-direction:column;
  gap:0.25rem;
  flex:1 1 13.75rem;
  min-width:0;
}
.waki-artist-form .social-row .platform-select{
  display:flex;
  align-items:center;
  gap:0.25rem;
}
.waki-artist-form .social-row .platform-select select{
  flex:1 1 auto;
  width:100%;
  min-width:0;
}
.waki-artist-form .social-row .network-icon{
  width:1.5rem;
  height:1.5rem;
  display:none;
}
.waki-artist-form .social-row .network-icon.hidden{
  display:none;
}
.waki-artist-form .social-row .network-icon:not(.hidden){
  display:block;
}
.waki-artist-form .social-row .profile-preview{
  font-size:var(--waki-size-sm);
  line-height:var(--waki-leading-snug);
}
.waki-artist-form .social-row .remove-social{
  margin-left:auto;
  background:none;
  border:none;
  cursor:pointer;
}
.waki-artist-form .social-row small{
  flex-basis:100%;
  font-size:var(--waki-size-2xs);
  line-height:var(--waki-leading-snug);
  color:#666;
}
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.waki-artist-form .link-rows{
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
}
.waki-artist-form .link-row{
  flex:1 1 16.25rem;
  display:flex;
  align-items:center;
  gap:0.5rem;
}
.waki-artist-form .link-row .link-label{
  white-space:nowrap;
}
.waki-artist-form .link-row input{
  flex:1;
}

.waki-artist-form .image-preview{
  display:flex;
  flex-wrap:wrap;
  gap:0.5rem;
  margin-top:0.5rem;
}
.waki-artist-form .image-preview .preview-item{
  position:relative;
}
.waki-artist-form .image-preview img{
  width:5rem;
  height:5rem;
  object-fit:cover;
  border-radius:0.25rem;
}
.waki-artist-form .image-preview .remove-image{
  position:absolute;
  top:0;
  right:0;
  background:rgba(0,0,0,.6);
  color:#fff;
  border:0;
  border-radius:50%;
  width:1.25rem;
  height:1.25rem;
  line-height:1.25rem;
  text-align:center;
  cursor:pointer;
}

@media (max-width: 480px){
  .waki-artist-form .social-row,
  .waki-artist-form .link-row{
    flex-direction:column;
    align-items:stretch;
  }

  .waki-artist-form .social-row .username-field,
  .waki-artist-form .link-row input{
    flex:1 1 100%;
    width:100%;
  }

  .waki-artist-form .social-row{
    gap:0.25rem;
    margin-bottom:0.5rem;
  }

  .waki-artist-form .phone-field select,
  .waki-artist-form .phone-field .choices{
    flex:0 0 8.125rem;
  }
}

.waki-artist-success{
  font:inherit;
  line-height:var(--waki-leading-normal);
  background:var(--waki-color-bg);
  color:var(--waki-color-text);
  max-width:37.5rem;
  margin:2.5rem auto;
  padding:2rem 1.5rem;
  border-radius:0.75rem;
  box-shadow:var(--waki-shadow-lg);
  text-align:center;
  border-top:0.25rem solid var(--waki-color-primary);
}

.waki-artist-success-icon{
  font-size:3rem;
  line-height:1;
  color:var(--waki-color-primary);
}

.waki-artist-success h2{
  font-size:var(--waki-size-2xl);
  margin:1rem 0;
  font-weight:var(--waki-weight-semibold);
  line-height:var(--waki-leading-snug);
}

.waki-artist-success p{
  margin:0.5rem 0;
}

.waki-artist-success-next{
  color:#555;
  font-size:var(--waki-size-sm);
  line-height:var(--waki-leading-snug);
}