:root{color-scheme:dark;--bg:#101518;--panel:#182024;--gold:#e5bc76;--ink:#f1eadc;--line:#ffffff24}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 system-ui,sans-serif}header{padding:20px 5vw;display:flex;gap:25px;align-items:center;border-bottom:1px solid var(--line)}header strong{font:30px Georgia,serif;letter-spacing:5px}header span{color:var(--gold);font-size:14px}header button{margin-left:auto}main{max-width:1350px;margin:0 auto;padding:30px 4vw}h1{font-size:28px;font-weight:500;margin:8px 0}h2{font-size:22px}p{margin:8px 0}.notice{margin-bottom:25px}#state{color:var(--gold)}#error{color:#ffb5a8}.card{max-width:560px;border:1px solid var(--line);border-radius:12px;padding:28px;background:var(--panel)}label{display:block;font-size:14px;color:#c7c8c4}input,select{display:block;width:100%;background:#101518;color:var(--ink);padding:12px;border:1px solid #7f8582;border-radius:5px;font:inherit;margin:5px 0 16px}button{font:inherit;cursor:pointer;background:#263236;color:var(--ink);border:1px solid #83918c;border-radius:5px;padding:10px 17px}button.primary{background:var(--gold);border-color:var(--gold);color:#101518}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.bar{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.grow{flex:1}.bar label{min-width:220px}.bar input,.bar select{margin-bottom:5px}.actions{margin:20px 0 8px}a{color:var(--gold)}.hint{font-size:14px;color:#c7c8c4}iframe{border:1px solid var(--line);width:100%;height:68vh;min-height:450px;margin-top:16px;background:#15191c}[hidden]{display:none!important}@media(max-width:650px){header{flex-wrap:wrap;gap:10px}main{padding:20px 4vw}.bar label{width:100%}.actions button{flex:1}h1{font-size:24px}}

/* Keep save/publish feedback visible while the author scrolls. */
.feedback{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);width:min(760px,92vw);max-height:30vh;overflow:auto;z-index:20;background:#182024;border:1px solid var(--gold);border-radius:10px;padding:12px 18px;box-shadow:0 6px 28px #0008}.feedback p{margin:0}.feedback #error:not(:empty){margin-top:6px}.feedback #error:empty{display:none}main{padding-bottom:180px}


textarea{display:block;width:100%;background:#101518;color:var(--ink);padding:12px;border:1px solid #7f8582;border-radius:5px;font:inherit;resize:vertical;margin:5px 0 16px}#create-panel{max-width:950px}


.image-tools{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.image-tools summary{cursor:pointer;color:var(--gold);font-weight:600}.image-tools hr{border:0;border-top:1px solid var(--line);margin:20px 0}


#import-panel{max-width:1050px}#import-list{padding-left:24px}#import-list li{padding:8px 0;overflow-wrap:anywhere}.image-tools input[type=file]{max-width:100%}

.confirmation{background:#182024;color:#f1eadc;border:1px solid #e5bc76;border-radius:12px;max-width:min(550px,90vw);padding:24px}.confirmation::backdrop{background:#000b}.confirmation .bar{margin-top:20px}.wide-card{max-width:1000px}.cover-preview{max-width:200px;max-height:260px;object-fit:contain}.media-item{padding:16px 0;border-bottom:1px solid #ffffff24}.media-item .bar{margin-bottom:12px}header a{font-size:14px}input[type=checkbox]{display:inline;width:auto}

.song-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.song-summary strong{flex:1;min-width:180px;overflow-wrap:anywhere}.song-summary span{font-size:14px;color:var(--gold)}.song-editor{padding:16px;margin:12px 0;border:1px solid var(--line);border-radius:8px}.song-editor[hidden]{display:none}.media-item>.bar{margin:10px 0 0}