:root{--pink:#f47da9;--deep:#a83c78;--pale:#fff0f6;--purple:#7652a8;--ink:#39283a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Nunito,Arial,sans-serif;color:var(--ink);background:var(--page-bg)}header{position:sticky;top:0;z-index:5;background:#ffffffed;backdrop-filter:blur(12px);border-bottom:1px solid #f7dce9}.nav{max-width:1100px;margin:auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{font-weight:900;font-size:1.35rem;color:var(--deep);letter-spacing:.5px;text-decoration:none}.logo span{color:var(--purple)}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{color:var(--ink);text-decoration:none;font-weight:800;font-size:.95rem}nav a:hover{color:var(--deep)}.wrap{max-width:1100px;margin:auto;padding:0 22px}.hero{padding:66px 0 50px;background:radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--purple) 18%,transparent),transparent 30%),linear-gradient(135deg,color-mix(in srgb,var(--deep) 10%,var(--page-bg)),var(--page-bg) 65%)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:35px}.eyebrow{color:var(--deep);font-weight:900;text-transform:uppercase;letter-spacing:2px;font-size:.78rem}h1{font-size:clamp(2.5rem,6vw,4.7rem);line-height:1.02;margin:12px 0;color:var(--deep)}h1 em{font-style:normal;color:var(--purple)}.lead{font-size:1.12rem;line-height:1.7;max-width:560px}.hero-art{min-height:310px;border-radius:38px;background:linear-gradient(145deg,#f8a8c7,#d9c4f7);display:grid;place-items:center;box-shadow:0 20px 55px #bd75a533;overflow:hidden;position:relative}.doll{font-size:7rem;filter:drop-shadow(0 12px 10px #87466a44)}.bubble{position:absolute;background:white;border-radius:24px;padding:12px 18px;font-weight:900;color:var(--deep);box-shadow:0 8px 25px #87466a22;right:18px;bottom:20px}.btn{display:inline-block;border:0;border-radius:30px;padding:12px 20px;background:var(--deep);color:white;text-decoration:none;font-weight:900;cursor:pointer;margin:8px 8px 0 0;font:inherit}.btn.alt{background:white;color:var(--deep);border:1px solid #f0bfd4}.btn.small{font-size:.82rem;padding:7px 12px}section{padding:48px 0}.section-head{text-align:center;margin-bottom:30px}.section-head h2{font-size:2rem;color:var(--deep);margin:0 0 8px}.section-head p{color:#806c7d;margin:0}.panel{background:white;border:1px solid #f5dce8;border-radius:24px;padding:24px;box-shadow:0 12px 35px #8b4d6a0d}.track{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #f7e7ef}.track:last-child{border:0}.cover-img{width:65px;height:65px;object-fit:cover;border-radius:15px;background:linear-gradient(135deg,#f7a6c4,#bda5e8);flex:none}.track-info{flex:1;min-width:0}.track-info strong,.track-info small{display:block}.track-info small{color:#967d90;margin:3px 0 8px}.track audio{width:min(100%,420px);height:34px}.albums-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.album-card{background:#fff;border:1px solid #f5dce8;border-radius:22px;padding:18px;text-align:center}.album-card img{width:min(100%,220px);aspect-ratio:1;object-fit:cover;border-radius:18px;background:linear-gradient(145deg,#f8a4c4,#c9b4ee)}.album-card h3{color:var(--deep)}.photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.gallery-photo{width:100%;aspect-ratio:1;object-fit:cover;border-radius:20px;background:linear-gradient(145deg,#ffd3e4,#e2d4fa)}footer{background:#432b47;color:#fff;padding:30px 0;text-align:center}.admin-body{background:var(--page-bg)}.admin-wrap{padding-top:35px;padding-bottom:60px}.admin-wrap .section-head h1{font-size:2.4rem}.form{display:grid;gap:13px}.form label{display:grid;gap:6px;font-weight:800;font-size:.92rem}.form input,.form textarea,.form select{width:100%;padding:11px 12px;border:1px solid #e9ccda;border-radius:12px;background:#fff;font:inherit;color:var(--ink)}.form input[type=file]{font-size:.85rem}.form .check{display:flex;align-items:center;gap:9px}.form .check input{width:auto}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:20px}.admin-grid h2{color:var(--deep);margin-top:0}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.admin-list{margin-top:18px}.admin-row{display:flex;align-items:center;gap:8px;padding:10px 0;border-top:1px solid #f5dce8;flex-wrap:wrap}.admin-row span{flex:1;min-width:110px}.admin-row small{display:block;color:#806c7d}.admin-row button{border:1px solid #edc5d8;border-radius:18px;padding:7px 10px;background:#fff0f6;color:#8d3267;font-weight:800;cursor:pointer}.admin-row button.danger{background:#fff1f1;color:#a22}.thumb{width:45px;height:45px;object-fit:cover;border-radius:9px}#status{min-height:22px;font-weight:800}#status.error{color:#b42318}#status.success{color:#24734a}[hidden]{display:none!important}@media(max-width:760px){.hero-grid{grid-template-columns:1fr}.hero{padding-top:42px}.hero-art{min-height:240px}.nav{align-items:flex-start;flex-direction:column}nav{gap:12px}.admin-top{align-items:flex-start;flex-direction:column}.track{align-items:flex-start}}
/* Éditeur visuel et thèmes personnalisables */
:root{--page-bg:#fffafd;--card-radius:22px}body{background:var(--page-bg)}.panel,.album-card{border-radius:var(--card-radius)}.admin-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.editor-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:28px;align-items:start}.editor-grid h3{color:var(--deep);margin:12px 0 2px}.editor-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.preview-column{position:sticky;top:90px}.design-preview{--preview-primary:#a83c78;--preview-secondary:#7652a8;--preview-bg:#fffafd;--preview-text:#39283a;--preview-radius:22px;border:1px solid #ead8e2;border-radius:20px;overflow:hidden;background:var(--preview-bg);color:var(--preview-text);box-shadow:0 12px 35px #8b4d6a14}.design-preview{border-radius:var(--preview-radius)}.preview-top{padding:15px 18px;background:#fff;font-weight:900;color:var(--preview-primary);border-bottom:1px solid #f1e5eb}.preview-top b{color:var(--preview-secondary)}.preview-hero{padding:30px 22px;background:linear-gradient(135deg,color-mix(in srgb,var(--preview-primary) 12%,var(--preview-bg)),var(--preview-bg));}.preview-hero small{color:var(--preview-primary);font-weight:900}.preview-hero h2{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.1;color:var(--preview-primary);margin:10px 0}.preview-hero p{line-height:1.6}.preview-button{display:inline-block;background:var(--preview-primary);color:white;border-radius:30px;padding:9px 14px;font-weight:900}.preview-bottom{padding:15px;background:white;color:var(--preview-secondary);font-weight:800;font-size:.85rem}.hint{font-size:.85rem;color:#806c7d;line-height:1.5}.admin-tabs button{margin:0}#design-tools .section-head{margin-bottom:20px}#design-tools .section-head h2{margin-bottom:8px}@media(max-width:760px){.editor-grid{grid-template-columns:1fr}.preview-column{position:static}.editor-actions .btn{width:100%;text-align:center}}

/* Achat, extraits audio et import ZIP */
.buy-actions{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap}
.buy-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:var(--deep);color:#fff;padding:9px 18px;border-radius:999px;font-weight:800}
.preview-note{font-size:.82rem;color:var(--muted,#756879);margin-top:4px}
.album-tracks{margin-top:14px;border-top:1px solid #eadde8;padding-top:10px}
.album-track{padding:10px 0;border-bottom:1px solid #f0e7ef}
.album-track strong{display:block;margin-bottom:5px}
.zip-track-list{display:grid;gap:10px;margin:8px 0}
.zip-track-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;align-items:end;padding:10px;border:1px solid #eadde8;border-radius:12px}
.zip-track-row label{margin:0}
.zip-track-row input{min-width:0}
@media(max-width:600px){.zip-track-row{grid-template-columns:1fr}}
/* Identité princesse et communauté */
:root{--deep:#a51d65;--pink:#d83b91;--purple:#8b4ac4;--page-bg:#fff7fc;--ink:#40233a}
.hero{background:radial-gradient(circle at 80% 18%,#f3c4f0 0,transparent 32%),linear-gradient(135deg,#ffe0ef,#fff8fd 65%)}
.hero-art{background:radial-gradient(circle at 50% 35%,#ffeaf5,#e8c8f5 70%,#d8b5e8);border:1px solid #f4c9e1}
.btn,.buy-btn{background:linear-gradient(135deg,var(--deep),#d83b91);box-shadow:0 7px 18px #a51d6522}
.track{gap:16px}.track-info audio{display:block;margin:7px 0}.like-btn{border:1px solid #efc5dc;background:#fff1f8;color:#9d2867;border-radius:24px;padding:8px 14px;font:inherit;font-weight:900;cursor:pointer}.like-btn.liked{background:#a51d65;color:#fff;border-color:#a51d65}.buy-actions{gap:9px}
.community-wrap{padding-top:28px;padding-bottom:65px}.community-hero{text-align:center;padding:48px 20px 38px;background:radial-gradient(circle at 50% 0,#f5d3f0,transparent 65%)}.community-hero h1{font-size:clamp(2.2rem,5vw,3.6rem)}.community-hero h1 em{color:var(--purple)}.community-hero p{max-width:650px;margin:12px auto;line-height:1.7}.community-layout{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.5fr);gap:20px;align-items:start}.auth-panel h2,.discussion-panel h2{color:var(--deep);margin-top:0}.auth-switch{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.auth-switch .btn{margin:0}.community-feed{display:grid;gap:12px;margin-top:20px}.community-message{padding:14px 16px;border:1px solid #f1d5e5;border-radius:16px;background:linear-gradient(135deg,#fff,#fff8fc)}.message-meta{display:flex;justify-content:space-between;gap:10px;align-items:center}.message-meta strong{color:var(--deep)}.message-meta time{font-size:.78rem;color:#967d90}.community-message p{line-height:1.65;margin:10px 0 0;overflow-wrap:anywhere}.discussion-head{display:flex;justify-content:space-between;align-items:center}.discussion-head p{margin-top:-5px;color:#806c7d}.club-mark{font-size:2.2rem}.message-submit{display:flex;justify-content:space-between;align-items:center;gap:10px}.message-submit small{color:#806c7d}.empty-feed{padding:22px;text-align:center;color:#806c7d;background:#fff7fc;border-radius:14px}.community-body #community-status{min-height:22px;font-weight:800;font-size:.88rem}.community-body #community-status.error{color:#b42318}.community-body #community-status.success{color:#24734a}.nav a.active{color:var(--deep)}@media(max-width:760px){.community-layout{grid-template-columns:1fr}.message-meta{align-items:flex-start;flex-direction:column}.community-hero{padding-top:28px}.discussion-panel{padding:18px}}
