@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#0d0f12;--panel:#15191e;--panel2:#1b2027;--line:#2a323c;--text:#f0eee8;--muted:#9aa5b1;--copper:#d18845;--teal:#6dc9b7;--red:#e2776b;--yellow:#d7b460;--green:#79c27d;--shadow:0 18px 50px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 15% 0,rgba(209,136,69,.12),transparent 38%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh}.shell{width:min(1040px,calc(100% - 28px));margin:auto;padding:34px 0 70px}.hero{padding:16px 4px 28px;border-bottom:1px solid var(--line);margin-bottom:24px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--copper);font-size:.76rem;font-weight:700}.hero h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(3.5rem,10vw,6rem);line-height:.9;margin:8px 0 10px;letter-spacing:.02em}.hero h1 span{color:var(--copper)}.hero p{max-width:760px;color:var(--muted);font-size:1.05rem;line-height:1.6}.pipeline{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:18px}.pipeline span{border:1px solid var(--line);background:var(--panel);padding:7px 10px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.pipeline b{color:var(--copper)}.panel{background:linear-gradient(180deg,rgba(255,255,255,.015),transparent),var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;margin:18px 0;box-shadow:var(--shadow)}.panel-title{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.panel-title>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--copper);color:#101114;font-family:'Bebas Neue';font-size:1.35rem;flex:0 0 auto}.panel-title h2{margin:0;font-size:1.12rem;text-transform:uppercase;letter-spacing:.08em}.panel-title p{margin:5px 0 0;color:var(--muted);line-height:1.45;font-size:.9rem}.dropzone{width:100%;min-height:130px;border:1.5px dashed #46515f;border-radius:13px;background:#101318;color:var(--text);display:grid;place-content:center;gap:8px;text-align:center;cursor:pointer;padding:24px;transition:.18s}.dropzone:hover,.dropzone.drag{border-color:var(--copper);background:rgba(209,136,69,.07)}.dropzone.loaded{border-style:solid;border-color:var(--green)}.dropzone strong{font-size:1rem}.dropzone small{color:var(--muted)}.field-label{display:block;margin:18px 0 7px;font-size:.85rem;font-weight:700}.field-label em{color:var(--muted);font-weight:400}textarea,select{width:100%;background:#0f1216;border:1px solid var(--line);border-radius:10px;color:var(--text);font:inherit;padding:12px}textarea{min-height:92px;resize:vertical;line-height:1.5}textarea:focus,select:focus{outline:2px solid rgba(209,136,69,.35);border-color:var(--copper)}.controls-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.controls-grid label{font-size:.78rem;font-weight:700;color:var(--muted)}.controls-grid select{margin-top:6px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.actions small{color:var(--muted)}button.primary,button.secondary{border:0;border-radius:10px;padding:12px 17px;font:700 .9rem Inter;cursor:pointer;transition:.18s}button.primary{background:var(--copper);color:#111}button.secondary{background:var(--teal);color:#0d1816}button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}.status{min-height:20px;margin-top:12px;color:var(--muted);font-size:.88rem}.status.busy:before{content:"";display:inline-block;width:12px;height:12px;border:2px solid var(--line);border-top-color:var(--copper);border-radius:50%;margin-right:8px;vertical-align:-2px;animation:spin .75s linear infinite}.status.ok{color:var(--green)}.status.error{color:var(--red)}.status.warn{color:var(--yellow)}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}.score-row{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:16px}.score{text-align:center}.score strong{display:block;font-family:'Bebas Neue';font-size:3.7rem;color:var(--teal);line-height:.9}.score span{text-transform:uppercase;font-size:.7rem;letter-spacing:.12em;color:var(--muted)}.score-row p{margin:0;color:var(--muted);line-height:1.55}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:10px;margin-top:14px}.metric{background:#101318;border:1px solid var(--line);border-radius:11px;padding:12px}.metric b{display:block;font-family:'Bebas Neue';font-size:1.8rem;color:var(--copper);font-weight:400}.metric span{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.findings{display:grid;gap:10px;margin-top:16px}.finding{border:1px solid var(--line);border-left:4px solid var(--copper);border-radius:11px;padding:14px;background:var(--panel2)}.finding.high{border-left-color:var(--red)}.finding.medium{border-left-color:var(--yellow)}.finding.low{border-left-color:var(--teal)}.finding-top{display:flex;justify-content:space-between;gap:12px}.finding h3{margin:0;font-size:.98rem}.badge{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--line);border-radius:999px;padding:4px 8px;color:var(--muted);white-space:nowrap}.finding p{margin:8px 0 0;color:var(--muted);font-size:.87rem;line-height:1.5}.finding .action{color:var(--text)}.stem-grid{display:grid;gap:14px}.stem-card{border:1px solid var(--line);background:var(--panel2);border-radius:13px;padding:15px}.stem-card h3{margin:0;text-transform:capitalize}.stem-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.repair-list{display:grid;gap:7px;margin-top:12px}.repair{display:flex;justify-content:space-between;gap:10px;background:#101318;border:1px solid var(--line);border-radius:9px;padding:9px 10px;font-size:.82rem}.repair span:last-child{color:var(--teal);text-align:right}.master-chain{display:grid;gap:9px;margin-top:14px}.chain-item{display:flex;justify-content:space-between;gap:14px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:11px 12px}.chain-item b{font-size:.86rem}.chain-item span{font-size:.8rem;color:var(--muted);text-align:right}.preview{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.preview-select{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:12px;color:var(--muted);font-size:.82rem}.meter{height:10px;background:#0e1115;border:1px solid var(--line);border-radius:999px;overflow:hidden;margin-top:12px}.meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--green),var(--yellow),var(--red));transition:width .08s}.verification{display:grid;gap:8px;margin-top:14px}.check{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}.check b{color:var(--green)}.check.warn b{color:var(--yellow)}.check.fail b{color:var(--red)}.check div{font-size:.84rem;color:var(--muted);line-height:1.45}footer{text-align:center;color:#6f7883;font-size:.75rem;margin-top:28px}@media(max-width:660px){.shell{width:min(100% - 18px,1040px);padding-top:18px}.panel{padding:16px;border-radius:13px}.controls-grid,.score-row{grid-template-columns:1fr}.score{text-align:left}.score strong{font-size:3rem}.pipeline{gap:6px}.pipeline span{font-size:.68rem;padding:6px 8px}.finding-top,.chain-item,.repair{align-items:flex-start;flex-direction:column}.chain-item span,.repair span:last-child{text-align:left}}