:root{color-scheme:dark;font-family:Arial,sans-serif;color:#f3f6fa;background:#070b12}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:32px 24px}header,.heading{display:flex;align-items:center;justify-content:space-between;gap:16px}header{margin-bottom:24px}h1{font-size:26px;margin:0}h2{font-size:18px;margin:0 0 18px}p{line-height:1.5;color:#c0cad6}header p{font-size:13px;margin:8px 0}a{color:#a6e4d2}nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.box{background:#101722;border:1px solid #2b3647;border-radius:12px;padding:24px;margin:0 0 20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:flex;flex-direction:column;gap:8px;color:#dce5ee;font-size:13px}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;min-height:42px;border:1px solid #3b4b61;border-radius:7px;padding:10px;background:#0b121d;color:#f3f6fa}button{background:#8edac4;color:#102820;border:1px solid #8edac4;border-radius:7px;min-height:40px;padding:9px 15px;cursor:pointer;font-size:13px}button.secondary{background:#172332;color:#e4edf7;border-color:#3b4b61}button:disabled{opacity:.5;cursor:default}nav button[aria-pressed=true]{outline:2px solid #8edac4;outline-offset:3px}.hint{font-size:12px;line-height:1.6;color:#b6c3d3}.row{border-top:1px solid #2b3647;padding:14px 0;display:flex;gap:14px;align-items:center;justify-content:space-between}.row p{font-size:12px;margin:5px 0}.actions{display:flex;gap:8px;flex-wrap:wrap}.review-item{border:1px solid #34445a;padding:16px;border-radius:8px;margin:14px 0}.review-item h3{font-size:15px;line-height:1.5;margin:0 0 10px}.review-item p,.review-item li{font-size:13px;line-height:1.6}.review-item .evidence{color:#afc1d4;border-left:2px solid #5a778d;padding-left:12px}#status{min-height:22px;font-size:13px}#review{border-top:1px solid #3b4b61;padding-top:22px;margin-top:20px}#review label{flex-direction:row;align-items:flex-start;line-height:1.6;margin:16px 0}#review input[type=checkbox]{width:20px;min-height:20px;flex:none}#review button{margin-right:10px}.error{color:#ffb5aa!important}[hidden]{display:none!important}:focus-visible{outline:2px solid #8edac4;outline-offset:3px}@media(max-width:600px){main{padding:22px 15px}header{align-items:flex-start}h1{font-size:22px}.box{padding:18px}.fields{grid-template-columns:1fr}.heading{align-items:flex-start;flex-direction:column;margin-bottom:15px}.row{align-items:flex-start;flex-direction:column}input,select{font-size:16px}header>a{font-size:12px;white-space:nowrap}}

.branding-confirm{display:flex;flex-direction:row;align-items:flex-start;gap:10px;line-height:1.6;margin:16px 0;font-size:12px}.branding-confirm input{min-height:18px;width:18px;flex:none;margin-top:2px}

/* Match the blue and yellow study theme. */
:root{color-scheme:dark;background:#031a42;color:#edf5ff}body{background:linear-gradient(135deg,#031431,#06275d 55%,#07396f)}.box{background:linear-gradient(145deg,#0a326c,#061f4c);border-color:#346aa8;box-shadow:0 5px 16px #00133033}p,.hint{color:#c4d9f2}a{color:#ffdd16}label{color:#edf5ff}input,select,textarea{background:#041b42;color:#edf5ff;border-color:#4e83ba}button{background:#ffdd16;border-color:#ffdd16;color:#073476;transition:transform .15s,background .15s}button:hover{background:#ffe85c;transform:translateY(-1px)}button.secondary{background:#0c356f;border-color:#5f99d2;color:#fff}nav button[aria-pressed=true]{background:#ffdd16;color:#073476;outline-color:#ffdd16}.row,#review{border-color:#346aa8}.review-item{background:#062552;border-color:#346aa8}.review-item .evidence{color:#c4d9f2;border-color:#ffdd16}.error{color:#ffada8!important}:focus-visible{outline-color:#ffdd16}@media(prefers-reduced-motion:reduce){button{transition:none}button:hover{transform:none}}

.clean-preview{margin-top:20px;padding:16px;border:1px solid #4e83ba;border-radius:10px;background:#041b42}.clean-preview h3{margin:0 0 8px;font-size:16px}.clean-preview iframe{display:block;width:100%;height:min(70vh,720px);border:1px solid #4e83ba;border-radius:8px;background:#fff}.clean-preview .branding-confirm{margin:14px 0}.clean-preview .branding-confirm input{width:20px;min-height:20px;flex:none}

.clean-preview #uploadButton{display:block;margin-top:14px;min-width:210px}
