/* Simple responsive landing styles with seasonal themes */
:root{
  --bg: #0f1724;
  --text: #e6eef8;
  --muted: #b7c3d6;
  --accent: #6ee7b7;
  --card-bg: rgba(255,255,255,0.03);
}

html[data-theme="spring"]{ --bg:#f3fff4; --text:#08341a; --muted:#386f4a; --accent:#16a34a; --card-bg: rgba(6,95,70,0.06);}
html[data-theme="summer"]{ --bg:#fffaf0; --text:#3a2b00; --muted:#8a5b00; --accent:#f97316; --card-bg: rgba(249,115,22,0.04);}
html[data-theme="autumn"]{ --bg:#0f1724; --text:#f8efe5; --muted:#d6a85f; --accent:#f59e0b; --card-bg: rgba(255,255,255,0.03);}
html[data-theme="winter"]{ --bg:#071029; --text:#e6f2ff; --muted:#9fb6d8; --accent:#60a5fa; --card-bg: rgba(255,255,255,0.02);}
html[data-theme="default"]{ --bg:#0f1724; --text:#e6eef8; --muted:#b7c3d6; --accent:#6ee7b7; --card-bg: rgba(255,255,255,0.03); }

*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial; background:var(--bg); color:var(--text); line-height:1.45}
.container{max-width:1100px;margin:0 auto;padding:1rem}

/* HEADER FIX */
.site-header{
  padding:1rem 0;
  border-bottom:1px solid rgba(255,255,255,0.06);
  position:relative;
  z-index:1;
}

.site-header .container{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.logo-link{display:inline-flex;align-items:center;cursor:pointer;text-decoration:none}
.site-logo{display:block;max-height:2.5rem;width:auto}
.logo{margin:0;font-size:1.25rem;margin-bottom:.5rem}
.tagline{margin:0;color:var(--muted);font-size:0.95rem}

/* TOOLS GRID */
.tools-hub{padding:3rem 0}
.section-title{margin:0 0 2rem 0;font-size:1.5rem}
.tools-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;list-style:none;padding:0;margin:0}
.tool-item{display:block;background:var(--card-bg);padding:1.5rem;border-radius:10px;text-decoration:none;color:inherit;border:1px solid rgba(255,255,255,0.06);transition:all 0.2s ease}
.tool-item:hover{background:rgba(255,255,255,0.06);border-color:var(--accent);transform:translateY(-2px)}
.tool-item h3{margin:0 0 0.75rem 0;color:var(--accent);font-size:1.1rem}
.tool-item p{margin:0;color:var(--muted);font-size:0.95rem}

/* UPLOAD FIXES */
.upload-area{
  border:2px dashed rgba(255,255,255,0.2);
  border-radius:8px;
  padding:2rem;
  text-align:center;
  cursor:pointer;
  transition:all 0.2s;
  margin-bottom:1rem;
  position:relative;
  z-index:10;
}

.upload-area *{
  pointer-events:none;
}

.upload-area.dragover{
  border-color:var(--accent);
  background:rgba(110,231,183,0.1);
  pointer-events:auto;
}

.file-input{display:none}

.file-list{list-style:none;padding:0;margin:1rem 0}
.file-item{
  background:var(--card-bg);
  padding:0.75rem;
  border-radius:6px;
  margin-bottom:0.5rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.file-name{flex:1}
.file-remove{
  background:rgba(239,68,68,0.2);
  color:#ef4444;
  border:none;
  padding:0.3rem 0.8rem;
  border-radius:4px;
  cursor:pointer;
  font-size:0.85rem;
}

/* FOOTER */
.site-footer{padding:1.5rem 0;border-top:1px solid rgba(255,255,255,0.06);color:var(--muted)}
.footer-content{display:flex;justify-content:space-between;align-items:center}
.footer-content p{margin:0}
.theme-controls{display:flex;align-items:center;gap:0.5rem}
.theme-controls select{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,0.06);padding:0.4rem;border-radius:6px;cursor:pointer}

/* RESPONSIVE */
@media (max-width:900px){
  .tools-list{grid-template-columns:1fr}
  .footer-content{flex-direction:column;gap:1rem;align-items:flex-start}
}