:root{
  --bg:#0f1115;
  --surface:#171a21;
  --border:#262b35;
  --text:#e8eaed;
  --muted:#9aa1ac;
  --accent:#4f7cff;
  --accent-hover:#6b91ff;
  --radius:10px;
}
*{box-sizing:border-box;}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.5;
}
.container{max-width:1080px;margin:0 auto;padding:0 20px;}
a{color:var(--accent);text-decoration:none;}
a:hover{color:var(--accent-hover);}

.site-header{border-bottom:1px solid var(--border);padding:16px 0;}
.header-inner{display:flex;justify-content:space-between;align-items:center;}
.logo{font-weight:700;font-size:1.25rem;color:var(--text);}
.logo span{color:var(--accent);}

.hero{padding:60px 0 40px;text-align:center;}
.hero h1{font-size:2.2rem;margin-bottom:12px;}
.hero p{color:var(--muted);max-width:560px;margin:0 auto;}

.tools-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:16px;
  padding-bottom:60px;
}
.tool-card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.tool-card h2{font-size:1.05rem;margin:0;}
.tool-card p{color:var(--muted);font-size:.85rem;margin:0;}
.tool-input, .tool-pages{
  background:var(--bg);
  border:1px solid var(--border);
  border-radius:6px;
  color:var(--text);
  padding:8px;
  font-size:.85rem;
}
.tool-btn{
  background:var(--accent);
  border:none;
  color:#fff;
  padding:10px;
  border-radius:6px;
  cursor:pointer;
  font-weight:600;
}
.tool-btn:hover{background:var(--accent-hover);}
.tool-btn:disabled{opacity:.5;cursor:wait;}
.tool-result{font-size:.8rem;color:var(--muted);min-height:1.2em;}
.tool-result a{color:var(--accent);font-weight:600;}

.file-order-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.file-order-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  background:var(--bg);
  border:1px solid var(--border);
  border-radius:6px;
  padding:6px 8px;
  font-size:.78rem;
}
.file-order-name{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.file-order-actions{display:flex;gap:4px;flex-shrink:0;}
.file-order-actions button{
  background:var(--surface);
  border:1px solid var(--border);
  color:var(--text);
  border-radius:4px;
  padding:2px 6px;
  cursor:pointer;
  font-size:.75rem;
}
.file-order-actions button:disabled{opacity:.3;cursor:default;}

.ad-slot{min-height:90px;margin:20px 0;}

.site-footer{border-top:1px solid var(--border);padding:24px 0;color:var(--muted);font-size:.85rem;}
.small{font-size:.75rem;margin-top:6px;}

.cookie-banner{
  position:fixed;left:16px;right:16px;bottom:16px;
  max-width:640px;margin:0 auto;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:16px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  justify-content:space-between;
  box-shadow:0 8px 30px rgba(0,0,0,.4);
  z-index:999;
}
.cookie-banner.hidden{display:none;}
.cookie-banner p{margin:0;font-size:.85rem;flex:1 1 260px;}
.cookie-actions{display:flex;gap:8px;}
.cookie-actions button{
  padding:8px 14px;border-radius:6px;border:1px solid var(--border);
  cursor:pointer;font-weight:600;font-size:.85rem;
}
#cookie-accept{background:var(--accent);color:#fff;border:none;}
#cookie-refuse{background:transparent;color:var(--text);}