:root{--bg:#0b0e20;--panel:#161b32;--panel2:#1b213a;--text:#f6f4ff;--muted:#a9b0cb;--border:#343955;--pink:#ed9bd7;--purple:#aa95ff;--blue:#79bdff;--green:#a4e6c0;--radius:24px;--shadow:0 25px 75px rgba(0,0,0,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:radial-gradient(ellipse 65% 30% at 80% 5%,rgba(93,66,166,.20),transparent),radial-gradient(ellipse 50% 30% at 0% 30%,rgba(39,65,130,.13),transparent),var(--bg)}.top-glow{position:absolute;width:100%;height:1px;background:linear-gradient(90deg,transparent,#c895fe,transparent);opacity:.4;pointer-events:none}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.5rem,5vw,5.5rem);line-height:1.08;letter-spacing:-.055em}h2{font-size:clamp(1.7rem,3vw,2.45rem);line-height:1.16;letter-spacing:-.035em}h3{font-size:1.1rem;letter-spacing:-.012em}p{color:var(--muted)}small{color:var(--muted);font-size:.79rem}strong,b{font-weight:700}.container{width:min(1180px,calc(100% - 48px));margin-left:auto;margin-right:auto}.narrow{max-width:610px}.nav{height:92px;max-width:1290px;padding:0 28px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:15px;position:relative;z-index:5}.nav nav{display:flex;align-items:center;gap:32px}.nav nav a{font-size:.89rem;font-weight:600;color:#dadcf1;transition:color .15s}.nav nav a:hover{color:#fff}.nav .nav-admin{color:var(--muted)}.brand{font-size:1.38rem;font-weight:800;letter-spacing:-.05em;display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.brand em{font-style:normal;color:var(--pink)}.brand-icon{font-size:1.15rem;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#d17fcb,#716bed);box-shadow:0 10px 24px rgba(174,118,234,.25)}.eyebrow{font-size:.69rem;letter-spacing:.20em;font-weight:800;color:#c1a9ff;text-transform:uppercase;margin-bottom:18px;display:block}.dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#e3a2e2;box-shadow:0 0 15px #d99de7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:12px 22px;border-radius:13px;border:1px solid transparent;font-size:.89rem;font-weight:700;transition:transform .18s,background .18s,box-shadow .18s;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn-primary{background:linear-gradient(110deg,#e6a0d6,#a999ff);color:#16142b;box-shadow:0 14px 35px rgba(160,111,231,.18)}.btn-outline{background:#ffffff07;border-color:#5b5d79;color:#faf7ff}.btn-soft{background:#2a2c49;color:#e6dffe}.btn-light{background:#fff;color:#1c1d39}.actions{display:flex;gap:12px;align-items:center}.actions.wrap{flex-wrap:wrap}.gradient-text{background:linear-gradient(100deg,#f5aade,#c6a8ff 65%,#91c9ff);color:transparent;background-clip:text;-webkit-background-clip:text}.hero{padding:90px 0 120px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:55px}.hero-copy{max-width:600px}.hero-copy h1{font-size:clamp(3.6rem,6.6vw,6.5rem);margin-bottom:28px}.hero-copy>p{font-size:1.12rem;max-width:500px;line-height:1.8;margin-bottom:34px}.hero-foot{color:#8f9bbc;font-size:.8rem;margin-top:28px}.hero-art{position:relative;max-width:425px;width:100%;margin:auto}.record-card{background:linear-gradient(140deg,#2f2c56,#15192f);padding:14px;border:1px solid #505173;border-radius:26px;transform:rotate(3deg);box-shadow:0 42px 100px rgba(0,0,0,.52)}.cover-art{height:380px;position:relative;overflow:hidden;border-radius:17px;background:radial-gradient(circle at 20% 25%,#e99dc880,transparent 30%),radial-gradient(circle at 85% 70%,#789aef66,transparent 45%),linear-gradient(135deg,#6f4c8c,#342960 57%,#192b4b)}.cover-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(17deg,transparent 0 20px,#ffffff06 20px 21px)}.orbit{position:absolute;border:1px solid #ffffff42;border-radius:50%;transform:rotate(-18deg);width:440px;height:440px;right:-160px;top:-160px}.orbit-two{width:340px;height:340px;right:-90px;top:-100px}.cover-note{position:absolute;top:27px;left:28px;font-size:2.5rem;color:#fff8}.cover-title{position:absolute;left:30px;bottom:55px;font-size:3.3rem;font-weight:800;line-height:1.03;letter-spacing:-.06em}.cover-title span{color:#ffbadf}.cover-caption{position:absolute;bottom:20px;left:32px;color:#ffffffe0;font-size:.72rem}.art-bottom{height:82px;display:flex;align-items:center;gap:14px;padding:13px 13px 0}.art-bottom strong,.art-bottom small{display:block}.art-bottom strong{font-size:.85rem}.art-bottom small{font-size:.7rem}.play-round{width:39px;height:39px;background:#efb6e0;border-radius:50%;color:#231438;display:grid;place-items:center;font-size:12px}.bars{margin-left:auto;display:flex;height:24px;gap:3px;align-items:end}.bars i{width:4px;border-radius:4px;background:#b0a0ff;height:45%;animation:bar 1.3s infinite alternate}.bars i:nth-child(2){height:85%;animation-delay:.3s}.bars i:nth-child(3){height:60%;animation-delay:.5s}.bars i:nth-child(4){height:100%;animation-delay:.2s}.bars i:nth-child(5){height:40%;animation-delay:.7s}@keyframes bar{to{height:22%}}.floating-tag{position:absolute;background:#20233d;border:1px solid #484665;box-shadow:var(--shadow);border-radius:15px;left:-40px;bottom:88px;padding:16px 18px;color:#edc1df;font-size:.79rem;font-weight:700;transform:rotate(-5deg)}.section{padding:65px 0 110px}.section-title{text-align:center;margin-bottom:44px}.section-title h2{margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature{background:linear-gradient(150deg,#1c2139,#14182d);padding:35px;border:1px solid #343957;border-radius:22px;position:relative;min-height:260px}.feature-num{position:absolute;right:25px;top:25px;color:#ffffff30;font-weight:800;font-size:1.7rem}.feature-icon{display:grid;place-items:center;background:linear-gradient(130deg,#3d3a66,#323050);border-radius:16px;width:54px;height:54px;color:#dfb2fd;font-size:1.7rem;margin-bottom:28px}.feature p{font-size:.92rem;line-height:1.75;margin:0}.cta-banner{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:53px 60px;margin-bottom:80px;border-radius:27px;background:linear-gradient(105deg,#4d3a79,#79508b 55%,#424f8c);border:1px solid #887db8}.cta-banner h2{margin-bottom:9px}.cta-banner p{margin-bottom:0;color:#e3d7f3}.footer{max-width:1290px;margin:0 auto;border-top:1px solid #292d43;padding:42px 28px 50px;display:flex;justify-content:space-between;gap:26px;align-items:end;color:#8c95b6}.footer p{font-size:.78rem;margin:8px 0 0}.footer>div:last-child{display:flex;flex-direction:column;align-items:end;font-size:.8rem;gap:7px}.footer-brand{font-size:1.1rem}.panel{background:linear-gradient(150deg,rgba(28,34,58,.98),rgba(18,23,43,.98));border:1px solid #363b59;border-radius:var(--radius);padding:30px;box-shadow:0 10px 36px rgba(0,0,0,.13)}.panel h2{font-size:1.55rem}.panel h3{margin-bottom:18px}.notice{padding:14px 18px;background:#1e3a42;border:1px solid #3c716b;border-radius:12px;color:#c8f0e7;font-size:.9rem;margin:20px 0}.notice.bad{background:#462634;border-color:#9c5769;color:#ffe1ea}.notice.ok{background:#1c3b3a}.install,.login-panel{margin:60px 0 130px}.install h1,.login-panel h1{font-size:2.8rem}.install form,.login-panel form{margin-top:25px}label{display:block;font-weight:650;font-size:.91rem;margin-top:20px}label>small{display:block;margin-top:7px;font-weight:400}input[type=text],input[type=email],input[type=tel],input[type=password],input[type=date],input:not([type]),textarea,select{width:100%;display:block;outline:none;border:1px solid #4a4e6d;border-radius:12px;background:#121629;padding:14px 15px;color:#fff;margin-top:8px;transition:border-color .2s,box-shadow .2s}textarea{resize:vertical;min-height:100px}input:focus,textarea:focus,select:focus{border-color:#b297fa;box-shadow:0 0 0 3px #a999ff24}input::placeholder,textarea::placeholder{color:#747c9e}.required{color:#f1a3d3}.optional{font-size:.74rem;font-weight:500;color:var(--muted);margin-left:5px}.create-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:65px;padding:60px 0 100px;align-items:start}.create-intro{position:sticky;top:30px}.create-intro h1{font-size:3.3rem}.create-intro>p{font-size:.96rem;line-height:1.8}.wizard-progress{margin-top:48px;color:#b7bad5;font-size:.85rem}.wizard-progress #step-label{float:right;color:#e2c0ea;font-weight:700}.progress-track{height:7px;border-radius:99px;background:#252b49;margin-top:15px;overflow:hidden}.progress-track i{display:block;width:12.5%;height:100%;border-radius:99px;background:linear-gradient(90deg,#dba1dd,#9b8af5);transition:width .3s}.little-tip{margin-top:30px;display:flex;gap:14px;padding:18px;background:#28244270;border:1px solid #52416c;border-radius:15px}.little-tip>span{font-size:1.5rem;color:#ebace3}.little-tip strong{font-size:.85rem}.little-tip p{font-size:.77rem;line-height:1.6;margin:5px 0 0}.wizard{padding:40px}.wizard-step{display:none}.wizard-step.active{display:block;animation:fadeIn .25s ease}.wizard-step h2{margin-bottom:12px}.wizard-step>p{font-size:.93rem;line-height:1.7;margin-bottom:27px}.wizard-step>label:first-of-type{margin-top:22px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.choice-grid.four{grid-template-columns:repeat(4,1fr)}.choice-grid.two{grid-template-columns:repeat(2,1fr)}.choice{margin:0;display:block;min-width:0;cursor:pointer}.choice input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.choice span{display:flex;align-items:center;justify-content:center;text-align:center;padding:11px 8px;min-height:56px;font-size:.82rem;font-weight:600;border:1px solid #464863;background:#222741;border-radius:11px;color:#d9d9ec;transition:.15s}.choice:hover span{background:#302b50;border-color:#8f80c7}.choice input:checked+span{border-color:#e1b0ea;color:#fff;background:linear-gradient(120deg,#6d3f74,#514e96);box-shadow:inset 0 0 0 1px #ba93d6}.choice input:focus-visible+span{outline:2px solid #e4b9fa;outline-offset:3px}.wizard-step .choice-grid+label,.wizard-step .choice-grid+div+label{margin-top:25px}.conditional-field[hidden],[hidden]{display:none!important}.wizard-actions{border-top:1px solid #383c57;margin-top:34px;padding-top:24px;display:flex;justify-content:space-between;gap:15px}.wizard-actions .btn-primary{margin-left:auto}.honeypot{position:absolute;left:-9000px;top:-9000px}.addon{border:1px solid #494965;border-radius:14px;background:#222741;margin:13px 0;padding:15px}.addon.selected{background:#1d3838;border-color:#3c6960}.addon label{display:flex;gap:15px;align-items:center;margin:0;cursor:pointer}.addon input{width:19px;height:19px;accent-color:#c99cfa;flex-shrink:0}.addon label span{flex:1}.addon strong,.addon small{display:block}.addon small{margin-top:4px;font-weight:400;line-height:1.6}.addon b{color:#f6c5ed;white-space:nowrap}.review-card{background:#131729;border:1px solid #3d405b;padding:23px;margin-top:28px;border-radius:15px}.review-card h3{margin-bottom:18px}.review-card p{margin:0 0 8px;font-size:.85rem}.review-total{border-top:1px solid #45445e;margin-top:18px;padding-top:15px;display:flex;justify-content:space-between;align-items:center;font-weight:700}.review-total strong{font-size:1.7rem;color:#efb3e1}.consent{display:flex;gap:11px;align-items:flex-start;font-size:.79rem;color:#bbbdd5;font-weight:400;line-height:1.6}.consent input{margin-top:4px;accent-color:#bda0fb}.helper{font-size:.8rem;line-height:1.6;color:#98a4bd}.demo-preview{white-space:pre-line;background:#292743;border-radius:13px;padding:17px;margin-top:15px;color:#ecd7f7}.song-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:32px;padding:70px 0 100px}.song-left h1{font-size:clamp(2.5rem,4vw,4.5rem);margin-bottom:13px}.song-left>p{margin-bottom:22px}.status-line{display:flex;gap:14px;align-items:center;font-size:.79rem;color:#96a0be;margin-bottom:25px}.status{display:inline-block;font-size:.72rem;letter-spacing:.02em;text-transform:uppercase;font-weight:800;border-radius:99px;background:#49416e;color:#e3cbff;padding:6px 12px}.status.ready,.status.delivered{background:#2b5e59;color:#a5f6d9}.status.cancelled{background:#513445;color:#f6b8cb}.song-cover{height:420px;border:1px solid #755f8e;border-radius:22px;background:radial-gradient(circle at 25% 25%,#c58cc282,transparent 25%),radial-gradient(circle at 78% 85%,#609be45c,transparent 45%),linear-gradient(140deg,#7f578e,#41356f 60%,#1a2a4d);position:relative;overflow:hidden;box-shadow:var(--shadow)}.song-cover .cover-note{font-size:5rem;top:35%;left:44%;color:#ffffffbe}.song-cover-caption{position:absolute;bottom:25px;left:25px;font-weight:750;letter-spacing:.15em;font-size:.65rem}.playback{margin-top:22px}.playback audio{width:100%;height:48px;margin-bottom:10px}.pending-player{display:flex;align-items:center;gap:16px;color:#bdabf1;padding:10px 0}.pending-player>p{font-size:.81rem;margin:0}.player-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.guide-slider{font-size:.85rem;display:flex;align-items:center;gap:12px}.guide-slider input{flex:1;accent-color:#d9a5f5}.lyrics-panel{min-height:560px}.lyrics-panel .panel-top{border-bottom:1px solid #343951;padding-bottom:18px;margin-bottom:25px}.lyric-text{font:500 1.03rem/2.0 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;color:#e4dcea;max-height:900px;overflow:auto}.order-detail{margin-top:20px}.order-detail dl,.details{margin:0}.order-detail dl>div,.details>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #313650;padding:13px 0}.order-detail dt,.details dt{font-size:.82rem;color:#9da7c7;flex-shrink:0}.order-detail dd,.details dd{margin:0;font-size:.86rem;text-align:right;overflow-wrap:anywhere}.order-detail .btn{margin-top:20px}.order-detail .notice{font-size:.78rem}.karaoke-kicker{text-align:center;letter-spacing:.3em;color:#cea2f8;font-size:.7rem;font-weight:800}.karaoke-line{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800;letter-spacing:-.025em;text-align:center;line-height:1.55;min-height:140px;display:grid;place-items:center;color:#d5daed}.karaoke-line span{background:linear-gradient(to right,#f5c34f 0%,#f5c34f var(--progress,0%),#dad4f6 var(--progress,0%),#dad4f6 100%);color:transparent;background-clip:text;-webkit-background-clip:text}.karaoke-next{min-height:50px;text-align:center;color:#8d95b4;font-size:.86rem}.admin-page{padding:48px 0 105px}.admin-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:32px}.admin-heading h1{font-size:3rem;margin-bottom:9px}.admin-heading p{margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.stat{border-radius:18px;padding:22px;background:#212640;border:1px solid #3c4160}.stat span{font-size:.77rem;color:#a5afd0}.stat strong{font-size:2rem;display:block;line-height:1.4}.panel-top{display:flex;justify-content:space-between;align-items:center}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:690px}td,th{text-align:left;padding:15px 10px;border-bottom:1px solid #323652;font-size:.82rem}th{font-size:.69rem;text-transform:uppercase;letter-spacing:.10em;color:#acb5d2}td strong,td small{display:block}.text-link{color:#e9b9f4;font-weight:750;white-space:nowrap}.empty{text-align:center;padding:25px}.logout-form{margin-top:25px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.settings-grid .panel{min-width:0}.settings-grid h2{margin-bottom:20px}.settings-grid p{line-height:1.7}.mini-check{font-weight:500;display:flex;align-items:flex-start;gap:10px;font-size:.82rem;color:#c2c3dd}.mini-check input{margin-top:4px;accent-color:#c8a4ee}.code-line{display:block;background:#11172b;padding:14px;border-radius:9px;font-size:.8rem;overflow-wrap:anywhere;color:#f3c8e5}.space-top{margin-top:24px}.stack{display:flex;flex-direction:column;gap:24px}.details>div{display:block}.details dt{margin-bottom:5px}.details dd{text-align:left}.upload-form{border-top:1px solid #353955;padding:13px 0}.upload-form input[type=file]{margin-top:8px;max-width:100%;color:#b1b5d3;font-size:.8rem}.upload-form .btn{margin-top:10px}.job{padding:12px 0;border-top:1px solid #343954;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;font-size:.82rem}.job small{width:100%;word-break:break-word}.cue-row{display:grid;grid-template-columns:80px 80px minmax(0,1fr) 35px;gap:7px;align-items:end;margin:8px 0}.cue-row label{font-size:.7rem;margin:0}.cue-row input{padding:10px 8px;font-size:.81rem}.cue-row button{height:44px;background:#54354e;border:0;color:#f4c8e9;border-radius:8px}.cue-row .cue-text{min-width:0}.code-line,code{font-family:ui-monospace,Menlo,Consolas,monospace}.footer a:hover{text-decoration:underline}hr{border:0;border-top:1px solid #393e58;margin:25px 0}.install .btn{margin-top:25px}
@keyframes fadeIn{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.hero{gap:25px;padding:65px 0 110px}.hero-copy h1{font-size:4.7rem}.create-layout{grid-template-columns:260px 1fr;gap:25px}.choice-grid{grid-template-columns:repeat(2,1fr)}.choice-grid.four{grid-template-columns:repeat(2,1fr)}.song-layout{gap:20px}.nav nav{gap:18px}}
@media(max-width:760px){.container{width:calc(100% - 32px)}.nav{height:75px;padding:0 17px}.nav nav{gap:14px}.nav nav a{font-size:.75rem}.nav nav a:first-child{display:none}.brand{font-size:1.1rem;gap:8px}.brand-icon{width:36px;height:36px}.hero{display:flex;flex-direction:column;padding:54px 0 90px;gap:60px}.hero-copy h1{font-size:clamp(3.55rem,11vw,5rem)}.hero-copy>p{font-size:1rem}.hero-art{max-width:330px}.cover-art{height:310px}.cover-title{font-size:2.8rem}.floating-tag{left:-13px;bottom:45px}.feature-grid{grid-template-columns:1fr}.feature{min-height:auto}.cta-banner{padding:28px;display:block}.cta-banner .btn{margin-top:22px}.footer{display:block;padding:32px 18px}.footer>div:last-child{align-items:start;margin-top:20px}.create-layout{grid-template-columns:1fr;gap:25px;padding:24px 0 80px}.create-intro{position:static}.create-intro h1{font-size:2.9rem}.create-intro>p{font-size:.9rem}.wizard-progress{margin-top:18px}.little-tip{display:none}.wizard{padding:24px 18px}.choice-grid{gap:8px}.choice span{font-size:.78rem;min-height:48px}.choice-grid.three{grid-template-columns:repeat(3,1fr)}.song-layout{grid-template-columns:1fr;padding-top:36px}.song-cover{height:320px}.lyrics-panel{min-height:360px}.admin-heading{display:block}.admin-heading .btn{margin-top:14px}.stats{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.panel{padding:22px}.footer-brand{font-size:1.05rem}}
@media(max-width:410px){.nav nav a:nth-child(2){display:none}.choice-grid.four{grid-template-columns:repeat(2,1fr)}.addon label{flex-wrap:wrap}.addon b{margin-left:34px}.cue-row{grid-template-columns:64px 64px minmax(0,1fr) 27px;gap:4px}.cue-row input{padding:9px 4px}.wizard-actions .btn{padding:12px 15px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

.diagnostics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 25px}.diagnostics>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #353854;padding:13px 0;font-size:.86rem}.diag-good{color:#a5eccd}.diag-bad{color:#ffb1c9}@media(max-width:760px){.diagnostics{grid-template-columns:1fr}}

/* Songs To You v1.0.3 - Accessible mobile order manager. */
.admin-orders-panel{min-width:0}
.admin-orders-table{min-width:770px}
.admin-orders-table td{vertical-align:middle}
.admin-orders-table .order-person{min-width:0}
.admin-orders-table .order-person small{overflow-wrap:anywhere}
.admin-manage-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:8px 12px;border-radius:11px;border:1px solid #745a9a;color:#ffe1f7;background:#43345f;font-weight:800;text-align:center;text-decoration:none;white-space:nowrap}
.admin-manage-button:hover,.admin-manage-button:focus-visible{background:#61477e;outline:2px solid #c7aeff;outline-offset:2px}
@media(max-width:760px){
 .admin-orders-panel{padding:18px}
 .admin-orders-panel .panel-top{gap:10px}
 .admin-orders-panel .panel-top h2{font-size:1.5rem}
 .admin-orders-scroll{overflow:visible;max-width:100%}
 .admin-orders-table{display:block;width:100%;min-width:0}
 .admin-orders-table thead{display:none}
 .admin-orders-table tbody{display:grid;gap:14px;width:100%}
 .admin-orders-table tbody tr{display:flex;flex-direction:column;min-width:0;width:100%;border:1px solid #3d4464;border-radius:15px;padding:14px 15px;background:#181e36}
 .admin-orders-table td{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-width:0;border-bottom:1px solid #343b56;padding:10px 0;overflow-wrap:anywhere;font-size:.83rem}
 .admin-orders-table td::before{content:attr(data-label);flex:0 0 30%;font-weight:700;font-size:.72rem;letter-spacing:.02em;color:#b9c3e0}
 .admin-orders-table td[data-label="For"]{align-items:flex-start}
 .admin-orders-table td[data-label="For"] .order-person{flex:1;min-width:0;text-align:right}
 .admin-orders-table td[data-label="For"] .order-person small{overflow-wrap:anywhere;word-break:break-word}
 .admin-orders-table td[data-label="Manage"]{border-bottom:0;padding-top:15px;padding-bottom:0}
 .admin-orders-table td[data-label="Manage"]::before{display:none}
 .admin-manage-button{width:100%;min-height:50px;padding:13px 15px;color:#19142d;background:linear-gradient(110deg,#e6a0d6,#a999ff);border:0;font-size:.9rem}
 .admin-manage-button:hover,.admin-manage-button:focus-visible{background:#d3b0ef;color:#19142d}
}

/* v1.0.4 - production controls and smaller-screen order management. */
.manage-shortcuts{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 22px}
.manage-shortcuts a{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;min-height:44px;border:1px solid #4f5475;border-radius:12px;background:#242844;color:#f6e5ff;font-weight:700;font-size:.82rem;text-decoration:none}
.manage-shortcuts a:hover,.manage-shortcuts a:focus-visible{background:#493968;outline:2px solid #cfadff;outline-offset:2px}
.manage-page .admin-heading h1{overflow-wrap:anywhere}
.manage-page .actions.wrap{display:flex;flex-wrap:wrap}
.manage-page .actions.wrap form{min-width:0}
.manage-page .panel[id],#openai-connection,#background-worker{scroll-margin-top:18px}
.job{align-items:flex-start}
.job-info{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex:1;min-width:0}
.job-info small{color:#b6bfdc;white-space:normal;overflow-wrap:anywhere}
.job-status{color:#d3c1f6;font-size:.8rem}
.job-retry-form{flex:0 0 auto}
.job-retry-form .btn{font-size:.8rem;white-space:normal}
.inline-test-form{margin-top:16px}
@media(max-width:760px){
 .manage-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .manage-shortcuts a{text-align:center;font-size:.78rem;padding:10px 8px}
 .manage-page .admin-heading .actions{display:flex;flex-wrap:wrap;gap:8px}
 .manage-page .admin-heading .actions .btn{flex:1 1 140px;margin-top:0;text-align:center}
 .manage-page .actions.wrap form{flex:1 1 100%}
 .manage-page .actions.wrap form .btn{width:100%;white-space:normal}
 .manage-page .settings-grid .panel{padding:18px 15px}
 .manage-page input,.manage-page textarea,.manage-page select{max-width:100%;min-width:0}
 .job-retry-form{flex:1 1 100%;width:100%}
 .job-retry-form .btn{width:100%;min-height:44px}
}

/* Songs To You v1.0.7 integrated production controls. */

/* v1.0.8: live vocal-track karaoke synchronization on touch screens */
.sync-version{font-size:.72rem;color:#b8a8de;letter-spacing:0;vertical-align:middle}
.sync-studio{border:1px solid #6e548c;border-radius:18px;background:linear-gradient(140deg,#26203d,#171e38);padding:19px;margin:18px 0 22px}
.sync-studio h3{margin:0 0 8px;color:#ffe2fa}
.sync-studio p{font-size:.87rem;line-height:1.6}
.sync-studio audio{display:block;width:100%;max-width:100%;margin:16px 0;min-height:54px}
.sync-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.77rem;color:#aab8df;margin-top:8px}
.sync-current{padding:15px;background:#111629;border-radius:12px;min-height:76px;font-size:1.08rem;font-weight:750;margin:12px 0 8px;overflow-wrap:anywhere}
.sync-feedback{color:#c7deff;font-size:.82rem;min-height:40px}
.sync-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
.sync-controls .btn{white-space:normal;min-height:48px;padding:10px;font-size:.78rem;text-align:center}
.sync-controls #sync-mark{grid-column:span 2;font-size:.9rem;min-height:55px}
.sync-preview-link{display:inline-block;color:#f6c0ea;font-weight:750;font-size:.87rem;margin-top:4px}
.sync-pending a{text-decoration:underline;color:#edc6ff}
.cue-row.cue-selected{outline:2px solid #ae9aff;outline-offset:3px;border-radius:8px;background:#40315947}
@media(max-width:410px){
 .cue-row{grid-template-columns:repeat(2,minmax(0,1fr)) 38px;gap:6px;padding:4px 0}
 .cue-row label:nth-child(3){grid-column:1/3}
 .cue-row button{grid-column:3;grid-row:1/3;height:100%;min-height:44px}
 .cue-row input{width:100%;padding:10px 7px}
 .sync-studio{padding:14px 12px}
}