:root{--bg:#0b0b0d; --card:#0f0f12; --muted:#bdb6a8; --gold:#caa45e}
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial;background:var(--bg);color:#eee;-webkit-font-smoothing:antialiased}
.container{max-width:1100px;margin:0 auto;padding:20px}
.header{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.brand{color:var(--gold);font-weight:800;text-decoration:none;font-size:22px}
.nav a{color:#ddd;margin-left:14px;text-decoration:none}
.card{background:var(--card);padding:18px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,0.6)}
.btn{display:inline-block;padding:10px 14px;border-radius:10px;text-decoration:none;cursor:pointer;border:none}
.btn.primary{background:linear-gradient(90deg,var(--gold),#d6b86b);color:#0b0b0d;font-weight:700}
.form-row{margin:12px 0}
input[type=file]{color:#fff}
.footer{padding:20px 0;border-top:1px solid rgba(255,255,255,0.03);margin-top:20px;text-align:center;color:var(--muted)}
.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:12px}
.small{font-size:13px;color:var(--muted)}
.note{background:rgba(255,255,255,0.02);padding:10px;border-radius:8px;margin-top:8px;color:var(--muted)}
textarea, input[type=text], input[type=number], select{width:100%;padding:10px;margin-top:6px;border-radius:8px;background:transparent;border:1px solid rgba(255,255,255,0.06);color:#fff}
.preview-img{max-width:100%;border-radius:8px;border:1px solid rgba(255,255,255,0.04);background:#000;padding:6px}
@media(max-width:700px){.header{flex-direction:column;align-items:flex-start}.nav{margin-top:8px}}