/* Apna Kam Hoga - free client-side tools (QR, name joiner, enhancer, multi ID) */
.dsg .tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.dsg .tabs button{flex:1;min-width:70px;border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:8px 6px;font-weight:700;font-size:13px;cursor:pointer;font-family:inherit}
.dsg .tabs button.on{background:var(--c);color:#fff;border-color:var(--c)}
.dsg .rng{display:flex;align-items:center;gap:8px}.dsg .rng input[type=range]{flex:1;padding:0}.dsg .rng b{min-width:44px;text-align:right;font-size:12.5px}
.dsg .sw{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.dsg .sw i{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px var(--line);cursor:pointer;display:block}
.dsg .sw input[type=color]{width:34px;height:30px;padding:0;border:0;background:none}
.dsg .cv{background:conic-gradient(#eef1fb 25%,#f8faff 0 50%,#eef1fb 0 75%,#f8faff 0) 0 0/20px 20px;border-radius:14px;padding:14px;text-align:center;overflow:auto}
.dsg .cv canvas,.dsg .cv img{max-width:100%;height:auto;box-shadow:0 10px 30px #1e293b33;background:#fff;border-radius:4px}
.dsg .kv{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;font-size:12.5px;margin-top:10px}.dsg .kv b{color:var(--mut)}
.dsg .hist{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.dsg .hist img{width:54px;height:54px;border:1px solid var(--line);border-radius:8px;cursor:pointer;background:#fff}
.dsg .ba{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dsg .ba h4{margin:0 0 4px;font-size:13px}
.dsg .cards{display:flex;flex-direction:column;gap:8px;margin:8px 0}
.dsg .cd{border:1.5px solid var(--line);border-radius:12px;padding:8px 10px;background:#fbfcff}
.dsg .cd .h{display:flex;gap:6px;align-items:center;margin-bottom:6px}.dsg .cd .h select{flex:1;padding:6px}
.dsg .cd .imgs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dsg .cd .slot{border:1.5px dashed #b6c0e6;border-radius:10px;min-height:64px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;cursor:pointer;overflow:hidden;position:relative;background:#fff;color:var(--mut)}
.dsg .cd .slot img{width:100%;height:64px;object-fit:cover;display:block}
.dsg .cd .slot input{display:none}
.dsg .ed{border:2px solid var(--c);border-radius:12px;padding:10px;margin-top:8px;background:#fff}
.dsg .stg{display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:900px){.dsg .ba{grid-template-columns:1fr}}