:root{font-family:Arial,Helvetica,sans-serif;color:#e9edf0;background:#121619;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{height:76px;border-bottom:1px solid #30373b;display:flex;justify-content:space-between;align-items:center;padding:0 4%;color:#9da8af;font-size:14px}.brand{color:white;font-size:21px;font-weight:800;letter-spacing:1px}.brand b{color:#8dde36}main{max-width:1440px;margin:auto;padding:40px 4%}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.eyebrow{color:#8dde36;font-size:13px;letter-spacing:2px;font-weight:bold}h1{font-size:40px;margin:10px 0}p{line-height:1.5;color:#abb5bc}.privacy{border:1px solid #3b4840;padding:12px 16px;border-radius:24px;font-size:14px;color:#b6d8ac}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);gap:24px}.visual{background:#1b2125;border:1px solid #343e44;border-radius:14px;overflow:hidden;min-height:600px}.drop{display:flex;height:600px;justify-content:center;align-items:center;flex-direction:column;gap:18px;cursor:pointer;margin:20px;border:2px dashed #55624b;border-radius:10px;background:radial-gradient(ellipse at center,#263126,#1b2125)}.drop strong{font-size:26px}.drop span{color:#b2bec5}.drop small{font-size:14px;max-width:300px;text-align:center;color:#91a097}.drop.over{border-color:#8dde36}input[type=file]{display:none}button,select,input{font:inherit}button{background:#2c363b;border:1px solid #4a555c;border-radius:7px;color:white;cursor:pointer;padding:10px 14px;font-size:14px}button:hover{border-color:#8dde36}button.active{background:#8dde36;color:#15200e;border-color:#8dde36}.filebar{display:flex;justify-content:space-between;align-items:center;padding:18px;gap:12px}.filebar strong{overflow-wrap:anywhere}.toolbar{display:flex;gap:7px;flex-wrap:wrap;padding:0 18px 18px;align-items:center}.toolbar label{font-size:14px;color:#abb5bc}.toolbar select{max-width:140px;padding:7px;background:#283137;border:1px solid #48555c;border-radius:6px}.stage{height:470px;padding:20px;display:flex;align-items:center;justify-content:center;background-color:#ddd;background-image:conic-gradient(#aaa 25%,#ddd 0 50%,#aaa 0 75%,#ddd 0);background-size:24px 24px}.stage canvas{max-width:100%;max-height:100%;object-fit:contain}.visual .note{padding:0 18px}.status{border-radius:12px;padding:22px;margin-bottom:18px;background:#253021;border:1px solid #72b833}.status span{font-size:22px;font-weight:bold}.status p{margin:8px 0 0;color:inherit}.status.empty{background:#21292e;border-color:#424d54;color:#b4bec5}.status.warn{background:#3b301c;border-color:#a27b27;color:#ffe2a3}.status.hold{background:#3b2429;border-color:#b75567;color:#ffb8c5}.status.good{color:#c8f5a8}.panel{background:#1b2125;border:1px solid #343e44;border-radius:12px;padding:22px;margin-bottom:18px}h2{font-size:19px;margin:0 0 18px}.fields{display:flex;gap:12px}.fields label{flex:1;min-width:0;font-size:14px;color:#bac4ca}.fields input{display:block;width:100%;margin-top:8px;padding:12px;background:#12181c;border:1px solid #47555e;border-radius:7px;font-size:18px;color:white}.note{font-size:14px;line-height:1.5;color:#9ba9b2}dl{margin:18px 0}dl div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #343c42;font-size:14px}dt{color:#aebac1}dd{margin:0;font-weight:bold;text-align:right}.findings{font-size:14px;line-height:1.6;color:#cbd4d9}.findings p{color:inherit}footer{font-size:14px;color:#95a2ab;margin-top:24px;max-width:800px}button:focus-visible,label:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8dde36;outline-offset:3px}[hidden]{display:none!important}@media(max-width:850px){.workspace{grid-template-columns:1fr}.heading{align-items:flex-start;gap:12px;flex-direction:column}header{gap:12px}header>span:last-child{display:none}.visual{min-height:400px}.drop{height:400px}.stage{height:380px}main{padding-top:24px}h1{font-size:34px}}

header.brand-header{height:auto;min-height:155px;padding:22px 20px 18px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;background:#0b0f12;border-bottom:2px solid #579723}.brand-logo{display:block;width:310px;max-width:80vw;height:auto}.brand-caption{font-size:13px;letter-spacing:3px;color:#aab8a4}header.brand-header>.brand-caption{display:block}@media(max-width:600px){header.brand-header{min-height:125px;padding:18px}.brand-logo{width:260px}}