:root{font-family:Arial,Helvetica,sans-serif;color:#eaf1f8;background:#071727;color-scheme:dark}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #c6a260}header{display:flex;justify-content:space-between;align-items:center;padding:30px 5%;border-bottom:1px solid #b5c8dd22;font:10px monospace;letter-spacing:1px}.brand{font:bold italic 25px Arial;letter-spacing:-1px}.brand span{color:#c6a260}header b{font-weight:normal;color:#c6a260;margin-left:15px}main{max-width:1440px;margin:auto;padding:65px 5%}.intro h1{font-weight:400;font-size:clamp(45px,5.8vw,78px);line-height:1;letter-spacing:-4px;margin:20px 0}.intro h1 span{color:#8faac4}.intro>p:not(.eyebrow){color:#aabccd;font-size:14px}.eyebrow{font:9px monospace;letter-spacing:2px;color:#c6a260}.connection{display:inline-block;padding:12px 18px;border:1px solid #6b83a04d;border-radius:3px;color:#aabed3;font-size:11px;margin:14px 0 45px}.workspace{display:grid;grid-template-columns:1.05fr 1fr;gap:5%}section{border-top:1px solid #b5c8dd33;padding:28px 0}h2{font-size:19px;font-weight:400;letter-spacing:-.5px;margin:0 0 20px}h2 i{font:10px monospace;font-style:normal;color:#c6a260;margin-right:15px}.section-heading{display:flex;justify-content:space-between;align-items:baseline}.section-heading>span{font:9px monospace;color:#8ea7c0}.drop{position:relative;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;gap:10px;border:1px dashed #67839f;padding:28px;background:linear-gradient(120deg,#14324b,#0b2034);cursor:pointer}.drop strong{font-size:32px;font-weight:400;color:#c6a260}.drop b{font-size:16px;font-weight:400}.drop span{font-size:11px;line-height:1.6;color:#a4b9ca}.drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.drop:focus-within,.drop.over{outline:2px solid #c6a260;outline-offset:3px}.thumbnails{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}.thumb{position:relative}.thumb img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid #5f768d}.thumb button{position:absolute;top:2px;right:2px;width:23px;height:23px;border:0;background:#061626de;color:white;cursor:pointer}.thumb small{display:block;font-size:8px;color:#9eafc0;margin-top:4px}.hint{font-size:11px;line-height:1.7;color:#94a9bd}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}label{display:block;font-size:11px;color:#bacbd9;margin:12px 0}input,select,textarea{display:block;width:100%;margin-top:9px;background:#0a2033;color:#ecf2f8;border:1px solid #496077;padding:12px;font-size:12px;border-radius:2px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#71899e}details{margin:18px 0;font-size:12px}summary{cursor:pointer;color:#b9c9d9;padding:10px 0}.check{display:flex;gap:10px;line-height:1.6}.check input{width:auto;margin:3px 0;align-self:flex-start}.primary,.secondary{padding:14px 18px;border:1px solid #8299af;cursor:pointer;font-size:11px}.primary{background:#ccae73;color:#081827;border-color:#ccae73}.secondary{color:#cbdae6;background:transparent}button:disabled{opacity:.4;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(1.15)}.platform-tip{font-size:12px;line-height:1.7;background:#112b40;padding:15px;border-left:2px solid #c6a260}#platform-source,.research-link{font-size:10px;color:#c6a260}.results{position:sticky;top:25px;align-self:start;background:#10263b;border:1px solid #69809855;padding:32px;max-height:calc(100vh - 50px);overflow:auto;scrollbar-width:thin}.result-head{display:flex;justify-content:space-between}.draft-badge{font:8px monospace;color:#9db6cc}.results>h2{font-size:40px;letter-spacing:-1.8px;margin:25px 0}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px 0;border-top:1px solid #6d85984d;border-bottom:1px solid #6d85984d}.metrics span,.metrics small{display:block;color:#9aafc1;font-size:10px;line-height:1.5}.metrics strong{display:block;margin:10px 0;font-size:26px;font-weight:400}.review-note{font-size:11px;color:#c8b184;margin:22px 0;line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions .primary{width:100%}.actions .secondary{flex:1}.feedback{font-size:11px;line-height:1.6;color:#d8b573}.checklist{font-size:11px;color:#a7bacb;line-height:1.8}.checklist ul{padding-left:18px}footer{padding:30px 5%;border-top:1px solid #56708b44;display:flex;justify-content:space-between;font:9px monospace;color:#8ca3ba}footer button{background:none;color:#aabed0;border:0;cursor:pointer}#observations{background:#0c2d43;padding:16px;font-size:12px;line-height:1.7}#observations h3{font-size:12px;font-weight:400}#observations ul{padding-left:18px}[hidden]{display:none!important}#title-count{float:right;font:9px monospace;color:#9bb2c6}@media(max-width:850px){.workspace{grid-template-columns:1fr}.results{position:relative;top:0;max-height:none}.intro h1{letter-spacing:-2px}header>span{display:none}header>a:last-child{font-size:9px}main{padding-top:40px}.connection{line-height:1.7}.results{padding:24px}.fields{gap:10px}footer{gap:20px;line-height:1.6}}