/* সব টুল পেজের অতিরিক্ত স্টাইল (style.css-এর পরে লোড হয়) */
[hidden]{display:none!important}
.tool{max-width:820px;margin:0 auto;padding:14px 14px 44px;display:block}
.tool h1{font-size:1.55rem;text-align:center;margin:8px 0 6px}
.tool .sub{text-align:center;color:var(--sub);margin-bottom:16px}
.crumb{margin:4px 0}.crumb a{color:var(--c3);font-weight:600}
.panel{padding:16px;gap:14px}
.drop{display:grid;place-items:center;gap:4px;text-align:center;padding:30px 14px;border:2px dashed #67e8f9aa;border-radius:16px;cursor:pointer;background:#01161f66;transition:background .2s,border-color .2s}
.drop:hover,.drop.over{background:#22d3ee22;border-color:#fff}
.drop .big{font-size:2.2rem;line-height:1}
.drop b{font-size:1.05rem}
.drop small{opacity:.75}
.drop input{display:none}
.lbl{font-size:.9rem;color:var(--sub);font-weight:600;margin-bottom:6px;display:block}
.seg{display:flex;gap:8px}
.seg button{flex:1;padding:10px 6px;border-radius:12px;border:1.5px solid #67e8f966;background:#ffffff14;color:var(--t);font:inherit;font-weight:700;cursor:pointer}
.seg button.on{background:linear-gradient(90deg,#a5f3fc,#22d3ee);color:#022c3a;border-color:transparent}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tool input[type=range]{width:100%;padding:0;border:0;background:none;accent-color:#22d3ee;height:28px}
.tool input[type=color]{width:100%;height:42px;padding:3px;cursor:pointer}
.tool input[type=number]{width:100%}
.btns{display:flex;gap:10px;flex-wrap:wrap}
.btns .btn{flex:1;min-width:140px;text-align:center}
.btn.ghost{background:#ffffff1f;color:var(--t)}
.btn[disabled]{opacity:.55;pointer-events:none}
#list{display:grid;gap:10px;margin-top:14px}
.row{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:10px;border-radius:14px;border:1px solid #67e8f94d;background:#01161f99}
.row img{width:56px;height:56px;object-fit:cover;border-radius:10px;background:#043d4f}
.row .meta{min-width:0;display:grid;gap:2px}
.row .nm{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row .st{font-size:.8rem;opacity:.8}
.row .st.err{color:#fdba74;opacity:1}
.row .st.ok{color:#86efac;opacity:1}
.row a.dl{padding:8px 14px;border-radius:10px;background:linear-gradient(90deg,#FFE7A3,#FFB347);color:#022c3a;font-weight:700;font-size:.85rem;white-space:nowrap}
.info{gap:8px}
.info h2{font-size:1.2rem;margin:0}
.info h3{font-size:1rem;margin:8px 0 0;text-align:start}
.info ol{margin:0;padding-inline-start:20px;display:grid;gap:4px}
.note{font-size:.85rem;opacity:.85;text-align:center}
@media(max-width:480px){.two{grid-template-columns:1fr}.tool h1{font-size:1.35rem}}

/* ===== QR টুলের অতিরিক্ত স্টাইল ===== */
.tool input[type=checkbox]{width:auto;height:auto;accent-color:#22d3ee}
.chk{display:flex;align-items:center;gap:8px;font-size:.9rem}
.tool select{width:100%}
.qrbox{display:grid;place-items:center;padding:14px;background:#fff;border-radius:14px;min-height:120px}
.qrbox canvas{width:100%;max-width:300px;height:auto;image-rendering:pixelated}
.qrbox .ph{color:#475569;text-align:center;font-size:.9rem}
.cam{position:relative}
.cam video{width:100%;max-height:60vh;border-radius:14px;background:#000;display:block;object-fit:cover}
.cam::after{content:"";position:absolute;inset:18% 18%;border:3px solid #22d3ee;border-radius:16px;box-shadow:0 0 0 999px #0006;pointer-events:none}
.res{display:grid;gap:10px}
.res textarea{width:100%;resize:vertical}
.warn{font-size:.85rem;color:#fdba74;text-align:center}