/* Mobile-first styles */
.subb-v4r-wrap{margin:12px 0}
.subb-open{background:#ff6a00 !important;border-color:#ff6a00 !important;color:#fff !important}
.subb-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;z-index:9999}
.subb-modal.open{display:block}
.subb-modal__dialog{position:relative;background:#121212;color:#eee;width:96vw;max-width:1100px;margin:2vh auto;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.5);max-height:96vh;display:flex;flex-direction:column}
.subb-modal__head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#1e1e1e;border-bottom:1px solid #333;flex-shrink:0}
.subb-modal__head h3{margin:0;color:#fff}
.subb-close{background:transparent;border:0;color:#fff;font-size:24px;cursor:pointer}
.subb-modal__body{display:grid;grid-template-columns:1fr;gap:12px;padding:12px;overflow:auto;flex:1}
@media(min-width:900px){ .subb-modal__body{grid-template-columns:1.2fr 1fr;gap:16px;padding:16px} }
.subb-canvas-wrap{background:#fff;border-radius:8px;padding:8px}
.subb-canvas-outer{width:100%;min-height:260px;display:flex;align-items:center;justify-content:center}
#subb-canvas{width:100%;height:auto;display:block;background:#f8f8f8;border:1px dashed #ddd;border-radius:6px;touch-action:none}
.subb-move-hint{margin-top:6px;font-size:12px;color:#666;text-align:center}
.subb-controls{display:flex;flex-direction:column;gap:10px}
.subb-controls .grp{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:10px}
.subb-controls label{display:block;font-size:12px;color:#bbb;margin-bottom:6px}
.subb-controls input[type="text"], .subb-controls input[type="file"], .subb-controls select{width:100%}
.subb-controls .split{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:480px){ .subb-controls .split{grid-template-columns:1fr} }
.subb-controls .row-inline{display:flex;align-items:center;gap:8px}
.subb-controls .curve-controls.hidden{display:none}
.subb-controls .extras label{display:flex;gap:8px;align-items:center;margin-bottom:6px}
.subb-controls .actions{display:flex;justify-content:flex-end}
.subb-controls .actions .subb-done.subb-green{background:#22c55e !important;border-color:#22c55e !important;color:#fff !important}