/* Storyverse v36.83 — modern Yukio character editor */
.v3683-yukio-character-editor-back{
  background:rgba(18,18,23,.34)!important;
  backdrop-filter:blur(13px)!important;
  -webkit-backdrop-filter:blur(13px)!important;
}
.v3683-yukio-character-editor{
  width:min(1120px,calc(100vw - 64px))!important;
  height:min(840px,calc(100vh - 70px))!important;
  grid-template-rows:64px minmax(0,1fr) 68px!important;
  border-radius:24px!important;
}
.v3683-yukio-character-editor .drawer-head{
  min-height:64px!important;
  padding:0 22px!important;
}
.v3683-yukio-character-editor .drawer-head h2{
  font-size:20px!important;
}
.v3683-yukio-character-editor .drawer-body{
  grid-template-columns:270px minmax(0,1fr)!important;
}
.v3683-yukio-character-editor .v3683-character-preview{
  background:linear-gradient(180deg,#f7f7f9,#f2f2f5)!important;
}
.v3683-yukio-character-editor .v3654-profile-preview-banner{
  height:154px!important;
  flex-basis:154px!important;
}
.v3683-yukio-character-editor .v3654-profile-preview-avatar{
  width:92px!important;
  height:92px!important;
  margin:-44px 0 0 20px!important;
}
.v3683-yukio-character-editor .v3654-profile-preview-copy{
  padding:12px 20px 16px!important;
}
.v3683-yukio-character-editor .v3654-profile-preview-copy>span{
  font-size:9px!important;
}
.v3683-yukio-character-editor .v3654-profile-preview-copy>strong{
  font-size:24px!important;
}
.v3683-yukio-character-editor .v3654-profile-preview-copy>small{
  font-size:10px!important;
}
.v3683-yukio-character-editor .v3654-profile-preview-copy>p{
  font-size:10px!important;
  line-height:1.5!important;
}
.v3683-yukio-character-editor .v3654-profile-editor-hint{
  padding:13px 14px!important;
}
.v3683-yukio-character-editor .v3654-profile-editor-hint b{
  font-size:10px!important;
}
.v3683-yukio-character-editor .v3654-profile-editor-hint span{
  font-size:9px!important;
}
.v3683-yukio-character-editor #character-form{
  padding:22px 24px 34px!important;
}
.v3683-yukio-character-editor .form-section{
  margin-bottom:16px!important;
  padding:17px!important;
  border-radius:17px!important;
}
.v3683-yukio-character-editor .form-section>h3{
  margin-bottom:14px!important;
  font-size:10px!important;
}
.v3683-yukio-character-editor .field label,
.v3683-yukio-character-editor .field>span,
.v3683-yukio-character-editor .v3616-relations>label{
  margin-bottom:7px!important;
  font-size:10px!important;
}
.v3683-yukio-character-editor input,
.v3683-yukio-character-editor select,
.v3683-yukio-character-editor textarea{
  font-size:13px!important;
}
.v3683-yukio-character-editor input,
.v3683-yukio-character-editor select{
  min-height:44px!important;
  padding:0 12px!important;
}
.v3683-yukio-character-editor textarea{
  min-height:96px!important;
  padding:11px 12px!important;
}
.v3683-yukio-character-editor input[type="file"]{
  min-height:46px!important;
  font-size:11px!important;
}
.v3683-yukio-character-editor input[type="file"]::file-selector-button{
  font-size:10px!important;
  padding:8px 11px!important;
}
.v3683-yukio-character-editor .hint,
.v3683-yukio-character-editor .custom-visibility-help{
  font-size:9px!important;
}
.v3683-yukio-character-editor .feature-access-note strong,
.v3683-yukio-character-editor .feature-access-divider strong{
  font-size:11px!important;
}
.v3683-yukio-character-editor .feature-access-note p,
.v3683-yukio-character-editor .feature-access-divider small,
.v3683-yukio-character-editor .feature-access-toggle small{
  font-size:9px!important;
  line-height:1.4!important;
}
.v3683-yukio-character-editor .feature-access-toggle strong{
  font-size:10px!important;
}
.v3683-yukio-character-editor .drawer-footer{
  min-height:68px!important;
  padding:11px 22px!important;
}
.v3683-yukio-character-editor .drawer-footer .btn{
  min-height:42px!important;
  padding:0 18px!important;
  font-size:11px!important;
}
.v3683-yukio-character-editor .v3616-rel-add{
  gap:8px!important;
}
.v3683-yukio-character-editor .v3616-relation-row{
  padding:9px!important;
}
.v3683-yukio-character-editor .v3616-relation-row strong{
  font-size:11px!important;
}
.v3683-yukio-character-editor .v3616-relation-row small{
  font-size:9px!important;
}
.v3683-yukio-character-editor .v3683-hidden{
  display:none!important;
}

/* Baby: calm, short form. */
.v3683-yukio-character-editor.v3683-baby-mode #character-form{
  max-width:760px;
}
.v3683-yukio-character-editor.v3683-baby-mode .character-access-section{
  background:#faf9fc!important;
}

/* Child: keep story/school fields, not adult social identity. */
.v3683-yukio-character-editor.v3683-child-mode .form-section{
  background:#fff!important;
}

@media(max-width:760px){
  .v3683-yukio-character-editor{
    width:100%!important;
    height:100dvh!important;
    border-radius:0!important;
    grid-template-rows:calc(58px + env(safe-area-inset-top)) minmax(0,1fr) calc(68px + env(safe-area-inset-bottom))!important;
  }
  .v3683-yukio-character-editor .drawer-head{
    min-height:calc(58px + env(safe-area-inset-top))!important;
    padding:env(safe-area-inset-top) 14px 0!important;
  }
  .v3683-yukio-character-editor .drawer-head h2{
    font-size:18px!important;
  }
  .v3683-yukio-character-editor .drawer-body{
    display:block!important;
    overflow:auto!important;
  }
  .v3683-yukio-character-editor .v3683-character-preview{
    min-height:190px!important;
  }
  .v3683-yukio-character-editor #character-form{
    padding:12px 10px 28px!important;
  }
  .v3683-yukio-character-editor .form-section{
    padding:14px!important;
  }
  .v3683-yukio-character-editor input,
  .v3683-yukio-character-editor select,
  .v3683-yukio-character-editor textarea{
    font-size:16px!important;
  }
}