@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--head:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;--body:'DM Sans',Arial,sans-serif;--bg:#090909;--surface:#101010;--line:#303030;--white:#f2f0eb;--muted:#989898;--accent:#fff}
*{box-sizing:border-box}
.admin-body,.installer{background:#080808;color:#efefec;font:400 14px/1.6 var(--body);margin:0;min-height:100vh}
.admin-body a,.installer a{color:inherit;text-decoration:none}.admin-body button,.installer button,.admin-body input,.installer input,.admin-body textarea,.admin-body select{font:inherit}
.admin-body button,.installer button{cursor:pointer}.admin-body p,.installer p{color:#9b9b9b}.admin-body h1,.installer h1,.admin-body h2,.installer h2{font-family:var(--head);font-weight:800;text-transform:uppercase;line-height:.93;letter-spacing:-.015em}
.admin-body h1,.installer h1{font-size:clamp(52px,6vw,86px);margin:16px 0 22px}.admin-body h2,.installer h2{font-size:32px;margin:6px 0 24px}.admin-body .eyebrow,.installer .eyebrow{font:800 10px/1.3 var(--body);letter-spacing:.17em;color:#777;text-transform:uppercase}
.install-shell{max-width:850px;margin:0 auto;padding:65px 24px 120px}.install-brand{display:flex;align-items:center;gap:18px;margin-bottom:55px}.install-brand img{width:82px;height:82px;object-fit:contain}.install-brand b{font:900 48px/.78 var(--head)}.install-brand small{display:block;color:#aaa;font:700 10px/1.4 var(--body);letter-spacing:.25em;margin-top:12px}.admin-shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh}.admin-sidebar{background:#0d0d0d;border-right:1px solid #272727;padding:36px 23px;display:flex;flex-direction:column;gap:28px;position:sticky;top:0;height:100vh}.admin-brand{display:flex;align-items:center;gap:11px;font:900 44px/.75 var(--head)}.admin-brand img{width:70px;height:70px;object-fit:contain}.admin-brand small{font:700 9px/1.4 var(--body);letter-spacing:.2em;color:#9f9f9f}.side-label{font-size:10px;font-weight:800;letter-spacing:.15em;color:#777;margin-top:20px}.admin-navigation{display:grid;gap:5px}.admin-navigation a{padding:13px 15px;font-size:12px;font-weight:700;letter-spacing:.02em;border:1px solid transparent;color:#aaa}.admin-navigation a:hover,.admin-navigation a.selected{background:#1e1e1e;color:#fff;border-color:#333}.admin-side-bottom{margin-top:auto;border-top:1px solid #292929;padding-top:20px}.admin-side-bottom p{font-size:10px;letter-spacing:.1em}.admin-side-bottom strong{color:#efefef;font-size:15px;letter-spacing:0}.admin-content{width:100%;max-width:1300px;margin:0 auto;padding:65px clamp(20px,4vw,75px) 130px;min-width:0}.admin-page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:40px;border-bottom:1px solid #2a2a2a;padding-bottom:25px}.admin-page-heading>div{min-width:0}.admin-page-heading p:last-child{max-width:660px;margin-bottom:0}.admin-panel{background:#141414;border:1px solid #303030;padding:32px;margin-bottom:24px;min-width:0}.admin-panel>p{max-width:780px}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:26px}.stat{padding:26px 21px;background:#141414;border:1px solid #303030}.stat strong{display:block;font:900 58px/.9 var(--head)}.stat span{font-size:10px;letter-spacing:.14em;color:#999}.quick-links,.admin-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 28px}.admin-form{display:flex;flex-direction:column;align-items:stretch;gap:20px}.admin-form label{display:flex;flex-direction:column;gap:8px;font-size:11px;letter-spacing:.07em;font-weight:800;text-transform:uppercase;color:#a6a6a6;min-width:0}.admin-form input:not([type=checkbox]):not([type=range]),.admin-form select,.admin-form textarea,.demo-editor input:not([type=range]){width:100%;background:#090909;color:#f0efed;border:1px solid #3a3a3a;padding:13px 14px;outline:none;border-radius:0;font-size:13px;font-weight:500;text-transform:none;letter-spacing:0;max-width:100%;color-scheme:dark}.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{border-color:#b5b5b5}.admin-form textarea{min-height:140px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 22px}.admin-form .check-row{display:flex;flex-direction:row;align-items:center;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;gap:9px;color:#ddd}.admin-form input[type=checkbox]{accent-color:#ecebe8;width:17px;height:17px}.button-main,.outline-button,.button-danger{border:1px solid #f0efeb;padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:9px;color:#080808!important;background:#f0efeb;font-size:11px!important;font-weight:800!important;letter-spacing:.09em;text-transform:uppercase;min-height:44px;cursor:pointer;text-decoration:none;max-width:100%}.outline-button{background:transparent;border-color:#555;color:#eee!important}.outline-button:hover{background:#242424}.button-main:hover{background:#ddd}.button-danger{color:#f4b5b5!important;background:#240e0e;border-color:#5a2525}.admin-form>.button-main{align-self:flex-start}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}.admin-table th{font-size:10px;letter-spacing:.12em;color:#808080;padding:13px 15px;border-bottom:1px solid #414141}.admin-table td{padding:17px 15px;border-bottom:1px solid #2c2c2c;color:#aaa;font-size:12px}.admin-table td strong{color:#eee}.admin-table td a{color:#eee;border-bottom:1px solid #6a6a6a}.seo-fields{border:1px solid #3a3a3a;padding:22px;margin-top:14px}.seo-fields summary{cursor:pointer;font:800 12px var(--body);letter-spacing:.11em;margin-bottom:22px}.seo-fields .form-grid{margin-top:15px}.uploaded-media{display:flex;gap:22px;flex-wrap:wrap}.current-media{max-width:200px;display:grid;gap:6px}.current-media img{height:135px;max-width:180px;object-fit:cover}.current-media small{word-break:break-all;color:#777;font-size:10px}.collab-row{display:grid;grid-template-columns:1fr 180px 50px;gap:12px;align-items:end;border:1px solid #333;padding:12px;margin-bottom:13px}.collab-row>.outline-button{height:44px}.section-head-admin{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.section-head-admin h2{margin:0}.link-edit-row{padding:21px}.link-edit-row .admin-form{margin:0}.link-edit-row .inline-delete{margin:12px 0 0}.inline-delete{margin-top:16px}.success-box{padding:16px 22px;border:1px solid #335a3d;background:#102018;color:#b5e5c1;margin-bottom:18px}.error-box{padding:16px 22px;border:1px solid #753335;background:#261214;color:#ffb1b7;margin-bottom:18px}.error-box a{color:inherit;text-decoration:underline}.subtle{font-size:12px!important;line-height:1.8;color:#888}.prerequisites{display:grid;gap:3px}.prerequisites>div{display:flex;justify-content:space-between;gap:12px;padding:11px 3px;border-bottom:1px solid #292929}.prerequisites strong{font-size:10px;letter-spacing:.13em}.demo-editor{background:#090909;padding:24px;border:1px solid #3a3a3a;display:grid;gap:15px}.demo-editor h2{margin-bottom:0}.demo-editor audio{max-width:100%;width:400px}.demo-editor input[type=range]{accent-color:#eee;width:100%;margin:12px 0}.demo-editor canvas{display:block;width:100%;height:120px;border:1px solid #333;background:#131313;touch-action:none}.demo-editor .quick-links{margin:0}.demo-editor button{align-self:flex-start}
/* Public CMS features layered over the original dark editorial design */
.hero-copy h1{font-size:clamp(66px,7.1vw,122px);line-height:.94;overflow-wrap:break-word}.hero-visual{overflow:hidden}.record-disc{z-index:1}.hero-art{z-index:2}.vinyl-preview .record-disc{width:min(52%,260px)!important;right:12%;top:50%}.vinyl-preview img{width:min(78%,380px)!important}.artist-bio{font-size:17px;color:#bbb;max-width:920px;line-height:1.9;margin-top:20px}.card-actions{margin-top:16px}.card-actions .btn{padding:11px 17px;font-size:10px;min-height:38px}.cms-section{display:grid;grid-template-columns:1fr;gap:35px;border-bottom:1px solid #242424}.cms-feature,.cms-banner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}.cms-section-image{max-width:100%;width:100%;max-height:540px;object-fit:cover}.cms-section-copy{min-width:0}.cms-section-copy h2{margin:20px 0}.cms-section-copy p{font-size:17px;max-width:700px}.cms-section-copy .btn{margin-top:15px}.editorial-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-bottom:30px}.editorial-layout>img{width:100%;max-height:500px;object-fit:cover}.editorial-text{font-size:17px;color:#aaa;line-height:1.9}.collab-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.collab-pills a{border:1px solid #333;font-size:10px;font-weight:800;letter-spacing:.08em;padding:8px 12px;text-transform:uppercase}.collab-pills a:hover{border-color:#aaa}.tracklist{border-top:1px solid #333}.track-row{min-height:71px;display:flex;align-items:center;gap:25px;border-bottom:1px solid #333;padding:13px 14px}.track-row strong{font-size:14px;font-weight:700;flex:1}.track-number{color:#666;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.track-duration{font-size:12px;color:#888;font-variant-numeric:tabular-nums}.track-preview{border:1px solid #555;background:transparent;color:#eee;padding:9px 16px;font-size:10px;letter-spacing:.12em;font-weight:800;cursor:pointer;min-width:112px}.track-preview:hover{background:#eee;color:#101010}.track-no-demo{font-size:10px;color:#676767;min-width:112px;text-align:center}.inline-player{background:#161616;border:1px solid #3b3b3b;padding:16px 20px;margin-top:22px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.inline-player[hidden]{display:none}.inline-player span{color:#aaa;font:800 11px var(--body);letter-spacing:.08em}.inline-player audio{width:min(100%,460px);height:38px}.artist-card h3{font-size:clamp(30px,3vw,45px)}
.listen-choice-overlay{position:fixed;inset:0;background:#000c;z-index:1000;display:flex;align-items:center;justify-content:center;padding:22px;backdrop-filter:blur(8px)}.listen-choice-box{background:#141414;width:min(100%,520px);border:1px solid #515151;padding:28px;box-shadow:0 30px 90px #000c}.listen-choice-head{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #383838;padding-bottom:20px}.listen-choice-head strong{font:800 11px var(--body);letter-spacing:.16em}.listen-choice-close{background:transparent;color:#fff;font-size:28px;border:0;padding:0 5px}.listen-choice-box h2{font-size:clamp(42px,6vw,64px);font-family:var(--head);margin:22px 0 6px;line-height:.9;overflow-wrap:anywhere}.listen-choice-artist{color:#888;text-transform:uppercase;letter-spacing:.1em;font-size:12px;margin-bottom:25px}.listen-choice-items{display:grid;gap:8px}.listen-choice-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #373737;padding:18px 19px;color:#eee;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.1em}.listen-choice-row:not([aria-disabled]):hover{border-color:#ccc;background:#282828}.listen-choice-row[aria-disabled]{opacity:.32;cursor:not-allowed}.listen-choice-row:first-child{border-color:#aaa}.listen-choice-note{font-size:11px;color:#777;margin:18px 0 0;line-height:1.7}.modal-active{overflow:hidden}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(3,1fr)}.admin-shell{grid-template-columns:225px minmax(0,1fr)}.admin-sidebar{padding:27px 17px}.admin-content{padding:40px 22px 85px}.brand{min-width:260px}.brand img{height:66px;width:66px}.brand-text{font-size:38px}.nav{gap:16px}.header-row{gap:15px}}
@media(max-width:780px){.admin-shell{display:block}.admin-sidebar{position:relative;height:auto;padding:18px 20px;gap:16px}.admin-brand img{height:48px;width:48px}.admin-brand{font-size:32px}.admin-navigation{display:flex;overflow-x:auto}.admin-navigation a{flex:none;white-space:nowrap;padding:10px 12px}.admin-side-bottom,.side-label{display:none}.admin-content{padding:30px 20px 75px}.admin-page-heading{display:block}.admin-panel{padding:20px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}.collab-row{grid-template-columns:1fr 1fr 42px}.cms-feature,.cms-banner,.editorial-layout{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(64px,12vw,118px)}.brand{min-width:auto}.brand img{height:54px;width:54px}.brand-text{font-size:28px}.vinyl-preview img{width:68%!important}.vinyl-preview .record-disc{width:46%!important}}
@media(max-width:480px){.stats-grid{grid-template-columns:1fr 1fr}.stat{padding:20px 14px}.stat strong{font-size:42px}.install-shell{padding:30px 18px}.install-brand{margin-bottom:32px}.install-brand img{width:64px;height:64px}.install-brand b{font-size:36px}.collab-row{grid-template-columns:1fr}.listen-choice-box{padding:18px}.track-row{gap:12px}.track-preview,.track-no-demo{min-width:85px;padding:9px}.track-duration{display:none}.admin-body h1{font-size:52px}}
/* JLVD reusable admin image crop editor */
.admin-form .image-hint{display:block;color:#858585;font-size:11px;font-weight:500;line-height:1.5;letter-spacing:0;text-transform:none}
.links-owner-switch{display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap}.links-owner-switch label{display:grid;gap:8px;flex:1;min-width:170px;color:#999;font-size:12px}.links-owner-switch select{width:100%;background:#090909;border:1px solid #444;color:#eee;padding:12px;min-height:44px}
.jlvd-crop-overlay[hidden]{display:none}.jlvd-crop-overlay{position:fixed;z-index:1200;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#000d;backdrop-filter:blur(10px);overflow-y:auto}.crop-modal-open{overflow:hidden}.jlvd-crop-window{width:min(100%,850px);max-height:calc(100dvh - 32px);overflow-y:auto;background:#111;border:1px solid #494949;box-shadow:0 30px 100px #000;padding:25px}.jlvd-crop-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:15px}.jlvd-crop-header h2{font:800 clamp(27px,4vw,39px)/1 var(--head);margin:9px 0 0;color:#fff}.crop-kicker{font-size:10px;letter-spacing:.13em;color:#999;font-weight:800}.crop-close{background:transparent;color:#eee;border:0;font-size:30px;line-height:1;cursor:pointer}.crop-explain{font-size:12px;line-height:1.6;color:#999;margin:0 0 15px}.crop-view{display:flex;align-items:center;justify-content:center;padding:14px;background:#080808;border:1px solid #303030;min-height:200px}.crop-view canvas{display:block;max-width:100%;max-height:48dvh;width:auto;height:auto;cursor:grab;touch-action:none;background:linear-gradient(45deg,#242424 25%,transparent 25%,transparent 75%,#242424 75%),linear-gradient(45deg,#242424 25%,#131313 25%,#131313 75%,#242424 75%);background-position:0 0,10px 10px;background-size:20px 20px}.crop-view canvas:active{cursor:grabbing}.crop-controls{display:flex;align-items:center;gap:15px;margin-top:18px}.crop-controls label{display:flex;align-items:center;gap:15px;flex:1;font-size:11px;font-weight:800;letter-spacing:.1em}.crop-controls input{flex:1;accent-color:#eee}.crop-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;flex-wrap:wrap}.crop-footer .crop-output{color:#aaa;font-size:11px}.crop-actions{display:flex;gap:9px;flex-wrap:wrap}.crop-error{color:#ffa9a9;font-size:12px;margin-top:13px}
@media(max-width:600px){.jlvd-crop-overlay{padding:6px}.jlvd-crop-window{padding:14px;max-height:calc(100dvh - 12px)}.crop-controls{flex-wrap:wrap}.crop-controls label{min-width:100%}.crop-actions{width:100%}.crop-actions button{flex:1}}