.elia-player{--ew-bg:#151515;--ew-fg:#fff;--ew-muted:#999;box-sizing:border-box;width:100%;min-width:0;padding:clamp(20px,4vw,44px);background:var(--ew-bg);color:var(--ew-fg);font-family:inherit;border-radius:2px}
.elia-player[data-theme=light]{--ew-bg:#f6f4f0;--ew-fg:#171717;--ew-muted:#777}.elia-player[data-theme=wine]{--ew-bg:#570d21;--ew-muted:#c2939f}.elia-player[data-theme=transparent]{--ew-bg:transparent;--ew-muted:#aaa}
.elia-player *{box-sizing:border-box}.elia-player .ew-head{display:flex;gap:24px;align-items:center;margin-bottom:24px}.elia-player .ew-cover{width:88px;height:88px;object-fit:cover;flex-shrink:0}.elia-player .ew-meta{min-width:0}.elia-player .ew-title{margin:0;color:inherit;font-size:clamp(22px,3vw,36px);font-weight:600;line-height:1.15;overflow-wrap:anywhere}.elia-player .ew-artist{font-size:14px;opacity:.65;margin-top:8px}.elia-player button{font:inherit;color:inherit;background:transparent;border:1px solid transparent;box-shadow:none;cursor:pointer;border-radius:0;padding:10px;text-transform:none;letter-spacing:normal;line-height:1.4}.elia-player button:hover{background:color-mix(in srgb,var(--ew-fg) 8%,transparent)}.elia-player button:focus-visible,.elia-player a:focus-visible,.elia-player input:focus-visible{outline:2px solid var(--ew-fg);outline-offset:4px}.elia-player .ew-controls{display:flex;align-items:center;gap:8px}.elia-player .ew-play{border:1px solid var(--ew-fg);width:54px;height:54px;border-radius:50%;font-size:20px}.elia-player .ew-volume{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:12px}.elia-player input{accent-color:var(--ew-fg)}.elia-player .ew-volume input{width:80px}.elia-player .ew-wave{position:relative;margin-top:22px;height:90px}.elia-player canvas{display:block;width:100%;height:90px}.elia-player .ew-seek{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.elia-player .ew-wave:focus-within{outline:1px solid var(--ew-fg);outline-offset:4px}.elia-player .ew-time{display:flex;justify-content:space-between;font-size:12px;font-variant-numeric:tabular-nums;opacity:.65;margin-top:6px}.elia-player .ew-status{font-size:12px;opacity:.65;min-height:18px;margin:10px 0}.elia-player .ew-list{list-style:none!important;margin:20px 0 0!important;padding:0!important;border-top:1px solid var(--ew-muted)}.elia-player .ew-list li{margin:0;padding:0;border-bottom:1px solid color-mix(in srgb,var(--ew-fg) 18%,transparent)}.elia-player .ew-track{display:flex;gap:16px;width:100%;text-align:left;padding:15px 4px}.elia-player .ew-track[aria-current=true]{font-weight:700}.elia-player .ew-track-number{opacity:.5;font-size:12px;min-width:20px}.elia-player .ew-track-name{flex:1;overflow-wrap:anywhere}.elia-player .ew-track-artist{opacity:.6;font-size:12px}.elia-player .ew-link{display:inline-block;margin-top:14px;color:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px}.elia-player [hidden]{display:none!important}.elia-player button:disabled{opacity:.35;cursor:default}
@media(max-width:480px){.elia-player .ew-cover{width:64px;height:64px}.elia-player .ew-head{gap:16px}.elia-player .ew-track-artist{display:none}.elia-player .ew-volume span{display:none}.elia-player .ew-volume input{width:60px}}
/* 1.1: Elementor Global Styles. Unset variables fall back outside Elementor. */
.elia-player{color:var(--e-global-color-73451c6,var(--ew-fg));font-family:var(--e-global-typography-c225c7d-font-family,Arial),sans-serif;font-size:var(--e-global-typography-c225c7d-font-size,16px);font-weight:var(--e-global-typography-c225c7d-font-weight,400);line-height:var(--e-global-typography-c225c7d-line-height,1.5);letter-spacing:var(--e-global-typography-c225c7d-letter-spacing,normal)}
.elia-player :is(.ew-title,.ew-artist,.ew-album-title,.ew-track,.ew-track-number,.ew-track-name,.ew-track-artist,.ew-status,.ew-time,.ew-link,.ew-actions a,.ew-volume){font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit}
.elia-player .ew-title{margin:0}.elia-player .ew-track[aria-current=true]{font-weight:inherit}.elia-player .ew-track[aria-current=true] .ew-track-name{text-decoration:underline;text-underline-offset:.25em}.elia-player .ew-play{border-color:currentColor}.elia-player input{accent-color:currentColor}.elia-player .ew-deck{position:relative;min-width:0}.elia-player .ew-album-title{display:none;margin:0 0 24px}.elia-player .ew-artwork{display:none}.elia-player .ew-thumb{display:none;object-fit:cover;background:rgba(127,127,127,.15)}.elia-player .ew-card-play{display:none}.elia-player .ew-list li{display:flex;align-items:center;gap:12px}.elia-player .ew-track{min-width:0;align-items:center;flex:1}.elia-player .ew-actions{display:flex;gap:12px;flex-shrink:0;padding-right:8px}.elia-player .ew-actions a{color:inherit;text-decoration:none;border:1px solid currentColor;padding:3px 8px}.elia-player .ew-status:empty{min-height:0;margin:0}.elia-player .ew-carousel-nav{display:flex;justify-content:flex-end;gap:12px}.elia-player .ew-carousel-nav button{border:1px solid currentColor}.elia-album-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px;align-items:start}.elia-player .ew-head{min-width:0}.elia-player .ew-track-name{min-width:0}.elia-player a{overflow-wrap:anywhere}
/* 01: Cover cards with shared waveform deck. */
.elia-player[data-template=cards]{display:flex;flex-direction:column;gap:24px}
.elia-player[data-template=cards] .ew-list{order:-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:20px;border:0;margin:0!important}
.elia-player[data-template=cards] .ew-list li{display:block;border:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.elia-player[data-template=cards] .ew-track{display:grid;grid-template-columns:1fr auto;position:relative;gap:8px;padding:0 0 16px}
.elia-player[data-template=cards] .ew-thumb{display:block;grid-column:1/-1;width:100%;aspect-ratio:1;margin-bottom:8px}
.elia-player[data-template=cards] .ew-track-name,.elia-player[data-template=cards] .ew-track-artist{grid-column:1/-1;padding:0 16px}
.elia-player[data-template=cards] .ew-track-number{display:none}
.elia-player[data-template=cards] .ew-card-play{display:grid;place-items:center;position:absolute;top:25%;left:calc(50% - 24px);width:48px;height:48px;border:2px solid currentColor;border-radius:50%;background:#0008;color:white}
.elia-player[data-template=cards] .ew-actions{padding:0 16px 16px;flex-wrap:wrap}
/* 02: Tall album poster. Multiple playlists use the album grid shortcode. */
.elia-player[data-template=poster]{padding:18px;background:linear-gradient(145deg,color-mix(in srgb,currentColor 20%,var(--ew-bg)),var(--ew-bg) 45%)}
.elia-player[data-template=poster] .ew-head{flex-direction:column;align-items:stretch;gap:20px}
.elia-player[data-template=poster] .ew-cover{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.elia-player[data-template=poster] .ew-controls{justify-content:center}.elia-player[data-template=poster] .ew-volume{display:none}
.elia-player[data-template=poster] .ew-list li{display:block}.elia-player[data-template=poster] .ew-actions{padding-bottom:12px;flex-wrap:wrap}.elia-player[data-template=poster] .ew-track-artist{display:none}
/* 03: Studio: cover and tracks above the central waveform. */
.elia-player[data-template=studio]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:24px}
.elia-player[data-template=studio] .ew-deck{display:contents}
.elia-player[data-template=studio] .ew-head{grid-column:1;grid-row:1;display:block;margin:0}.elia-player[data-template=studio] .ew-cover{width:100%;height:auto;aspect-ratio:1;margin-bottom:16px}
.elia-player[data-template=studio] .ew-list{grid-column:2;grid-row:1;margin:0!important}.elia-player[data-template=studio] .ew-list li{display:block}.elia-player[data-template=studio] .ew-track-artist{display:none}.elia-player[data-template=studio] .ew-actions{flex-wrap:wrap;padding-bottom:8px}
.elia-player[data-template=studio] :is(.ew-wave,.ew-time,.ew-controls,.ew-status,.ew-link){grid-column:1/-1;margin-top:0}
.elia-player[data-template=studio] .ew-wave{grid-row:2}.elia-player[data-template=studio] .ew-time{grid-row:3}.elia-player[data-template=studio] .ew-controls{grid-row:4;justify-content:center}.elia-player[data-template=studio] .ew-volume{margin-left:20px}
/* 04 + 05: Shop list / minimal list. */
.elia-player:is([data-template=shop],[data-template=minimal]) .ew-album-title{display:block}
.elia-player:is([data-template=shop],[data-template=minimal]) .ew-head{display:none}
.elia-player:is([data-template=shop],[data-template=minimal]) .ew-list{margin-top:24px!important}
.elia-player[data-template=shop] .ew-thumb{display:block;width:48px;height:48px}.elia-player[data-template=shop] .ew-track-number{display:none}
.elia-player[data-template=minimal] .ew-list{border-top:0}.elia-player[data-template=minimal] .ew-list li{border:0;padding:5px 0}
/* 06: Artwork banner above playlist. */
.elia-player[data-template=banner]{padding:0;overflow:hidden}
.elia-player[data-template=banner] .ew-deck{padding:28px;isolation:isolate;overflow:hidden}
.elia-player[data-template=banner] .ew-artwork{display:block;position:absolute;inset:-10%;width:120%;height:120%;object-fit:cover;filter:blur(12px);opacity:.18;z-index:-1}
.elia-player[data-template=banner] .ew-list{margin:0!important;padding:0 24px!important}
/* 07: Big artwork beside playlist. */
.elia-player[data-template=split]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:32px;align-items:start}
.elia-player[data-template=split] .ew-head{display:block}.elia-player[data-template=split] .ew-cover{width:100%;height:auto;aspect-ratio:1;margin-bottom:20px}
.elia-player[data-template=split] .ew-list{margin:0!important}.elia-player[data-template=split] .ew-list li{flex-wrap:wrap}.elia-player[data-template=split] .ew-actions{padding-bottom:12px;flex-wrap:wrap}.elia-player[data-template=split] .ew-track-artist{display:none}
/* 08: Horizontal featured cards, touch scroll and keyboard buttons. */
.elia-player[data-template=carousel]{display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,3fr);gap:24px}
.elia-player[data-template=carousel] .ew-album-title{display:block;grid-column:1;grid-row:1;margin:0}
.elia-player[data-template=carousel] .ew-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;border:0;margin:0!important;grid-column:2;grid-row:1}
.elia-player[data-template=carousel] .ew-list li{position:relative;flex:0 0 220px;display:block;border:0;scroll-snap-align:start;background:#000}
.elia-player[data-template=carousel] .ew-track{display:flex;flex-direction:column;justify-content:flex-end;align-items:start;position:relative;height:320px;padding:20px;color:inherit;isolation:isolate}
.elia-player[data-template=carousel] .ew-thumb{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:-2;filter:brightness(.6)}
.elia-player[data-template=carousel] .ew-card-play{display:grid;place-items:center;position:absolute;top:40%;left:calc(50% - 24px);width:48px;height:48px;border:2px solid currentColor;border-radius:50%}
.elia-player[data-template=carousel] .ew-track-number{display:none}.elia-player[data-template=carousel] .ew-track-name{flex:0}.elia-player[data-template=carousel] .ew-actions{padding:10px;flex-wrap:wrap;color:inherit}
.elia-player[data-template=carousel] .ew-deck{grid-column:1/-1;grid-row:2}.elia-player[data-template=carousel] .ew-carousel-nav{grid-column:1/-1}
/* 09: Wide hero with artwork at the left. */
.elia-player[data-template=hero] .ew-deck{padding:32px 32px 32px 32%;min-height:300px;isolation:isolate;overflow:hidden;background:color-mix(in srgb,currentColor 5%,var(--ew-bg))}
.elia-player[data-template=hero] .ew-artwork{display:block;position:absolute;inset:0 auto 0 0;width:29%;height:100%;object-fit:cover;z-index:-1}
.elia-player[data-template=hero] .ew-cover{display:none}.elia-player[data-template=hero] .ew-head{margin-bottom:30px}
/* 10: Compact horizontal cover and waveform. */
.elia-player[data-template=compact] .ew-deck{display:grid;grid-template-columns:130px minmax(0,1fr);column-gap:24px;align-items:center}
.elia-player[data-template=compact] .ew-artwork{display:block;width:130px;height:160px;object-fit:cover;grid-column:1;grid-row:1/6}
.elia-player[data-template=compact] .ew-head{grid-column:2;margin:0 0 12px}.elia-player[data-template=compact] .ew-cover{display:none}
.elia-player[data-template=compact] :is(.ew-wave,.ew-controls,.ew-time,.ew-status,.ew-link){grid-column:2}
.elia-player[data-template=compact] .ew-wave{grid-row:2;margin:0}.elia-player[data-template=compact] .ew-time{grid-row:3}.elia-player[data-template=compact] .ew-controls{grid-row:4}.elia-player[data-template=compact] .ew-list{margin-top:24px!important}
@media(max-width:640px){
.elia-player:is([data-template=studio],[data-template=split],[data-template=carousel]){display:block}
.elia-player[data-template=studio] .ew-deck{display:block}.elia-player[data-template=studio] .ew-head{display:flex}.elia-player[data-template=studio] .ew-cover{width:80px;margin:0}
.elia-player[data-template=carousel] .ew-list{margin:20px 0!important}.elia-player[data-template=carousel] .ew-list li{flex-basis:75%}
.elia-player[data-template=split] .ew-cover{max-width:320px}
.elia-player[data-template=hero] .ew-deck{padding:24px}.elia-player[data-template=hero] .ew-artwork{width:100%;opacity:.14}
.elia-player[data-template=compact] .ew-deck{grid-template-columns:64px minmax(0,1fr);gap:12px}.elia-player[data-template=compact] .ew-artwork{width:64px;height:80px;grid-row:1}.elia-player[data-template=compact] :is(.ew-wave,.ew-controls,.ew-time,.ew-status,.ew-link){grid-column:1/-1}
.elia-player .ew-list li{flex-wrap:wrap}.elia-player .ew-actions{padding:0 4px 12px;flex-wrap:wrap}.elia-player .ew-track{flex-basis:100%}.elia-player .ew-track-artist{display:none}
}
/* 1.2: Explicit per-playlist colors; empty fields retain existing styles. */
.elia-player.elia-player[style*="--ew-custom-background:"]{background:var(--ew-custom-background)}
.elia-player.elia-player[style*="--ew-custom-panel:"] :is(.ew-deck,.ew-list li){background:var(--ew-custom-panel)}
.elia-player.elia-player[style*="--ew-custom-text:"]{color:var(--ew-custom-text)}
.elia-player.elia-player[style*="--ew-custom-title:"] :is(.ew-title,.ew-album-title){color:var(--ew-custom-title)}
.elia-player.elia-player[style*="--ew-custom-artist:"] :is(.ew-artist,.ew-track-artist){color:var(--ew-custom-artist);opacity:1}
.elia-player.elia-player[style*="--ew-custom-track:"] .ew-track-name{color:var(--ew-custom-track)}
.elia-player.elia-player[style*="--ew-custom-muted:"] :is(.ew-time,.ew-status,.ew-track-number){color:var(--ew-custom-muted);opacity:1}
.elia-player.elia-player[style*="--ew-custom-icons:"] :is(.ew-prev,.ew-next,.ew-play,.ew-card-play,.ew-carousel-nav button){color:var(--ew-custom-icons)}
.elia-player.elia-player[style*="--ew-custom-button:"] :is(.ew-play,.ew-card-play){background:var(--ew-custom-button)}
.elia-player.elia-player[style*="--ew-custom-border:"] :is(.ew-list,.ew-list li,.ew-actions a,.ew-carousel-nav button,.ew-play,.ew-card-play){border-color:var(--ew-custom-border)}
.elia-player.elia-player[style*="--ew-custom-hover:"] button:hover{background:var(--ew-custom-hover)}
.elia-player.elia-player[style*="--ew-custom-active:"] .ew-track[aria-current=true] .ew-track-name{color:var(--ew-custom-active)}
.elia-player.elia-player[style*="--ew-custom-active-bg:"] .ew-track[aria-current=true]{background:var(--ew-custom-active-bg)}
.elia-player.elia-player[style*="--ew-custom-link:"] :is(.ew-link,.ew-actions a){color:var(--ew-custom-link)}
.elia-player[style*="--ew-custom-icons:"] .ew-volume input{accent-color:var(--ew-custom-icons)}
