*{box-sizing:border-box}body{margin:0;background:#111b23;color:#eef1ec;font:17px/1.6 system-ui,sans-serif}header,main,footer{max-width:1380px;margin:auto;padding:28px}header{border-bottom:1px solid #52606a}h1{font-size:clamp(2rem,4vw,3.8rem);line-height:1.1;max-width:20ch}h2,h3{line-height:1.25}p{max-width:75ch}a{color:#bde0df}button,.button{padding:11px 16px;background:#c5dfc5;border:1px solid #b7ccc0;color:#152825;border-radius:5px;font:inherit;cursor:pointer;text-decoration:none;display:inline-block;margin:4px 4px 4px 0}button:disabled{opacity:.5}nav{display:flex;gap:16px;flex-wrap:wrap}.eyebrow{letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:#b8d7cc}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.card{background:#1c2b36;padding:12px;border:1px solid #4a626e;border-radius:6px}.card img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}label{display:block;font-size:15px;font-weight:600;margin:14px 0 6px}textarea,input,select{max-width:100%;font:inherit;color:#172c34;background:#fbfaf6;border:1px solid #9eafb2;border-radius:4px;padding:10px}textarea{width:100%;min-height:105px}input[type=range]{width:100%;padding:0}section{margin-bottom:35px}.workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr);gap:32px}.sticky{position:sticky;top:12px;align-self:start}#stage svg,#before svg{width:100%;height:auto;display:block;max-height:79vh}#before{max-width:360px}#harmony-wheel svg{display:block;width:220px;max-width:100%;margin:16px auto}#harmony-wheel text{font:12px system-ui;fill:#eef1ec}details{background:#1c2b36;padding:16px;margin:14px 0;border:1px solid #526574}summary{cursor:pointer;font-weight:650}#draft-status,.notice{border-left:4px solid #bfd6a8;padding:12px;background:#253541}#draft-controls{padding:18px;background:#182833;margin:20px 0}#draft-controls button{font-size:14px}#modal{width:min(1000px,95vw);max-height:95vh;background:#13232d;color:white;border:1px solid #abc0c2;padding:24px}#modal img{max-width:100%;max-height:78vh;display:block;margin:auto}dialog::backdrop{background:#000c}.small{font-size:14px;color:#c1cdd3}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}output{font-weight:500;color:#c7e3c9}.brief{padding:24px;background:#233846;border:1px solid #5f7a82}.rubric{border-collapse:collapse;width:100%}th,td{border:1px solid #61757c;padding:10px;text-align:left}input:focus,textarea:focus,button:focus,a:focus,select:focus,summary:focus{outline:3px solid #eabf70;outline-offset:3px}@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{grid-template-columns:1fr}.sticky{position:static}header,main,footer{padding:20px}}@media(max-width:480px){.cards{grid-template-columns:1fr}.pair{grid-template-columns:1fr}h1{font-size:2.1rem}}@media print{body{background:white;color:#172c34}header,main{padding:0}nav,button,#draft-controls{display:none}.cards{grid-template-columns:1fr 1fr}.card{background:white;color:#172c34;break-inside:avoid;border-color:#888}.card img{max-height:350px}.workspace{display:block}.sticky{position:static}details{background:white;color:#172c34}textarea{min-height:80px}.small{color:#333}}
#collection-controls{padding:24px;border:1px solid #7a9296;background:#233846}#submission-preview{max-width:900px;width:92vw;max-height:90vh;overflow:auto;background:#1c2b36;color:#eef1ec;border:1px solid #9aafb4;padding:24px}#submission-preview p{max-width:75ch}