.nsbd{--t:#0F766E;--tk:#0b3b36;--mint:#EAF7F3;--line:#e4ede9;--muted:#5a6a66;--surf:#fff;--adj:#2563eb;--warn:#C77700;
  font-family:'Figtree','Plus Jakarta Sans',system-ui,sans-serif;color:var(--tk);max-width:1320px;margin:0 auto;padding:24px;}
.nsbd *{box-sizing:border-box;}
.nsbd h1{font-weight:800;font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.02em;margin:0;}
.nsbd .sub{color:var(--muted);font-size:15px;margin-top:6px;max-width:74ch;}
.nsbd .badge{display:inline-block;white-space:nowrap;width:fit-content;align-self:flex-start;background:var(--mint);color:var(--t);font-weight:700;font-size:12px;padding:4px 11px;border-radius:999px;margin-bottom:10px;letter-spacing:.03em;}
.nsbd-picklbl{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--t);margin-top:16px;}
.nsbd-helpwrap{position:relative;display:inline-flex;align-items:center;text-transform:none;letter-spacing:normal;}
.nsbd-help{width:18px;height:18px;border:1px solid var(--t);border-radius:50%;background:#fff;color:var(--t);font:800 11px/16px inherit;padding:0;cursor:pointer;text-align:center;}
.nsbd-helppop{position:absolute;z-index:99980;left:24px;top:-8px;width:max-content;max-width:min(260px,80vw);background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 30px 12px 12px;color:var(--tk);font-size:12.5px;font-weight:500;line-height:1.4;box-shadow:0 14px 34px -12px rgba(11,59,54,.4);display:none;}
.nsbd-helpwrap.on .nsbd-helppop{display:block;}
.nsbd-helppop .close{position:absolute;right:5px;top:5px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:12px;}
.nsbd-picker{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 4px;}
.nsbd-tpl{border:2px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;background:#fff;width:170px;transition:.14s;box-shadow:0 8px 20px -14px rgba(11,59,54,.3);}
.nsbd-tpl:hover{border-color:var(--t);}
.nsbd-tpl.on{border-color:var(--t);box-shadow:0 0 0 3px rgba(15,118,110,.22);}
.nsbd-tpl img{width:100%;height:100px;object-fit:contain;display:block;background:#eef2f0;}
.nsbd-tpl .cap{font-size:11.5px;font-weight:700;padding:6px 9px;display:flex;align-items:center;justify-content:space-between;gap:6px;}
.nsbd-tpl .cap .o{font-size:9px;color:var(--muted);font-weight:600;text-transform:uppercase;display:block;}
.nsbd-tpl .tick{color:var(--t);font-weight:800;opacity:0;}
.nsbd-tpl.on .tick{opacity:1;}

.nsbd-options{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;}
.nsbd-opt{display:flex;align-items:center;gap:9px;background:var(--surf);border:1.5px solid var(--line);border-radius:11px;padding:10px 14px;cursor:pointer;font-size:13.5px;font-weight:600;transition:.12s;}
.nsbd-opt:hover{border-color:var(--t);}
.nsbd-opt.on{border-color:var(--t);background:var(--mint);}
.nsbd-opt input{accent-color:var(--t);width:16px;height:16px;}
.nsbd-opt .price{font-weight:800;color:var(--warn);font-size:12px;}
.nsbd-opt .free{font-weight:700;color:var(--t);font-size:12px;}

.nsbd-wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:22px;margin-top:16px;align-items:start;}
.nsbd-panel{background:var(--surf);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 10px 26px -16px rgba(11,59,54,.28);}
.nsbd-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;}
.nsbd-tools>.nsbd-helpwrap,.nsbd-addfield>.nsbd-helpwrap{align-self:center;}
.nsbd-btn{font-weight:700;font-size:13px;padding:9px 14px;border-radius:9px;border:1px solid var(--line);background:var(--surf);color:var(--tk);cursor:pointer;transition:.12s;font-family:inherit;}
.nsbd-btn:hover{border-color:var(--t);}
.nsbd-btn.primary{background:var(--t);color:#fff;border-color:var(--t);}
.nsbd-btn.primary:hover{background:#12897f;}
.nsbd-btn.big{font-size:15px;padding:13px 22px;border-radius:11px;}
.nsbd-btn:disabled{opacity:.55;cursor:default;}
.nsbd-tablewrap{overflow-x:auto;}
.nsbd table{width:100%;border-collapse:collapse;font-size:13px;}
.nsbd th{text-align:left;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:#7d8c89;font-weight:700;padding:6px 8px;border-bottom:2px solid var(--line);white-space:nowrap;}
.nsbd th .rm{color:#c33;cursor:pointer;margin-left:5px;font-weight:800;}
.nsbd td{padding:4px 6px;border-bottom:1px solid var(--line);}
.nsbd td input{width:100%;min-width:88px;border:1px solid transparent;border-radius:7px;padding:7px 8px;font-size:13px;font-family:inherit;background:#f7fbfa;color:var(--tk);}
.nsbd td input:focus{outline:none;border-color:var(--t);background:#fff;}
.nsbd-del{border:none;background:transparent;color:#c33;cursor:pointer;font-size:14px;padding:4px 6px;border-radius:6px;}
.nsbd-photo-status{display:inline-block;min-width:19px;font-size:12px;text-align:center;color:var(--muted);}
.nsbd-hint{color:var(--muted);font-size:12px;margin-top:10px;}
.nsbd-samplehint{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff6db;border:1px solid #edcf78;color:#785300;border-radius:9px;padding:8px 10px;margin-bottom:10px;font-size:12.5px;font-weight:600;}
.nsbd-samplehint.off{display:none;}
.nsbd-samplehint button{border:0;background:transparent;color:#785300;cursor:pointer;font-weight:800;}
.nsbd-addfield{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap;}
.nsbd-addfield select,.nsbd-addfield input[type=text]{border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13px;font-family:inherit;background:#fff;color:var(--tk);}

.nsbd-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:10px;flex-wrap:wrap;}
.nsbd-count{font-weight:800;color:var(--t);font-size:15px;}
.nsbd-live{font-size:11px;color:var(--muted);display:inline-flex;align-items:center;gap:5px;text-transform:uppercase;letter-spacing:.04em;}
.nsbd-sides{display:inline-flex;border:1.5px solid var(--line);border-radius:999px;overflow:hidden;}
.nsbd-sides button{border:none;background:#fff;padding:7px 16px;font-size:12.5px;font-weight:700;cursor:pointer;color:var(--muted);font-family:inherit;}
.nsbd-sides button.on{background:var(--t);color:#fff;}
.nsbd-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.nsbd-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 8px 20px -14px rgba(11,59,54,.3);}
.nsbd-cardsvg{background:#eef2f0;position:relative;}
.nsbd-cardsvg svg{width:100%;height:auto;display:block;touch-action:pan-y;}
.nsbd-cardsvg svg .sel-el{cursor:move;touch-action:none;}
.nsbd-cardfoot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-top:1px solid var(--line);}
.nsbd-cardcap{font-size:11.5px;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nsbd-photobtn{font-size:11.5px;font-weight:700;color:var(--adj);background:#eef3ff;border:1px solid #d6e2fb;border-radius:7px;padding:4px 9px;cursor:pointer;white-space:nowrap;font-family:inherit;}
.sel-outline{fill:none;stroke:#2563eb;stroke-width:3;stroke-dasharray:8 5;pointer-events:none;}

.nsbd-price{margin-top:16px;background:linear-gradient(140deg,#0b3b36,#12433d);color:#eaf4f1;border-radius:14px;padding:18px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.nsbd-price .rows{flex:1;min-width:220px;font-size:13.5px;display:flex;flex-direction:column;gap:4px;color:#b9d4ce;}
.nsbd-price .rows b{color:#fff;}
.nsbd-price .total{font-size:26px;font-weight:800;color:#fff;}
.nsbd-price .total small{font-size:13px;color:#8fb3ac;display:block;font-weight:600;}
.nsbd-price>.nsbd-helpwrap .nsbd-help{background:transparent;color:#bfe6df;border-color:#bfe6df;}
.nsbd-price>.nsbd-helpwrap .nsbd-helppop{left:auto;right:24px;}
.nsbd-guide{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;}
.nsbd-guide details{border:1px solid var(--line);border-radius:11px;background:#fff;padding:11px 14px;font-size:13px;}
.nsbd-guide summary{cursor:pointer;font-weight:800;color:var(--tk);}
.nsbd-guide ol{margin:11px 0 2px;padding-left:22px;line-height:1.65;}
.nsbd-guide dl{margin:10px 0 0;}
.nsbd-guide dt{font-weight:800;margin-top:10px;}
.nsbd-guide dd{margin:3px 0 0;color:var(--muted);line-height:1.45;}
.nsbd-consent{flex:1 0 100%;display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--tk);}
.nsbd-consent input{margin-top:2px;accent-color:var(--t);}

.nsbd-seltool{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:9999;display:none;background:#0b3b36;color:#fff;border-radius:12px;padding:8px 10px;box-shadow:0 18px 40px -16px rgba(0,0,0,.5);align-items:center;gap:6px;}
.nsbd-seltool.on{display:flex;}
.nsbd-seltool .lbl{font-size:12px;font-weight:700;color:#bfe6df;padding:0 8px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nsbd-seltool button{background:rgba(255,255,255,.12);border:none;color:#fff;font-weight:800;font-size:14px;width:32px;height:32px;border-radius:8px;cursor:pointer;}
.nsbd-seltool button:hover{background:rgba(255,255,255,.22);}

.nsbd-success{margin-top:16px;background:#eafaf1;border:1.5px solid #bfe8d2;border-radius:14px;padding:18px 20px;font-size:14.5px;color:#14532d;display:none;}
.nsbd-success.on{display:block;}
.nsbd-success b{font-size:16px;}
.nsbd-note{margin-top:18px;background:var(--mint);border:1px solid #cfe8e2;border-radius:12px;padding:14px 16px;font-size:13px;color:#2c4a44;}
.nsbd-progress{display:none;margin-top:10px;font-size:13px;color:var(--muted);}
.nsbd-progress.on{display:block;}
.nsbd-toast{position:fixed;z-index:100000;left:50%;top:18px;transform:translate(-50%,-18px);opacity:0;pointer-events:none;border-radius:999px;padding:10px 17px;background:#166534;color:#fff;font-size:13px;font-weight:700;box-shadow:0 10px 30px -10px rgba(0,0,0,.45);transition:.18s;}
.nsbd-toast.on{opacity:1;transform:translate(-50%,0);}
.nsbd-toast.warning{background:#a16207;}
.nsbd-toast.error{background:#b42318;}
#nsbd-check-list{margin:8px 0 16px;padding-left:22px;color:var(--tk);line-height:1.6;}

/* photo editor modal */
.nsbd-modal-bg{position:fixed;inset:0;background:rgba(6,24,21,.55);z-index:99990;display:none;}
.nsbd-modal-bg.on{display:block;}
.nsbd-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:99991;background:#fff;border-radius:16px;
  box-shadow:0 30px 80px -20px rgba(0,0,0,.5);padding:18px;width:min(520px,94vw);max-height:88vh;overflow:auto;display:none;}
.nsbd-modal.on{display:block;}
.nsbd-modal h3{margin:0 0 10px;font-size:16px;font-weight:800;color:var(--tk);}
.nsbd-ed-stage{position:relative;background:repeating-conic-gradient(#f0f0f0 0% 25%,#fff 0% 50%) 50%/16px 16px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.nsbd-ed-stage canvas{display:block;max-width:100%;}
.nsbd-crop{position:absolute;border:2px solid #2563eb;box-shadow:0 0 0 9999px rgba(0,0,0,.35);cursor:move;border-radius:4px;}
.nsbd-ed-row{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12.5px;color:var(--muted);flex-wrap:wrap;}
.nsbd-ed-row label{min-width:78px;font-weight:700;color:var(--tk);font-size:12px;}
.nsbd-ed-row input[type=range]{flex:1;accent-color:var(--t);}
.nsbd-ed-row input[type=color]{width:38px;height:28px;border:1px solid var(--line);border-radius:6px;padding:1px;background:#fff;}
.nsbd-ed-row select{border:1px solid var(--line);border-radius:7px;padding:5px 8px;font-size:12.5px;}
.nsbd-ed-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px;}
/* icon popover */
.nsbd-iconpop{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:99991;background:#fff;border-radius:14px;
  box-shadow:0 24px 60px -18px rgba(0,0,0,.45);padding:14px;width:min(400px,92vw);max-height:80vh;overflow:auto;display:none;}
.nsbd-iconpop.on{display:block;}
.nsbd-iconpop .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.nsbd-iconpop .head b{font-size:14px;color:var(--tk);}
.nsbd-icongrid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;}
.nsbd-icongrid button{border:1px solid var(--line);background:#fafcfb;border-radius:9px;padding:9px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.nsbd-icongrid button:hover{border-color:var(--t);background:var(--mint);}
.nsbd-icongrid svg{width:22px;height:22px;}
#nsbd-selcolor{display:none;width:32px;height:32px;border:none;border-radius:8px;padding:0;background:transparent;cursor:pointer;}
#nsbd-remove{display:none;background:rgba(230,80,60,.35) !important;}

@media (max-width:900px){ .nsbd-wrap{grid-template-columns:1fr;} }
@media (max-width:600px){
  .nsbd{padding:10px;}
  .nsbd-panel{padding:10px;}
  .nsbd-wrap{gap:12px;}
  #nsbd-grid,.nsbd-grid{gap:10px;}
  .nsbd-grid{grid-template-columns:1fr;}
  .nsbd-picker{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px;}
  .nsbd-tpl{flex:0 0 132px;}
  .nsbd-tpl img{height:78px;}
  .nsbd input[type=text],.nsbd select,.nsbd-addfield input,.nsbd-modal input,.nsbd-modal select,.nsbd-iconpop input,.nsbd-iconpop select{font-size:16px;}
  .nsbd-photobtn{padding:8px 12px;font-size:12.5px;}
  .nsbd-btn{padding:11px 16px;}
  .nsbd-seltool button{width:42px;height:42px;}
  .nsbd-seltool{bottom:10px;max-width:96vw;flex-wrap:wrap;justify-content:center;}
  .nsbd-opt{padding:8px 11px;font-size:12.5px;flex:1 1 auto;justify-content:center;}
  .nsbd-helppop{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(260px,88vw);max-width:none;}
  .nsbd-price>.nsbd-helpwrap .nsbd-helppop{left:50%;right:auto;}
  .nsbd-guide{grid-template-columns:1fr;}
  .nsbd-toast{width:max-content;max-width:90vw;text-align:center;}
  .nsbd-submitrow{position:sticky;bottom:0;background:#fff;padding:10px;margin:14px -10px 0;box-shadow:0 -8px 20px -12px rgba(11,59,54,.25);z-index:50;}
  .nsbd-icongrid{grid-template-columns:repeat(5,1fr);}
}