/* QRCode.sn / Studio Musique 4.4. Editorial, restrained, responsive, usable. */
.qm-page{--qm-ink:#f8fafc;--qm-soft:#a9bed2;--qm-line:rgba(255,255,255,.17);--qm-accent:#38d6d1;background:#0c1b2b;color:var(--qm-ink);font-family:'QRS Manrope',Manrope,Arial,sans-serif;border-radius:17px;overflow:hidden;position:relative;padding-bottom:0}
.qm-page.qu-mood-ivory{background:#f5f4ef;--qm-ink:#15283a;--qm-soft:#536477;--qm-line:#d7dedf;--qm-accent:#087e86}
.qm-page.qu-mood-sage{background:#152b27;--qm-accent:#c7deb2}
.qm-page.qu-mood-coral{background:#3b2028;--qm-accent:#e7ab96}
.qm-page.qu-mood-ocean{background:#0d293a;--qm-accent:#80cbd9}
.qm-page *{box-sizing:border-box}.qm-page a{color:inherit;text-decoration:none}.qm-page button{font:inherit}.qm-page button:focus-visible,.qm-page a:focus-visible,.qm-page input:focus-visible{outline:3px solid var(--qm-accent);outline-offset:3px}
.qm-hero{display:grid;grid-template-columns:minmax(180px,38%) 1fr;gap:clamp(18px,4vw,55px);align-items:center;padding:clamp(26px,5vw,68px);min-height:340px}
.qm-hero-cover{background:linear-gradient(145deg,#102b3a,#263e55);aspect-ratio:1;overflow:hidden;border-radius:8px;box-shadow:0 18px 38px #0004}.qm-hero-cover img{height:100%;width:100%;object-fit:cover;display:block}.qm-cover-placeholder{display:grid;place-items:center;color:#9ecbd3;font-size:clamp(70px,12vw,160px);border:1px solid var(--qm-line)}
.qm-eyebrow{font:700 10px/1.4 'QRS Manrope',sans-serif;letter-spacing:.19em;text-transform:uppercase;color:var(--qm-accent)!important;margin:0 0 15px}.qm-hero h1{font-size:clamp(30px,5.3vw,65px);font-weight:800;letter-spacing:-.055em;line-height:1.08;margin:0;color:var(--qm-ink)!important;overflow-wrap:anywhere;text-transform:none!important}.qm-tagline{font-size:clamp(13px,2vw,19px);line-height:1.5;color:var(--qm-ink)!important;opacity:.9;margin:20px 0 6px}.qm-meta{font-size:12px;color:var(--qm-accent)!important;margin:12px 0}.qm-bio{font-size:12px;line-height:1.8;max-width:65ch;white-space:normal;color:var(--qm-soft)!important;margin:19px 0 24px}.qm-main-action{display:inline-flex;border-radius:8px;background:var(--qm-accent);color:#082435!important;font-size:12px;font-weight:800;padding:13px 18px;gap:20px;align-items:center}
.qm-services{display:flex;gap:8px;flex-wrap:wrap;padding:0 clamp(25px,5vw,68px) 27px}.qm-services a{font-weight:700;font-size:11px;border:1px solid var(--qm-line);border-radius:30px;padding:11px 16px;transition:background .2s ease}.qm-services a:hover{background:#ffffff16}
.qm-discography,.qm-extras{padding:33px clamp(25px,5vw,68px) 55px;border-top:1px solid var(--qm-line)}.qm-section-top{display:flex;align-items:end;justify-content:space-between;gap:15px}.qm-section-top h2,.qm-extras h2{font-size:clamp(23px,3vw,36px);letter-spacing:-.04em;margin:0 0 24px;color:var(--qm-ink)}.qm-count{font-size:11px;color:var(--qm-soft);padding-bottom:24px}
.qm-filterbar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 19px}.qm-filter{cursor:pointer;padding:10px 14px;border-radius:50px;border:1px solid var(--qm-line);color:var(--qm-ink);background:transparent;font-size:11px!important;font-weight:700!important}.qm-filter[aria-pressed=true]{background:var(--qm-accent);color:#06252b;border-color:var(--qm-accent)}
.qm-tracks{border-top:1px solid var(--qm-line)}.qm-track{display:grid;grid-template-columns:26px 52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 2px;border-bottom:1px solid var(--qm-line);min-width:0}.qm-track[hidden]{display:none!important}.qm-track-number{font-size:11px;color:var(--qm-soft)}.qm-track-art{width:52px;height:52px;object-fit:cover;border-radius:6px}.qm-track-art-fallback{display:grid;place-items:center;background:#6eacbe2b;font-size:27px;color:var(--qm-accent)}.qm-track h3{font-size:13px;margin:0;color:var(--qm-ink);overflow-wrap:anywhere;font-weight:800}.qm-track-copy p{font-size:11px;color:var(--qm-soft);margin:3px 0 0}.qm-track-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.qm-track-actions a{font-size:10px;color:var(--qm-soft);border-bottom:1px solid var(--qm-line)}.qm-track-actions a:hover{color:var(--qm-accent)}.qm-track-play{cursor:pointer;min-width:36px;min-height:36px;border:1px solid var(--qm-line);border-radius:50%;background:transparent;color:var(--qm-ink);font-size:13px}.qm-is-playing{background:rgba(56,214,209,.08)}.qm-is-playing .qm-track-play{background:var(--qm-accent);color:#072e31}.qm-explicit{display:inline-block;border:1px solid var(--qm-line);border-radius:3px;font-size:10px;margin-top:5px;padding:1px 4px}.qm-lyrics,.qm-track-description{grid-column:3/-1;font-size:11px;color:var(--qm-soft);line-height:1.7}.qm-lyrics summary{cursor:pointer;color:var(--qm-ink);font-weight:700}.qm-lyrics>div{padding:10px 0;white-space:pre-wrap}.qm-track-description{margin:0}.qm-empty{padding:32px 0;color:var(--qm-soft);font-size:13px}
.qm-extra-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.qm-extra{display:flex;gap:14px;background:rgba(255,255,255,.035);border:1px solid var(--qm-line);border-radius:12px;padding:15px}.qm-extra img{width:84px;height:84px;object-fit:cover;border-radius:8px}.qm-extra small{color:var(--qm-accent);letter-spacing:.12em;font-size:9px}.qm-extra h3{color:var(--qm-ink);font-size:15px;margin:7px 0}.qm-extra p{color:var(--qm-soft);font-size:11px;margin:0 0 7px}.qm-extra a{font-size:11px;font-weight:700;color:var(--qm-accent)}
.qm-final-cta{padding:14px 5vw 42px}.qm-final-cta a{font-size:13px;border-radius:8px;background:var(--qm-accent);padding:13px 20px;color:#092630;font-weight:800}.qm-footer{padding:18px clamp(25px,5vw,68px);border-top:1px solid var(--qm-line);display:flex;justify-content:space-between;gap:15px;color:var(--qm-soft);font-size:10px}.qm-footer a{font-weight:800;color:var(--qm-accent)}
.qm-player{position:sticky;bottom:0;z-index:10;display:grid;grid-template-columns:minmax(130px,1fr) 32px 38px 32px auto minmax(70px,1fr) auto 30px 30px;gap:8px;align-items:center;padding:12px 18px;background:#081725;color:#fff;border-top:1px solid #ffffff42;box-shadow:0 -12px 36px #0006}.qm-player[hidden]{display:none}.qm-player-title{min-width:0}.qm-player-title strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qm-player-title small{font-size:10px;color:#a9b7c5}.qm-player button{background:transparent;color:#fff;border:0;cursor:pointer;min-width:32px;min-height:36px;padding:4px;font-size:15px}.qm-player button[aria-pressed=true]{color:var(--qm-accent)}.qm-player span{font-size:10px;white-space:nowrap;color:#b3c8d3}.qm-player input{width:100%;accent-color:#4bd6d2;min-width:25px}.qm-player audio{display:none}
.qu-view .qm-editor-hint{font-size:12px;line-height:1.6;background:#e9f5f6;border-left:3px solid #139eaa;padding:12px;margin:0 0 14px;border-radius:7px}.qm-editor-card{border:1px solid #cbdee1;border-radius:13px;padding:17px;margin:0 0 16px;background:#f9fcfc}.qm-editor-card h3{font-size:15px}.qm-upload-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:9px 0}.qm-upload-row input{max-width:100%;font-size:12px}.qm-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.qm-editor-status{color:#23616a;font-size:12px;line-height:1.6}.qm-legal{background:#fff8e6;border:1px solid #e5d2a4;border-radius:11px;padding:14px;margin:13px 0}.qm-legal label{display:flex;align-items:flex-start;gap:8px;font-size:12px}.qm-legal input{margin-top:3px}.qm-legal small{font-size:11px;color:#715a32;display:block;margin-top:6px}.qm-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}
@container (max-width:540px){.qm-hero{display:flex;flex-direction:column;align-items:start;padding:23px!important;gap:23px;min-height:unset}.qm-hero-cover{width:100%;max-width:350px}.qm-hero h1{font-size:33px}.qm-discography,.qm-extras{padding:26px 20px 35px}.qm-services{padding:0 20px 25px}.qm-track{grid-template-columns:20px 44px minmax(0,1fr);gap:8px}.qm-track-art{width:44px;height:44px}.qm-track-actions{grid-column:3;justify-content:start}.qm-track-description,.qm-lyrics{grid-column:1/-1}.qm-extra-list{grid-template-columns:1fr}.qm-player{grid-template-columns:1fr 30px 36px 30px;gap:5px;padding:10px}.qm-player-elapsed,.qm-player-duration,.qm-player [data-action=shuffle],.qm-player [data-action=repeat]{display:none}.qm-player [data-action=seek]{grid-column:1/-1;grid-row:2}.qm-footer{padding:15px 20px}.qm-section-top h2{font-size:24px}.qm-editor-grid{grid-template-columns:1fr}}
@media (max-width:650px){.qm-hero{grid-template-columns:1fr}.qm-extra-list{grid-template-columns:1fr}.qm-player{grid-template-columns:minmax(100px,1fr) 30px 36px 30px}.qm-player-elapsed,.qm-player-duration,.qm-player [data-action=shuffle],.qm-player [data-action=repeat]{display:none}.qm-player input[data-action=seek]{grid-column:1/-1;grid-row:2}}
@media(prefers-reduced-motion:reduce){.qm-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* 4.5 — Eight visibly distinct musical layouts, color inspector, media cards. */
.qm-page{--qm-bg:#0c1b2b;background:var(--qm-bg);isolation:isolate}
.qm-page.qu-mood-ivory{--qm-bg:#f5f4ef;--qm-ink:#15283a;--qm-soft:#536477;--qm-line:#d7dedf;--qm-accent:#087e86}
.qm-page.qu-mood-midnight{--qm-bg:#101725;--qm-ink:#f8fafc;--qm-soft:#a9bed2;--qm-line:rgba(255,255,255,.17);--qm-accent:#38d6d1}
.qm-page.qu-mood-sage{--qm-bg:#152b27;--qm-ink:#f8fafc;--qm-soft:#c1d2c7;--qm-accent:#c7deb2}
.qm-page.qu-mood-coral{--qm-bg:#3b2028;--qm-ink:#fff7f4;--qm-soft:#e3bbc0;--qm-accent:#e7ab96}
.qm-page.qu-mood-ocean{--qm-bg:#0d293a;--qm-ink:#f7fbff;--qm-soft:#b7cedc;--qm-accent:#80cbd9}
.qm-page .qm-services .qm-social-link{display:inline-flex;align-items:center;gap:9px;max-width:100%;line-height:1.1}
.qm-social-link .qm-social-mark{display:inline-flex;align-items:center;justify-content:center}
.qm-social-link .qrs-social-vector{display:inline-flex;width:25px;height:25px;border-radius:7px;align-items:center;justify-content:center;flex:none}
.qm-social-link .qrs-social-vector svg{width:17px;height:17px}
.qm-page.qm-social-mono .qm-social-link .qrs-social-vector{background:var(--qm-ink)!important}
.qm-page.qm-social-mono .qm-social-link .qrs-social-vector svg{filter:grayscale(1)}
.qm-page.qm-social-text .qm-social-mark{display:none}
.qm-page.qm-social-text .qm-social-link{padding:10px 12px}
.qm-youtube-play{border:1px solid var(--qm-line);border-radius:9px;background:transparent;color:var(--qm-ink);font:700 11px inherit;cursor:pointer;padding:9px 12px;white-space:nowrap}
.qm-youtube-stage{grid-column:1/-1;aspect-ratio:16/9;width:100%;max-width:670px;margin:8px 0}
.qm-youtube-stage[hidden]{display:none}.qm-youtube-stage iframe{width:100%;height:100%;display:block;border:0;border-radius:10px}
.qm-visualizer{grid-column:1/-1;display:flex;justify-content:center;min-height:18px;grid-row:2;opacity:.85}.qm-visualizer[hidden]{display:none}
.qm-visualizer canvas{width:min(230px,100%);height:36px;display:block}.qm-page.qm-visual-off .qm-visualizer{display:none}
.qm-player{grid-template-columns:minmax(130px,1fr) 32px 38px 32px auto minmax(70px,1fr) auto 30px 30px;grid-template-rows:auto auto;gap:6px 8px}
/* Each composition represents its own spatial design rather than a renamed palette. */
.qm-page.qu-layout-editorial .qm-hero{grid-template-columns:minmax(170px,35%) 1fr}.qm-page.qu-layout-editorial .qm-hero-cover{border-radius:5px}
.qm-page.qu-layout-split .qm-hero{grid-template-columns:1fr minmax(190px,43%);min-height:470px}.qm-page.qu-layout-split .qm-hero-cover{grid-column:2;grid-row:1;transform:rotate(2deg);border-radius:18px}.qm-page.qu-layout-split .qm-hero-info{grid-column:1;grid-row:1}.qm-page.qu-layout-split .qm-tracks{max-width:820px;margin:auto}
.qm-page.qu-layout-mosaic .qm-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:16px}.qm-page.qu-layout-mosaic .qm-hero-cover{aspect-ratio:1.1;border-radius:22px}.qm-page.qu-layout-mosaic .qm-hero-info{padding:20px}.qm-page.qu-layout-mosaic .qm-tracks{border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.qm-page.qu-layout-mosaic .qm-track{background:#ffffff0a;border:1px solid var(--qm-line);border-radius:18px;padding:16px;grid-template-columns:26px 52px minmax(0,1fr)}.qm-page.qu-layout-mosaic .qm-track-actions{grid-column:2/-1}
.qm-page.qu-layout-timeline .qm-hero{grid-template-columns:28% 1fr;min-height:270px}.qm-page.qu-layout-timeline .qm-hero-cover{border-radius:50%;max-width:270px}.qm-page.qu-layout-timeline .qm-tracks{border-left:2px solid var(--qm-accent);margin-left:20px;padding-left:27px}.qm-page.qu-layout-timeline .qm-track{position:relative}.qm-page.qu-layout-timeline .qm-track:before{position:absolute;content:'';left:-34px;top:28px;width:12px;height:12px;border-radius:50%;background:var(--qm-accent)}
.qm-page.qu-layout-signature .qm-hero{display:flex;flex-direction:column;text-align:center;align-items:center;gap:23px;padding-top:70px}.qm-page.qu-layout-signature .qm-hero-cover{max-width:210px;width:50%;border-radius:50%;box-shadow:0 0 0 8px var(--qm-line),0 19px 50px #0007}.qm-page.qu-layout-signature .qm-hero-info{max-width:610px}.qm-page.qu-layout-signature .qm-hero h1{font-family:Georgia,serif;font-weight:500}.qm-page.qu-layout-signature .qm-services,.qm-page.qu-layout-signature .qm-filterbar{justify-content:center}.qm-page.qu-layout-signature .qm-discography{text-align:center}.qm-page.qu-layout-signature .qm-tracks{text-align:left;max-width:690px;margin:auto}
.qm-page.qu-layout-gallery .qm-hero{display:block;position:relative;padding:0;min-height:500px}.qm-page.qu-layout-gallery .qm-hero-cover{border-radius:0;aspect-ratio:auto;width:100%;height:420px;max-height:55vh;box-shadow:none}.qm-page.qu-layout-gallery .qm-hero-cover img{filter:brightness(.65)}.qm-page.qu-layout-gallery .qm-hero-info{position:relative;background:var(--qm-bg);border-radius:15px 15px 0 0;padding:24px 5vw 30px;margin:-65px 4vw 0;max-width:90%}.qm-page.qu-layout-gallery .qm-tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;border:0}.qm-page.qu-layout-gallery .qm-track{display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--qm-line);border-radius:13px;padding:15px}.qm-page.qu-layout-gallery .qm-track-art{height:auto;width:100%;aspect-ratio:1}.qm-page.qu-layout-gallery .qm-track-actions{width:100%}
.qm-page.qu-layout-cards .qm-hero{grid-template-columns:1fr 32%;min-height:270px}.qm-page.qu-layout-cards .qm-hero-cover{grid-column:2;grid-row:1;border-radius:18px}.qm-page.qu-layout-cards .qm-hero-info{grid-column:1;grid-row:1}.qm-page.qu-layout-cards .qm-tracks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border:0}.qm-page.qu-layout-cards .qm-track{border:1px solid var(--qm-line);background:#ffffff0b;border-radius:13px;padding:15px;grid-template-columns:20px 50px minmax(0,1fr)}.qm-page.qu-layout-cards .qm-track-actions{grid-column:2/-1}
.qm-page.qu-layout-minimal .qm-hero{display:block;min-height:0;padding:44px 6vw 12px}.qm-page.qu-layout-minimal .qm-hero-cover{display:none}.qm-page.qu-layout-minimal .qm-hero h1{font-size:clamp(38px,7vw,82px);font-weight:600;letter-spacing:-.055em}.qm-page.qu-layout-minimal .qm-discography{padding-top:14px}.qm-page.qu-layout-minimal .qm-track{grid-template-columns:30px 1fr auto}.qm-page.qu-layout-minimal .qm-track-art{display:none}.qm-page.qu-layout-minimal .qm-services{border:0}
/* Loading and design controls */
.qm-media-uploader{margin:12px 0}.qm-dropzone{border:1.5px dashed #8cb9ba;background:#f3faf9;border-radius:12px;padding:18px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:4px;text-align:center;cursor:pointer;color:#19454c}.qm-dropzone:focus-within,.qm-dropzone.qm-drag{background:#e3f6f3;border-color:#0a8a87}.qm-dropzone strong{font-size:13px}.qm-dropzone small{font-size:11px;color:#4b6267}.qm-dropzone input{max-width:250px;font-size:11px;margin-top:8px}.qm-drop-icon{font-size:24px;line-height:1;color:#0a8984}.qm-dropzone.qm-is-uploading{opacity:.65}.qm-upload-info,.qm-file-selection{font-size:12px;color:#23616a;line-height:1.5;margin:8px 0}.qm-batch{border:1px solid #cbdcdf;border-radius:13px;padding:16px;margin:15px 0 23px;background:white}.qm-batch h3{font-size:14px;margin:0 0 5px}.qm-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:8px 0 12px}.qm-media-choice{border:1px solid #c7dade;background:#fff;border-radius:9px;padding:8px;min-width:0;cursor:pointer;display:grid;gap:4px;justify-items:center}.qm-media-choice img{max-width:100%;aspect-ratio:1;object-fit:cover}.qm-media-choice small{width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:10px}.qm-audio-icon{color:#138788;font-size:23px}.qm-artwork-section{margin:16px 0;padding:15px;background:#f0f6f7;border-radius:13px}.qm-artwork-preview{display:block;margin:10px 0;object-fit:cover;aspect-ratio:1;width:95px;border-radius:10px}.qm-help{display:block;font-size:11px;line-height:1.6;color:#58717b;margin:9px 0 14px}.qm-social-edit{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qm-social-input{display:flex;align-items:center;gap:9px}.qm-social-input .qu-field{flex:1;min-width:0}.qm-social-example .qrs-social-vector{width:28px;height:28px;border-radius:7px;display:inline-flex;justify-content:center;align-items:center}.qm-social-example svg{width:18px;height:18px}.qm-qr-export{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.qm-qr-export p{width:100%}.qu-qr-preview{min-height:145px;display:grid;place-items:center}.qu-qr-preview svg{width:140px!important;height:140px!important;max-width:100%}
.qm-motion-fade .qm-hero-info{animation:qmFade .65s ease-out both}.qm-motion-rise .qm-hero-info{animation:qmRise .7s cubic-bezier(.2,.8,.2,1) both}@keyframes qmFade{from{opacity:0}to{opacity:1}}@keyframes qmRise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.qm-page.qu-layout-split .qm-hero,.qm-page.qu-layout-mosaic .qm-hero,.qm-page.qu-layout-timeline .qm-hero,.qm-page.qu-layout-cards .qm-hero{display:flex;flex-direction:column;padding:25px;gap:16px;min-height:0}.qm-page.qu-layout-split .qm-hero-cover,.qm-page.qu-layout-cards .qm-hero-cover{grid-column:auto;grid-row:auto;transform:none;width:100%}.qm-page.qu-layout-split .qm-hero-info,.qm-page.qu-layout-cards .qm-hero-info{grid-column:auto;grid-row:auto}.qm-page.qu-layout-mosaic .qm-tracks,.qm-page.qu-layout-gallery .qm-tracks,.qm-page.qu-layout-cards .qm-tracks{grid-template-columns:1fr}.qm-page.qu-layout-gallery .qm-hero{min-height:0}.qm-page.qu-layout-gallery .qm-hero-cover{height:280px}.qm-page.qu-layout-gallery .qm-hero-info{margin:-30px 12px 0;max-width:none}.qm-page.qu-layout-timeline .qm-hero-cover{max-width:190px}.qm-page.qu-layout-signature .qm-hero{padding:38px 22px}.qm-page.qu-layout-minimal .qm-hero{padding:36px 20px 15px}.qm-social-edit{grid-template-columns:1fr}.qm-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qm-player{grid-template-columns:1fr 28px 32px 28px;grid-template-rows:auto auto}.qm-visualizer{grid-row:3;grid-column:1/-1}.qm-player .qm-player-title{grid-row:1}.qm-track-actions{gap:8px}}
@media(prefers-reduced-motion:reduce){.qm-page.qm-motion-fade .qm-hero-info,.qm-page.qm-motion-rise .qm-hero-info{animation:none!important}}

.qm-page.qu-mood-ivory,.qm-page.qu-mood-midnight,.qm-page.qu-mood-sage,.qm-page.qu-mood-coral,.qm-page.qu-mood-ocean{background:var(--qm-bg)}
.qm-extra .qm-youtube-stage{width:100%;flex-basis:100%;max-width:600px}.qm-extra:has(.qm-youtube-stage){flex-wrap:wrap}