/* Music Studio order page: visual-only refresh, no form logic changes */
body:has(.ordercols){background:radial-gradient(ellipse 75% 35% at 18% 10%,rgba(88,66,226,.16),transparent 75%),radial-gradient(ellipse 65% 40% at 92% 38%,rgba(223,37,123,.12),transparent 75%),#0e1425;color:#f5f5ff}
body:has(.ordercols) .submain{max-width:1160px}
body:has(.ordercols) .ordercols{display:block;max-width:1000px;margin:auto}
body:has(.ordercols) .orderpitch{display:block;text-align:center;max-width:820px;margin:8px auto 32px;padding:20px 12px}
body:has(.ordercols) .orderpitch h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.12}
body:has(.ordercols) .orderpitch h1 em{font-style:normal;background:linear-gradient(90deg,#a58bff,#ff5a9c,#ffae35);color:transparent;background-clip:text}
body:has(.ordercols) .form-card{width:100%;max-width:none;box-sizing:border-box;background:rgba(20,28,47,.94);border:1px solid #38435d;border-radius:25px;padding:clamp(18px,4vw,46px);box-shadow:0 25px 70px #05081466}
body:has(.ordercols) .form-head h2{font-size:clamp(1.65rem,3vw,2.25rem);background:linear-gradient(90deg,#a58bff,#18bbff,#ffae35);color:transparent;background-clip:text}
body:has(.ordercols) .fields{gap:20px}
body:has(.ordercols) .field label{font-size:1rem;color:#f0efff;margin-bottom:9px}
body:has(.ordercols) .field input,body:has(.ordercols) .field select,body:has(.ordercols) .field textarea{background:#26344b!important;color:#fff!important;border:1px solid #465470!important;border-radius:12px!important;padding:15px 16px!important;min-height:53px;box-sizing:border-box;width:100%;font-size:1rem}
body:has(.ordercols) .field textarea{min-height:150px;resize:vertical}
body:has(.ordercols) .field input::placeholder,body:has(.ordercols) .field textarea::placeholder{color:#aab6cc}
body:has(.ordercols) .field input:focus,body:has(.ordercols) .field select:focus,body:has(.ordercols) .field textarea:focus{outline:2px solid #a68cff;outline-offset:2px}
body:has(.ordercols) .lyrics-ai{background:#19243a;border:1px solid #445274;border-radius:20px;padding:clamp(16px,3vw,30px);margin-top:28px}
body:has(.ordercols) .lyrics-ai h3{font-size:1.55rem;color:#ff79b0}
body:has(.ordercols) .lyrics-actions button,body:has(.ordercols) #manual-lyrics-save{border-radius:11px;padding:14px 18px;background:#344662;color:white;border:1px solid #657394}
body:has(.ordercols) .lyrics-ai textarea{background:#26344b;color:#fff;border:1px solid #52617e;border-radius:12px;padding:14px}
body:has(.ordercols) .btn-gold.submit{display:block;width:100%;box-sizing:border-box;text-align:center;background:linear-gradient(100deg,#df267c,#a54dea,#ffad23);border:0;color:white;border-radius:13px;padding:19px 18px;font-weight:750;font-size:1.13rem;box-shadow:0 10px 28px #e02b6e33}
body:has(.ordercols) .result{background:#1b2941;border:1px solid #586581;border-radius:18px}
@media(max-width:680px){body:has(.ordercols) .orderpitch{padding:8px 0 15px}body:has(.ordercols) .form-card{padding:18px 14px}body:has(.ordercols) .fields{display:grid;grid-template-columns:1fr}body:has(.ordercols) .field{grid-column:1/-1}}
/* Fix: legacy sticky sidebar must become a normal header above the form */
body:has(.ordercols) .orderpitch{position:static!important;top:auto!important;float:none!important;transform:none!important;display:flex!important;flex-direction:column;align-items:center;gap:12px;clear:both;isolation:isolate;max-width:900px;margin:22px auto 48px!important;padding:28px 18px 12px!important;min-height:0;height:auto;overflow:visible}
body:has(.ordercols) .orderpitch .eyebrow{font-size:.83rem;letter-spacing:.17em;margin:0;color:#f5c37a}
body:has(.ordercols) .orderpitch h1{font-size:clamp(2rem,4vw,3.05rem)!important;line-height:1.22!important;margin:0!important;max-width:900px;overflow-wrap:break-word}
body:has(.ordercols) .orderpitch .leadtext{font-size:clamp(.94rem,1.5vw,1.08rem)!important;line-height:1.65;max-width:780px;margin:0!important}
body:has(.ordercols) .orderpitch .orderprice{font-size:2rem!important;margin:4px 0!important;line-height:1.35}
body:has(.ordercols) .orderpitch .orderprice small{font-size:.87rem;display:inline-block;vertical-align:middle}
body:has(.ordercols) .orderpitch .btn{margin:6px 0 0}
body:has(.ordercols) .ordercols>.form-card{position:relative;clear:both;z-index:1;margin:0 auto 32px!important}
@media(max-width:680px){body:has(.ordercols) .orderpitch{margin:8px auto 28px!important;padding:12px 8px!important;gap:10px}body:has(.ordercols) .orderpitch h1{font-size:2rem!important}body:has(.ordercols) .orderpitch .orderprice small{display:block}}