:root{--navy:#101820;--mid:#1b2832;--og:#b7d66a;--accent:#b7d66a;--accent2:#91ac48;--wht:#eef2ed;--lgray:#afbdbe;--txt:#d7e1df;--txt2:#aebec0;--card:#1b2832;--cbord:#34444c;--border:#34444c;--dark:#0c141b;--blue:#91ac48;--purple:#849aa2}
body{font-family:SpaceGrotesk,"Segoe UI",Arial,sans-serif;background:var(--navy);color:var(--wht)}
.header,.banner{background:#101820;border-bottom:1px solid var(--og)}
.steps,.panel-header{background:#15212a}
.panel,.upload-zone,.preset-card,.badge,.btn,.ptab,input,textarea,select,.output-area,.out-btn,.status-bar{border-radius:0}
.btn-primary,.ptab.active,.step.active .step-num,.btn-generate,.out-btn.primary,.banner .badge{color:#101820;background:var(--og);border-color:var(--og)}
.btn-primary:hover:not(:disabled),.btn-generate:hover:not(:disabled){background:#cfe99a}
.banner-icon{background:var(--og);color:#101820;border-radius:0}
.portfolio-return{background:#0d151c;border-bottom:1px solid var(--cbord)}
.portfolio-return a:hover{color:var(--og)}
:focus-visible{outline:2px solid var(--og);outline-offset:3px}