:root{font-family:system-ui,sans-serif;color:#182226;background:#f6f3ed;line-height:1.5}body{margin:0}header{display:flex;justify-content:space-between;padding:1rem 4vw;border-bottom:1px solid #d8d4cb}header>a{font-weight:750}nav{display:flex;gap:1.4rem}a{color:#176054}main{max-width:1100px;margin:2rem auto;padding:0 1.5rem}h1,h2{line-height:1.2}section{background:white;border:1px solid #dedad2;border-radius:12px;padding:1.5rem;margin:1.5rem 0}label{display:flex;gap:.4rem;flex-direction:column}textarea{box-sizing:border-box;width:100%;padding:.8rem;font:inherit}input,select,button{font:inherit;box-sizing:border-box}input,select{max-width:100%;padding:.4rem}button{padding:.6rem 1rem;border:0;border-radius:6px;background:#176054;color:white;cursor:pointer;margin:.3rem .3rem .3rem 0}button:disabled{opacity:.5;cursor:wait}.controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin:1rem 0}canvas{display:block;width:100%;height:auto;touch-action:none;border:1px solid #ccc;border-radius:4px}#preview{max-width:100%;max-height:400px}#result[data-error=true]{color:#a02020}:focus-visible{outline:3px solid #e5a544;outline-offset:3px}
.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:700;color:#176054}.muted{color:#66716e;font-size:.875rem}.button{display:inline-block;padding:.7rem 1rem;background:#176054;color:white;border-radius:6px;text-decoration:none}.login{max-width:650px;margin-top:12vh}.section-heading{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center}.badge{display:inline-block;padding:.15rem .6rem;border-radius:99px;background:#edf3ed;color:#345e43}.details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.details dt{font-size:.8rem;color:#66716e}.details dd{margin:0;overflow-wrap:anywhere}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.media-card{display:flex;flex-direction:column;gap:.5rem;border:1px solid #dedad2;border-radius:8px;padding:1rem;min-width:0}.media-card img{width:100%;height:120px;object-fit:contain;background:#edf0ec}.media-card button{margin:0}.secondary{background:#edf3ed;color:#176054}summary{cursor:pointer;color:#176054}details{margin-top:1rem}#playlist-items{padding-left:0;list-style:none}#playlist-items>li{padding:1rem 0;border-bottom:1px solid #dedad2}.send-panel{border-top:1px solid #dedad2;padding-top:1.5rem;margin-top:1.5rem}.send-panel input{width:160px}#dashboard-message{position:sticky;top:0;z-index:1;background:#f6f3ed;padding:.6rem 0;min-height:1.5rem}#dashboard-message[data-error=true]{color:#a02020}@media(max-width:600px){header{align-items:center}nav{gap:.7rem;align-items:center}main{padding:0 1rem}section{padding:1rem}h1{font-size:1.8rem}.controls{align-items:stretch;gap:.6rem}.controls label{width:100%}.details{grid-template-columns:1fr 1fr}.media-grid{grid-template-columns:1fr}input[type=file]{width:100%}}