.mf-wrap{max-width:980px;margin:0 auto;padding:12px;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
.mf-wrap h2{margin:0 0 6px;font-size:clamp(20px,2.4vw,30px)}
.mf-sub{color:#9ca3af;margin:0 0 14px}
.mf-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;background:#0f1420;border:1px solid #1f2937;padding:12px;border-radius:14px;align-items:center}
.mf-controls .mf-btnrow{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.mf-controls #mf_nightRow{grid-column:1/-1}
.mf-controls label{font-size:14px;color:#d1d5db;display:flex;gap:8px;align-items:center;justify-content:flex-start}
.mf-controls input,.mf-controls select,.mf-controls textarea{background:#0b0f1a;color:#e5e7eb;border:1px solid #243047;border-radius:10px;outline:none}
.mf-controls input,.mf-controls select{padding:10px 12px;width:100%}
.mf-controls textarea{padding:10px 12px;width:100%;min-height:48px;resize:vertical}
.mf-btn{background:#1f2937;color:#e5e7eb;border:1px solid #334155;border-radius:12px;padding:10px 14px;cursor:pointer}
.mf-btn:hover{transform:translateY(-1px);background:#243244}
.mf-btn.mf-primary{background:linear-gradient(90deg,#2563eb,#7c3aed);border-color:transparent}

.mf-canvas-wrap{margin-top:14px;background:#0d1320;border:1px solid #1f2536;border-radius:16px;padding:14px;display:flex;flex-direction:column;align-items:center}
.mf-canvas-wrap canvas{width:min(60vw,360px);height:auto;display:block}
.mf-zoom{color:#9ca3af;font-size:12px;margin-top:6px}

.mf-hint{color:#9ca3af;font-size:13px;margin-top:8px}
body{background:#0b0d12 !important}