/* Minimal page-specific styles; global site.css provides main theme */
:root{--glass:rgba(255,255,255,0.02);}
body{background:var(--bg);}
.drop-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1.25rem;border-radius:12px;border:1px dashed rgba(255,255,255,0.04);background:linear-gradient(180deg,rgba(255,255,255,0.01),transparent);cursor:pointer}
.drop-area:hover{background:rgba(255,255,255,0.02)}
#inputCanvas,#outputCanvas{width:100%;height:auto}
.cta{padding:.6rem 1rem;border-radius:10px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));color:var(--bg);font-weight:700;border:none}
.cta.ghost{background:transparent;border:1px solid rgba(255,255,255,0.06)}
.tool-card{margin:1.25rem 0;padding:1rem;border-radius:12px;background:var(--bg-2);border:1px solid rgba(255,255,255,0.02)}
#progress{appearance:none}
#progress::-webkit-progress-bar{background:transparent}
#progress::-webkit-progress-value{background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple))}