:root { --bg:#0d1117; --panel:#161b22; --text:#e6edf3; --muted:#9da7b3; --accent:#3b82f6; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text);
       font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif; }
header, footer { padding:16px 20px; border-bottom:1px solid #222; }
footer { border-top:1px solid #222; border-bottom:none; color:var(--muted); }
h1 { margin:0 0 4px; font-size:22px; }
h2 { margin:0 0 12px; font-size:18px; }
main.grid { display:grid; gap:16px; padding:16px; grid-template-columns:1fr 1fr; }
.panel { background:var(--panel); border:1px solid #222; border-radius:16px; padding:16px; }
label { display:flex; flex-direction:column; gap:6px; font-size:14px; color:var(--muted); }
textarea,input[type="text"],input[type="number"],select,input[type="color"]{
  background:#0b0f14;border:1px solid #2a2f36;color:var(--text);border-radius:10px;
  padding:10px;outline:none;
}
textarea{resize:vertical;}
.row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0;}
.row .checkbox{align-items:center;flex-direction:row;gap:8px;margin-left:8px;}
button{appearance:none;background:var(--accent);color:white;border:none;
  padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:600;}
button+button{margin-left:8px;}
button:disabled{opacity:.6;cursor:not-allowed;}
.stage{display:flex;align-items:center;justify-content:center;width:100%;
  min-height:420px;background:#0b0f14;border:1px dashed #2a2f36;
  border-radius:16px;overflow:hidden;}
.preview h2{margin-bottom:12px;}
.hint{color:var(--muted);font-size:13px;margin-top:6px;}
@media(max-width:980px){main.grid{grid-template-columns:1fr}.row{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.row{grid-template-columns:1fr}}

.footer-links{margin-top:8px;}
.footer-links a{color:var(--text);opacity:0.9;text-decoration:underline;}
.footer-links a:hover{opacity:1;}
.cookie-settings-btn{
  margin-top:8px;background:transparent;color:var(--muted);
  border:1px solid #2a2f36;padding:6px 10px;border-radius:10px;cursor:pointer;}
.cookie-settings-btn:hover{color:var(--text);}

.consent-banner{position:fixed;inset:0;display:grid;place-items:end center;
  background:rgba(0,0,0,.35);padding:16px;z-index:1000;}
.consent-box{width:min(720px,100%);background:var(--panel);color:var(--text);
  border:1px solid #222;border-radius:16px;padding:16px;margin-bottom:8px;
  box-shadow:0 10px 30px rgba(0,0,0,.35);}
.consent-box h3{margin:0 0 8px;font-size:18px;}
.consent-actions{display:flex;gap:10px;margin-top:12px;}
.consent-actions button{background:var(--accent);color:#fff;border:0;
  border-radius:12px;padding:10px 14px;font-weight:600;cursor:pointer;}
.consent-actions .secondary{background:transparent;color:var(--text);
  border:1px solid #2a2f36;}
.consent-meta{color:var(--muted);margin:8px 0 0;}