.mbd{--mbd-accent:#191f2c;max-width:1450px;margin:20px auto;color:#18202b;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.mbd *{box-sizing:border-box}.mbd-header h2{margin-bottom:5px;font-size:26px}.mbd-header p{margin:0 0 20px}.mbd-layout{display:grid;grid-template-columns:minmax(270px,320px) minmax(0,1fr);gap:18px}.mbd-tools{display:flex;flex-direction:column;gap:12px}.mbd-panel{background:#fff;border:1px solid #d8dce2;border-radius:10px;padding:15px}.mbd-panel h3{font-size:17px;margin:0 0 12px}.mbd label{font-size:13px;font-weight:600;display:flex;flex-direction:column;gap:5px;flex:1}.mbd input:not([type=color]):not([type=range]):not([type=file]),.mbd textarea{width:100%;border:1px solid #bbc2cc;padding:9px;border-radius:6px;background:white;color:#222;font:inherit}.mbd input[type=file]{font-size:12px;max-width:100%}.mbd input[type=color]{height:38px;width:65px;padding:2px;background:#fff;border:1px solid #bbc2cc;border-radius:5px}.mbd button,.mbd-import{border:1px solid #a6aebe;border-radius:6px;background:#f8fafc;color:#18202b;padding:9px 13px;cursor:pointer;font-weight:650;font:inherit}.mbd button:hover,.mbd-import:hover{background:#edf2f7}.mbd button:disabled{opacity:.5;cursor:not-allowed}.mbd .mbd-primary{background:#18202b;color:#fff;border-color:#18202b}.mbd .mbd-primary:hover{background:#39475a}.mbd .mbd-dimensions{display:flex;gap:12px;align-items:end;margin-bottom:18px;flex-wrap:wrap}.mbd-dimensions label{flex:0 0 120px}.mbd-inline{display:flex;gap:10px;align-items:end;margin:10px 0}.mbd-muted,.mbd small{color:#64748b;font-size:12px;display:block}.mbd-stage{width:100%;background:#e9eef3;padding:20px;border-radius:10px;overflow:auto;display:flex;justify-content:center;align-items:center;min-height:340px}.mbd-stage canvas{max-width:100%;height:auto;background:#fff;box-shadow:0 3px 16px #0002;touch-action:none;cursor:crosshair}.mbd-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px;align-items:center}.mbd-import{display:inline-block}.mbd-import input{display:none}.mbd-status{min-height:22px;color:#155e46;font-weight:600}.mbd-status.error{color:#a32727}@media(max-width:800px){.mbd-layout{grid-template-columns:1fr}.mbd-stage{min-height:220px;padding:10px}.mbd-dimensions label{flex:1}}