/* Museum registration atelier — real-time sculpture preview; no stored data. */
body[data-app="museum"] .form-panel{
 position:relative;overflow:hidden;
 background:linear-gradient(152deg,#fffefa 0%,#fffcf5 68%,#f5f0e4 100%);
 border:1px solid #d5c9b4;
 box-shadow:0 12px 26px #4c583b16,inset 0 1px #fff;
}
body[data-app="museum"] .form-panel::before{
 content:"";position:absolute;left:24px;right:24px;top:0;height:2px;pointer-events:none;
 background:linear-gradient(90deg,transparent,#d5bd86 35%,#f7eacb 50%,#d5bd86 65%,transparent);
}
body[data-app="museum"] .form-intro{
 display:flex;align-items:center;justify-content:space-between;
 gap:13px;min-height:106px;margin-bottom:17px;
}
body[data-app="museum"] .form-intro-copy{min-width:0;flex:1}
body[data-app="museum"] .form-overline{
 font-size:9px;font-weight:800;color:#90744d;letter-spacing:1.6px;
 margin:0 0 9px;line-height:1.5;
}
body[data-app="museum"] .form-intro h2{
 font-family:Georgia,"Nanum Myeongjo",serif;
 font-size:22px;line-height:1.4;color:#214438;font-weight:650;
 letter-spacing:-.55px;
}
body[data-app="museum"] .form-intro .sub{
 margin:7px 0 0;line-height:1.65;font-size:12px;color:#637368;
}
body[data-app="museum"] .form-art-preview{
 flex:0 0 108px;min-width:0;height:112px;position:relative;
 display:flex;align-items:center;justify-content:flex-end;flex-direction:column;
 border:1px solid #d4bea0;border-radius:52px 52px 11px 11px;
 background:radial-gradient(ellipse at 50% 17%,#fffef8 0%,#f3eee3 51%,#dfe4d6 100%);
 box-shadow:inset 0 3px 13px #a28c6825,inset 0 -6px 13px #877d6530,0 4px 10px #67745c1b;
 overflow:hidden;
}
body[data-app="museum"] .form-art-preview::before{
 content:"";position:absolute;left:15px;right:15px;top:12px;height:66px;
 background:linear-gradient(90deg,transparent,#fffef8bc,transparent);
 clip-path:polygon(37% 0,63% 0,100% 100%,0 100%);pointer-events:none;
}
body[data-app="museum"] .form-art-stage{
 position:relative;width:88px;height:77px;display:grid;place-items:center;z-index:1;
 filter:drop-shadow(0 6px 3px #3e493849);
}
body[data-app="museum"] .form-art-stage svg{
 width:100%;height:100%;max-width:100%;max-height:100%;
}
body[data-app="museum"] .form-art-caption{
 display:block;position:relative;z-index:2;
 width:100%;min-height:25px;line-height:1.3;padding:5px 3px 6px;text-align:center;
 border-top:1px solid #e1d0b2;background:#fffcf2e8;
 font-size:10px;font-weight:700;color:#625a44;white-space:nowrap;
}
body[data-app="museum"] #entry-form .field>span{
 font-size:12px;color:#385449;font-weight:750;
}
body[data-app="museum"] #entry-form .field input,
body[data-app="museum"] #entry-form .field select{
 min-height:47px;background:#f8f5ec;
 border:1px solid #d7d1c4;border-radius:12px;
 box-shadow:inset 0 1px 3px #40534808;
 transition:background-color .15s,border-color .15s,box-shadow .15s;
}
body[data-app="museum"] #entry-form .field input:focus,
body[data-app="museum"] #entry-form .field select:focus{
 border-color:#3c745c;background:#fffef9;outline:2px solid #598c714a;
 outline-offset:1px;box-shadow:0 0 0 4px #d0e1cd5e;
}
body[data-app="museum"] #entry-form .check{
 align-items:flex-start;line-height:1.5;color:#476152;
 margin:5px 0 15px;
}
body[data-app="museum"] #entry-form .check input{
 flex:0 0 18px;width:18px;height:18px;margin:1px 1px 0 0;
}
body[data-app="museum"] #entry-form .primary.wide{
 background:linear-gradient(120deg,#215343 0%,#32745a 58%,#3c8060 100%);
 border:1px solid #2a5846;min-height:52px;border-radius:13px;
 box-shadow:0 8px 17px #28574135,inset 0 1px #a1c4aa69;
 font-size:15px;letter-spacing:-.25px;font-weight:750;
 transition:transform .15s,box-shadow .15s,filter .15s;
}
body[data-app="museum"] #entry-form .primary.wide:hover{
 filter:brightness(1.06);box-shadow:0 11px 22px #28574145;transform:translateY(-1px);
}
body[data-app="museum"] #entry-form .primary.wide:active{transform:translateY(0)}
body[data-app="museum"] #entry-form .primary.wide svg{width:19px;height:19px}
@media(max-width:640px){
 body[data-app="museum"] .form-intro{min-height:105px;gap:9px;margin-bottom:17px}
 body[data-app="museum"] .form-overline{letter-spacing:1px;font-size:8px}
 body[data-app="museum"] .form-intro h2{font-size:19px;line-height:1.43}
 body[data-app="museum"] .form-intro .sub{font-size:11px}
 body[data-app="museum"] .form-art-preview{flex-basis:94px;height:104px;border-radius:48px 48px 10px 10px}
 body[data-app="museum"] .form-art-stage{width:80px;height:70px}
 body[data-app="museum"] .form-art-caption{font-size:9px;min-height:23px}
}
@media(prefers-reduced-motion:reduce){
 body[data-app="museum"] #entry-form .primary.wide,
 body[data-app="museum"] #entry-form .field input,
 body[data-app="museum"] #entry-form .field select{transition:none}
 body[data-app="museum"] #entry-form .primary.wide:hover{transform:none}
}

/* Respect the existing alternate museum palette instead of overriding user choice. */
body[data-theme="alternate"][data-app="museum"] .form-panel{
 background:linear-gradient(152deg,#fdfefb,#f1f7ee 75%,#e8f0e5);
 border-color:#cbd9c8;
}
body[data-theme="alternate"][data-app="museum"] .form-art-preview{
 background:radial-gradient(ellipse at 50% 17%,#fffffa,#ecf5ea 54%,#d0e2d7);
 border-color:#b7cdb8;
}
body[data-theme="alternate"][data-app="museum"] #entry-form .field input,
body[data-theme="alternate"][data-app="museum"] #entry-form .field select{background:#f3f8f0;border-color:#cedcc9}
body[data-theme="alternate"][data-app="museum"] #entry-form .primary.wide{
 background:linear-gradient(110deg,#365f50,#4f8669 72%,#608f6d);
}

/* Explain local-only category suggestions without stealing space from the form. */
body[data-app="museum"] #entry-form .museum-group-hint{
 display:block;margin-top:7px;min-height:29px;line-height:1.45;
 color:#536e5d;font-size:10.5px;font-weight:650;letter-spacing:-.16px;
 overflow-wrap:anywhere;text-wrap:pretty;
}
body[data-app="museum"] #entry-form .museum-group-hint[data-source="suggested"]{
 color:#2b7153;
}
body[data-app="museum"] #entry-form .museum-group-hint[data-source="manual"]{
 color:#825e3b;
}
body[data-app="museum"] #entry-form .field-row .field{min-width:0}
@media(max-width:640px){
 body[data-app="museum"] #entry-form .museum-group-hint{
  min-height:30px;font-size:10px;line-height:1.45;
 }
}