/* Desktop N Brand kit (shared Shop + Token) — settings card, crop dialog, Logo Maker, social line */
:root{--dnb-acc:#1F6FE5;--dnb-acc-soft:#E8F1FF;--dnb-ink:#14213D;--dnb-mute:#69738A;--dnb-line:#DCE4F2;--dnb-y:#FFD23F}
.dnb-svg{flex:none;display:inline-block;vertical-align:middle}
.dnb-soc{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;font-weight:700;line-height:1.2}
.dnb-si{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.dnb-soc.mono,.dnb-soc.mono .dnb-si{color:#000}
.dnb-lg-circle{border-radius:50%!important}.dnb-lg-round{border-radius:18%!important}.dnb-lg-square{border-radius:0!important}.dnb-lg-orig{border-radius:0!important;object-fit:contain!important}
/* settings card */
.dnb-cardset h3{margin:0 0 6px;font-size:15px;color:var(--dnb-ink)}
.dnb-sec{border:1px solid var(--dnb-line);border-radius:16px;padding:12px;margin:10px 0;background:#fff}
.dnb-lgrow{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.dnb-lgbox{width:84px;height:84px;flex:none;border-radius:16px;background:#F5F8FE;border:1px dashed #c9d4ea;display:flex;align-items:center;justify-content:center;font-size:34px;overflow:hidden}
.dnb-lgimg{width:76px;height:76px;object-fit:contain;background:#fff;border-radius:12px}
.dnb-lgimg.dnb-lg-circle,.dnb-lgimg.dnb-lg-round,.dnb-lgimg.dnb-lg-square{object-fit:cover}
.dnb-lgact{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:180px}
.dnb-lgact .btn{flex:0 0 auto;min-height:40px}
.dnb-lgsum{display:block;margin-top:8px}
.dnb-srow{display:flex!important;gap:10px;align-items:flex-start;margin:8px 0!important;color:inherit!important;font-size:14px!important}
.dnb-ic{width:40px;height:40px;flex:none;border-radius:12px;background:#F5F8FE;border:1px solid var(--dnb-line);display:flex;align-items:center;justify-content:center;margin-top:2px}
.dnb-sl{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.dnb-sl b{font-size:13px;color:var(--dnb-ink)}
.dnb-sl input,.dnb-f select,.dnb-f input{width:100%!important;box-sizing:border-box;min-height:44px;font:inherit;font-weight:700;font-size:15px;padding:9px 11px!important;border:1.5px solid var(--dnb-line);border-radius:12px;background:#fff;color:var(--dnb-ink);text-align:left!important}
.dnb-sl input.bad{border-color:#E5484D;background:#FFF5F5}
.dnb-err{color:#C62828;font-weight:700;font-size:12px}
.dnb-f{display:flex!important;flex-direction:column;gap:4px;margin:8px 0 0!important;font-size:13px;font-weight:800;color:var(--dnb-ink)}
.dnb-q{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding:10px;border-radius:14px;background:#FFF9E0;border:1px solid #F5E3A0}
.dnb-q>span{font-weight:900;font-size:15px;color:var(--dnb-ink)}
.dnb-qexp{margin:8px 2px 0}
.dnb-yn,.dnb-seg{display:flex;gap:8px;flex-wrap:wrap}
.dnb-yn button,.dnb-seg button{flex:1 1 0;min-height:46px;min-width:88px;border:1.5px solid #cfd9ec;border-radius:12px;background:#fff;font:inherit;font-weight:800;font-size:14px;color:var(--dnb-ink);cursor:pointer;padding:6px 10px}
.dnb-yn button.on,.dnb-seg button.on{background:var(--dnb-acc);border-color:var(--dnb-acc);color:#fff}
.dnb-yn button[data-v="0"].on{background:#5B6478;border-color:#5B6478}
.dnb-prev small{display:block;font-weight:800;color:var(--dnb-mute);margin:8px 0 4px}
.dnb-pv{border:1px solid var(--dnb-line);border-radius:10px;background:#fff;padding:10px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 2px 8px #14213d10}
.dnb-pv.mono{max-width:240px;margin:0 auto;font-family:"Nunito","Noto Sans Devanagari",sans-serif;color:#000}
.dnb-ph{display:flex;flex-direction:column;align-items:center;gap:4px}.dnb-pv.left .dnb-ph{flex-direction:row}
.dnb-ph b{font-size:15px}.dnb-pdots{color:#b7c0d2;letter-spacing:4px;line-height:1}
.dnb-pl{width:46px;height:46px;object-fit:cover;background:#fff}.dnb-pl.dnb-lg-orig{width:auto;max-width:90px}
.dnb-pl.dnb-lg-legacy{border-radius:50%}.dnb-pl.bw:not(.dith){filter:grayscale(1) contrast(1.4)}.dnb-pl.dith{image-rendering:pixelated;object-fit:contain;border-radius:0!important}
.dnb-pq{display:flex;flex-direction:column;align-items:center;gap:2px}.dnb-pq small{margin:0!important;color:var(--dnb-ink)!important;font-size:11px}
.dnb-pq.mono small{color:#000!important}
.dnb-off{text-align:center;margin:8px 0 0}
.dnb-act{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.dnb-act .btn{flex:1 1 auto;min-height:48px}
/* overlay dialogs */
body.dnb-open{overflow:hidden}
.dnb-ov{position:fixed;inset:0;z-index:9800;background:#0a1430b3;display:flex;align-items:flex-end;justify-content:center;overscroll-behavior:contain}
.dnb-card{background:#fff;color:var(--dnb-ink);width:100%;max-width:560px;max-height:94vh;max-height:94dvh;overflow:auto;border-radius:22px 22px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));box-sizing:border-box;font-family:"Nunito","Noto Sans Devanagari",sans-serif}
@media(min-width:640px){.dnb-ov{align-items:center}.dnb-card{border-radius:22px}}
.dnb-card h2{margin:0 0 8px;font-size:19px}
.dnb-hint{color:var(--dnb-mute);font-size:13px;margin:6px 0}
.dnb-l{display:block;margin:12px 0 6px;font-size:14px}
.dnb-stage{display:flex;justify-content:center}
.dnb-cv{width:min(280px,72vw);height:auto;aspect-ratio:1;border-radius:14px;touch-action:none;cursor:grab;background:#fff;box-shadow:0 0 0 1px var(--dnb-line)}
.dnb-zoom{display:flex!important;align-items:center;gap:10px;font-weight:800;font-size:14px;color:var(--dnb-ink)!important}
.dnb-zoom input{flex:1;width:auto!important;accent-color:var(--dnb-acc);padding:0!important;border:0!important;min-height:30px}
.dnb-pvs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.dnb-pvc small{display:block;font-weight:800;font-size:11.5px;color:var(--dnb-mute);margin-bottom:4px;min-height:28px}
.dnb-mini{border:1px solid var(--dnb-line);border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:120px;justify-content:center;background:#fff}
.dnb-mini.left{flex-direction:row}.dnb-mini b{font-size:13px;text-align:center}
.dnb-mini.paper{background:#fffefa;box-shadow:inset 0 0 0 1px #eee}
.dnb-pimg{background:#fff;object-fit:cover}.dnb-pimg.dnb-sz-s{width:40px;height:40px}.dnb-pimg.dnb-sz-m{width:58px;height:58px}.dnb-pimg.dnb-sz-l{width:78px;height:78px}
.dnb-pimg.dnb-lg-orig{width:auto;max-width:110px;object-fit:contain}
.dnb-bw{image-rendering:pixelated;max-width:100%}
.dnb-icons{display:flex;flex-wrap:wrap;gap:6px}
.dnb-icons button{min-width:46px;min-height:46px;border:1.5px solid #cfd9ec;border-radius:12px;background:#fff;font-size:22px;cursor:pointer;padding:2px 6px;font-weight:800;color:var(--dnb-ink)}
.dnb-icons button:last-child{font-size:13px}
.dnb-icons button.on{border-color:var(--dnb-acc);background:var(--dnb-acc-soft);box-shadow:0 0 0 2px var(--dnb-acc) inset}
.dnb-cross{font-style:normal;color:#16A34A;font-weight:900}
.dnb-pals{display:flex;flex-wrap:wrap;gap:8px}
.dnb-pals button{display:flex;width:56px;height:40px;border-radius:12px;border:2px solid #fff;box-shadow:0 0 0 1.5px #cfd9ec;overflow:hidden;padding:0;cursor:pointer}
.dnb-pals button i{flex:1}.dnb-pals button.on{box-shadow:0 0 0 3px var(--dnb-acc)}
.dnb-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dnb-grid button{border:2px solid #e3e9f4;border-radius:16px;background:#F7F9FD;padding:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font:inherit;color:var(--dnb-ink)}
.dnb-grid canvas{width:100%;height:auto;aspect-ratio:1;border-radius:10px}
.dnb-grid small{font-weight:800;font-size:12.5px}
.dnb-grid button.on{border-color:var(--dnb-acc);background:var(--dnb-acc-soft);box-shadow:0 0 0 2px var(--dnb-acc)}
@media print{.dnb-ov{display:none!important}}