.account,.pricing,.tools-hub-page{padding-block-start:clamp(6.5rem,11vw,8rem)}



.crumbs{display:flex;align-items:center;gap:.4rem;margin-block-end:1.4rem;font-size:.9rem;color:var(--wb-muted);font-weight:550}



.crumbs a,.crumbs span{font:inherit;letter-spacing:0;text-transform:none}



.crumbs a:hover{color:var(--wb-accent)}



.crumbs .sep{transform:rotate(-90deg);inline-size:.9em;block-size:.9em}



[dir="rtl"] .crumbs .sep{transform:rotate(90deg)}



.tool-app{padding:clamp(1.2rem,3vw,2rem)}



.tool-app:hover{transform:none;border-color:var(--wb-line)}



.tool-app>*+*{margin-block-start:1.1rem}



.tool-loading{display:flex;gap:.4rem;padding:1.5rem 0;justify-content:center}



.tool-loading span{inline-size:10px;block-size:10px;border-radius:50%;background:var(--wb-accent);animation:dots 1s infinite ease-in-out}



.tool-loading span:nth-child(2){animation-delay:.15s}



.tool-loading span:nth-child(3){animation-delay:.3s}



@keyframes dots{0%,80%,100%{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}



.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:.9rem;counter-reset:s}



.steps li{display:flex;gap:.9rem;align-items:flex-start;padding:1.1rem 1.2rem;background:var(--wb-surface);border:1px solid var(--wb-line);border-radius:10px}



.steps p{margin:0;font-size:.95rem}



.faq{border:1px solid var(--wb-line);border-radius:10px;padding:.2rem 1.2rem;margin-block-end:.6rem;background:var(--wb-surface);transition:border-color .2s,box-shadow .2s}



.faq[open]{border-color:var(--c,var(--wb-accent))}



.faq summary{cursor:pointer;font-weight:650;padding:.9rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none}



.faq summary::-webkit-details-marker{display:none}



.faq summary .i{transition:border-color .16s;color:var(--wb-muted)}



.faq[open] summary .i{transform:rotate(180deg)}



.faq p{color:var(--wb-muted);margin:0 0 1rem}



.count{font:650 .8rem var(--wb-font);color:var(--wb-muted);background:var(--wb-sunken);border-radius:999px;padding:.15rem .6rem}



.t-field{display:grid;gap:.45rem;min-inline-size:0}



.t-field>label,.t-card h3,.olabel{font:650 .78rem var(--wb-font);letter-spacing:.05em;text-transform:uppercase;color:var(--wb-muted)}



.t-field textarea,.t-field input:not([type=checkbox]):not([type=range]):not([type=color]),.t-field select{inline-size:100%;padding:.8rem 1rem;border-radius:8px;border:1px solid var(--wb-line-strong);background:var(--wb-bg);color:var(--wb-ink);font:inherit;transition:border-color .2s,box-shadow .2s,background .2s}



.t-field textarea{resize:vertical;min-block-size:6rem;font-family:var(--wb-font);font-size:1rem;line-height:1.6}



.t-field input[type=color]{inline-size:100%;block-size:3rem;padding:.2rem;border-radius:8px;border:1px solid var(--wb-line-strong);background:var(--wb-bg);cursor:pointer}



.t-field input[type=range],.opt input[type=range]{inline-size:100%;accent-color:var(--wb-accent)}



.t-field textarea:focus,.t-field input:focus,.t-field select:focus{outline:none;border-color:var(--wb-accent);background:var(--wb-surface)}



.t-field .hint{color:var(--wb-muted);font-size:.85rem}



.t-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:1rem;align-items:end}



.t-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}



.t-check{display:flex;align-items:center;gap:.55rem;cursor:pointer;font-size:.97rem}



.t-check input,.opt .check input{inline-size:1.1rem;block-size:1.1rem;accent-color:var(--wb-accent)}



.t-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:.8rem}



.t-stat{padding:1rem 1.1rem;border:1px solid var(--wb-line);border-radius:10px;background:var(--wb-surface);transition:border-color .3s}



.t-stat:hover{border-color:var(--wb-line-strong)}



.t-stat b{display:block;font-size:1.5rem;letter-spacing:-.03em;line-height:1.15;font-weight:780;word-break:break-word;font-variant-numeric:tabular-nums}



.t-stat span{font:600 .72rem var(--wb-font);letter-spacing:.05em;text-transform:uppercase;color:var(--wb-muted)}



.t-stat.pass{border-color:var(--wb-ok);background:transparent;background:color-mix(in srgb,var(--wb-ok) 10%,transparent)}



.t-stat.fail{border-color:var(--wb-err);background:transparent;background:color-mix(in srgb,var(--wb-err) 8%,transparent)}



.t-stat.pass b{color:var(--wb-ok)}



.t-stat.fail b{color:var(--wb-err)}



.t-card{padding:1.3rem;border:1px solid var(--wb-line);border-radius:12px;background:var(--wb-bg);display:grid;gap:.9rem}



.t-card h3{margin:0}



.t-answer{font-size:clamp(1.5rem,3.4vw,2.2rem);font-weight:780;letter-spacing:-.03em;padding:.4rem 0;word-break:break-word;font-variant-numeric:tabular-nums;color:var(--wb-accent)}



.t-big{font-size:clamp(2.4rem,8vw,4.5rem);font-weight:800;letter-spacing:-.05em;text-align:center;padding:1rem 0;color:var(--wb-accent);font-variant-numeric:tabular-nums}



.t-note{margin:0;color:var(--wb-muted);font-size:.92rem}



.t-note.err{color:var(--wb-err);font-weight:650}



.t-note.ok{color:var(--wb-ok);font-weight:650}



.t-chips{display:flex;flex-wrap:wrap;gap:.4rem}



.t-chip{padding:.3rem .8rem;border:1px solid var(--wb-line);border-radius:99px;font:550 .82rem var(--wb-font);background:var(--wb-bg)}



.t-kv{display:grid;gap:.45rem}



.t-kv>div{display:flex;gap:1rem;align-items:center;padding:.65rem .9rem;border:1px solid var(--wb-line);border-radius:8px;background:var(--wb-bg)}



.t-kv b{min-inline-size:7.5rem;font:650 .76rem var(--wb-font);text-transform:uppercase;letter-spacing:.05em;color:var(--wb-muted)}



.t-kv span{flex:1;word-break:break-all}



.t-kv.wide>div span{font-size:.85rem}



.mono{font-family:var(--wb-mono)}



.t-kv .btn{margin-inline-start:auto;flex:none}



.t-diff{border:1px solid var(--wb-line);border-radius:10px;overflow:auto;font:.88rem/1.6 var(--wb-mono);background:var(--wb-bg)}



.t-diff>div{padding:.1rem .9rem;white-space:pre-wrap}



.d-add{background:transparent;background:color-mix(in srgb,var(--wb-ok) 18%,transparent)}



.d-del{background:transparent;background:color-mix(in srgb,var(--wb-err) 14%,transparent);text-decoration:line-through;opacity:.85}



.d-eq{color:var(--wb-muted)}



.t-hl{padding:1rem;border:1px solid var(--wb-line);border-radius:10px;white-space:pre-wrap;font-family:var(--wb-mono);background:var(--wb-bg);min-block-size:3rem}



.t-hl mark{background:transparent;background:color-mix(in srgb,var(--wb-accent) 28%,transparent);color:inherit;border-radius:4px;padding:0 .1em}



.t-meter{block-size:8px;border-radius:9px;background:var(--wb-sunken);overflow:hidden}



.t-meter span{display:block;block-size:100%;inline-size:0;transition:inline-size .35s var(--wb-ease),background .3s;background:var(--wb-err)}



.t-meter.ok span{background:var(--wb-warn)}



.t-meter.strong span{background:var(--wb-ok)}



.t-center{display:grid;justify-items:center}



.t-preview{max-inline-size:100%;max-block-size:320px;border-radius:8px;border:1px solid var(--wb-line)}



.t-table{max-block-size:360px;overflow:auto;border:1px solid var(--wb-line);border-radius:8px}



.t-table table{inline-size:100%;border-collapse:collapse;font-size:.9rem;font-variant-numeric:tabular-nums}



.t-table th,.t-table td{padding:.5rem .8rem;text-align:end;border-block-end:1px solid var(--wb-line)}



.t-table th:first-child,.t-table td:first-child{text-align:start}



.t-table th{position:sticky;inset-block-start:0;background:var(--wb-surface);font:650 .72rem var(--wb-font);text-transform:uppercase;color:var(--wb-muted)}



details>summary{cursor:pointer;font-weight:650;padding:.4rem 0}



.t-swatch{block-size:5rem;border-radius:10px;border:1px solid var(--wb-line)}



.t-swatch.tall{block-size:10rem}



.t-pals{display:grid;gap:1rem}



.t-pal b{font:650 .75rem var(--wb-font);text-transform:uppercase;color:var(--wb-muted)}



.t-pal-row{display:flex;gap:.4rem;margin-block-start:.35rem;flex-wrap:wrap}



.t-pal-sw{flex:1;min-inline-size:70px;block-size:3.4rem;border-radius:8px;border:1px solid var(--wb-line);cursor:pointer;display:grid;align-items:end;padding:.3rem;transition:border-color .16s}



.t-pal-sw:hover{transform:translateY(-3px)}



.t-pal-sw span{font:650 .65rem var(--wb-font);background:rgba(255,255,255,.85);color:#000;border-radius:6px;padding:0 .3rem;justify-self:start}



.t-contrast{padding:1.4rem;border-radius:10px;border:1px solid var(--wb-line)}



.t-contrast b{font-size:1.6rem}



.t-contrast p{margin:.3rem 0 0}



.t-result{display:grid;gap:.6rem}



.t-win{padding:1rem 1.2rem;border-radius:10px;background:var(--wb-accent);color:#fff;font-weight:750;font-size:1.2rem}



.t-team{padding:.9rem 1.1rem;border:1px solid var(--wb-line);border-radius:10px;display:grid;gap:.2rem;background:var(--wb-bg)}



.t-result pre{margin:0;padding:1rem;border:1px solid var(--wb-line);border-radius:10px;background:var(--wb-bg);white-space:pre-wrap}



.dropzone{display:grid;justify-items:center;gap:.4rem;text-align:center;padding:clamp(2.2rem,6vw,3.8rem) 1rem;border:2px dashed var(--wb-line-strong);border-radius:var(--r-lg);cursor:pointer;background:transparent;background:color-mix(in srgb,var(--wb-accent) 3%,transparent);transition:border-color .25s,background .25s,transform .35s var(--wb-ease)}



.dropzone:hover,.dropzone.over,.dropzone:focus-visible{border-color:var(--wb-accent);background:transparent;background:color-mix(in srgb,var(--wb-accent) 8%,transparent)}



.dropzone.over{transform:scale(1.015)}



.dropzone strong{font-size:1.25rem;letter-spacing:-.02em}



.dropzone span,.dropzone small{color:var(--wb-muted)}



.dropzone.small{padding:1.8rem 1rem}



.dz-icon{inline-size:48px;block-size:48px;display:grid;place-items:center;border-radius:10px;background:var(--wb-accent-soft);color:var(--wb-accent);margin-block-end:.6rem;font-size:0}



.file-list{list-style:none;margin:1rem 0;padding:0;display:grid;gap:.5rem}



.file{display:flex;align-items:center;gap:.8rem;padding:.7rem 1rem;border:1px solid var(--wb-line);border-radius:10px;background:var(--wb-bg)}



.fname{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}



.fsize{color:var(--wb-muted);font:550 .8rem var(--wb-font)}



.fbtns{display:flex;gap:.25rem}



.file button{inline-size:2rem;block-size:2rem;border-radius:8px;border:1px solid var(--wb-line-strong);background:var(--wb-surface);color:var(--wb-ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s}



.file button:hover:not(:disabled){background:var(--wb-accent);color:#fff;border-color:var(--wb-accent)}



.file button:disabled{opacity:.3;cursor:default}



.opts{display:grid;gap:1.3rem;margin-block:1.5rem}



.olabel{display:block;margin-block-end:.55rem}



.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:.6rem}



.choice{display:block;position:relative;cursor:pointer}



.choice input{position:absolute;opacity:0;inset:0}



.choice>span{display:grid;gap:.15rem;padding:.85rem 1rem;border:1px solid var(--wb-line-strong);border-radius:10px;transition:border-color .2s,background .2s,box-shadow .2s;block-size:100%;background:var(--wb-bg)}



.choice small{color:var(--wb-muted);font-size:.8rem;line-height:1.3}



.choice input:checked+span{border-color:var(--wb-accent);background:var(--wb-accent-soft);box-shadow:var(--wb-focus)}



.choice input:focus-visible+span{outline:2px solid var(--wb-accent);outline-offset:2px}



.choice.locked{opacity:.6;cursor:not-allowed}



.choice.locked input{pointer-events:none}



.lockbadge{display:inline-block;margin-block-start:.25rem;font:700 .66rem var(--wb-font);text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--wb-accent);padding:.15rem .55rem;border-radius:999px}



.opt .check{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}



.opt.locked{opacity:.75}



.opt input[type=text],.opt input[type=password],.opt input[type=number]{inline-size:100%;padding:.8rem 1rem;border-radius:8px;border:1px solid var(--wb-line-strong);background:var(--wb-bg);color:var(--wb-ink);font:inherit}



.actions{margin-block-start:1.2rem}



.work.dim{opacity:.5;pointer-events:none}



.progress{margin-block-start:1.5rem}



.bar{block-size:10px;border-radius:99px;background:var(--wb-sunken);overflow:hidden}



.bar span{display:block;block-size:100%;inline-size:0;background:var(--wb-accent);border-radius:99px;transition:inline-size .5s var(--wb-ease)}



.ptext{font:550 .88rem var(--wb-font);color:var(--wb-muted);margin:.7rem 0 0}



.result{display:grid;justify-items:center;gap:.9rem;text-align:center;padding:1.5rem 0}



.result h2{margin:0;font-size:1.8rem;letter-spacing:-.03em}



.ok-icon{inline-size:4.2rem;block-size:4.2rem;border-radius:50%;background:var(--wb-ok);color:#fff;display:grid;place-items:center;font-size:2rem;font-weight:800}



.savings{font-weight:700;font-size:1.2rem;margin:0;color:var(--wb-ok)}



.perks{list-style:none;padding:0;margin:.6rem 0;display:grid;gap:.4rem}



.perks li{display:flex;align-items:center;gap:.6rem;font-size:.97rem}



.perks li::before{content:"";flex:none;inline-size:1.2rem;block-size:1.2rem;border-radius:50%;background:var(--wb-ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/70% no-repeat}



.pill{padding:.5rem 1rem;border:1px solid var(--wb-line);border-radius:999px;font-size:.92rem;background:var(--wb-surface)}



.pill:hover{border-color:var(--wb-accent);color:var(--wb-accent)}



.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:1.2rem;max-inline-size:1000px}



.plan{padding:1.9rem;position:relative;display:flex;flex-direction:column;gap:.5rem}



.plan:hover{transform:none}



.plan h2{margin:0;font-size:1.3rem}



.plan .price{font-size:1.9rem;font-weight:800;letter-spacing:-.04em;margin:.3rem 0}



.plan.featured{border-color:var(--wb-accent)}



.plan .btn{margin-block-start:auto;align-self:flex-start}



.badge-top{position:absolute;inset-block-start:-.8rem;inset-inline-start:1.5rem;padding:.25rem .8rem;border-radius:99px;background:var(--wb-accent);color:#fff;font:700 .72rem var(--wb-font);text-transform:uppercase;letter-spacing:.04em}



.badge-top.soon{background:var(--wb-ink);color:var(--wb-bg)}



.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:1.2rem;max-inline-size:960px}



.acc-card{padding:1.8rem}



.acc-card:hover{transform:none;border-color:var(--wb-line)}



.acc-card h2{margin:0 0 .8rem;font-size:1.3rem;letter-spacing:-.025em}



.tabs{display:flex;gap:.3rem;padding:.3rem;background:var(--wb-sunken);border-radius:10px;margin-block-end:1.4rem}



.tabs a{flex:1;text-align:center;padding:.6rem 1rem;border-radius:8px;font-weight:650;color:var(--wb-muted);transition:background .2s,color .2s}



.tabs a[aria-selected="true"]{background:var(--wb-surface);color:var(--wb-ink)}



.form{display:grid;gap:1rem}



.form p{margin:0}



.form label{display:block;font:650 .78rem var(--wb-font);letter-spacing:.05em;text-transform:uppercase;color:var(--wb-muted);margin-block-end:.4rem}



.form .check label{text-transform:none;font:400 .95rem var(--wb-font);letter-spacing:0;display:flex;align-items:center;gap:.5rem;color:var(--wb-ink)}



.form input:not([type=checkbox]){inline-size:100%}



.perks-card{background:var(--wb-accent-tint)}



.notice{padding:1rem 1.3rem;border-radius:10px;border:1px solid var(--wb-line);max-inline-size:640px;margin-block-end:1.2rem;background:var(--wb-surface)}



.notice-ok{background:var(--wb-surface);background:color-mix(in srgb,var(--wb-ok) 12%,var(--wb-surface));border-color:var(--wb-ok);font-weight:600}



.notice-err{border-color:var(--wb-err);background:var(--wb-surface);background:color-mix(in srgb,var(--wb-err) 8%,var(--wb-surface))}



.hp{position:absolute!important;inset-inline-start:-9999px;inline-size:1px;block-size:1px;overflow:hidden}



.lang-switch{list-style:none;display:flex;gap:.15rem;margin:0;padding:0;font:650 .75rem var(--wb-font);text-transform:uppercase}



.lang-switch a{padding:.35rem .55rem;border-radius:9px;color:var(--wb-muted);display:block}



.lang-switch .current-lang a,.lang-switch a:hover{background:var(--wb-ink);color:var(--wb-bg)}



.ad-slot{margin-block:1.6rem;min-block-size:120px;border-radius:10px;text-align:center;position:relative}



.ad-label{display:block;font:600 .65rem var(--wb-font);letter-spacing:.1em;text-transform:uppercase;color:var(--wb-muted);margin-block-end:.3rem}



.ad-preview{border:2px dashed var(--wb-accent);display:grid;place-items:center}



#i40x-consent{position:fixed;inset-block-end:1rem;inset-inline:1rem;max-inline-size:720px;margin-inline:auto;z-index:250;display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;padding:1rem 1.2rem;background:var(--wb-surface);border:1px solid var(--wb-line);border-radius:12px}



#i40x-consent p{flex:1 1 280px;margin:0;font-size:.92rem}



#i40x-consent a{text-decoration:underline}



@media (max-width:640px){.t-kv>div{flex-wrap:wrap}



}



[dir="rtl"] .t-kv .btn{margin-inline-start:0;margin-inline-end:auto}



.t-datewrap{position:relative}



.t-date{padding-inline-end:3.1rem!important;text-align:start;font-variant-numeric:tabular-nums;letter-spacing:.02em}



.t-cal-btn{position:absolute;inset-block:.35rem;inset-inline-end:.35rem;inline-size:2.4rem;border:0;border-radius:8px;cursor:pointer;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b84a3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='16.5' rx='3'/%3E%3Cpath d='M8 2.5v4M16 2.5v4M3 10h18'/%3E%3C/svg%3E") center/1.25rem no-repeat;transition:background-color .2s}



.t-cal-btn:hover{background-color:var(--wb-accent-soft)}



.t-cal{position:absolute;z-index:40;inset-inline-start:0;inset-block-start:calc(100% + 8px);inline-size:min(330px,calc(100vw - 2.5rem));background:var(--wb-surface);border:1px solid var(--wb-line-strong);border-radius:12px;padding:.85rem}



.cal-head{display:grid;grid-template-columns:2.5rem minmax(0,1fr) 5.4rem 2.5rem;gap:.35rem;align-items:center}



.cal-nav{block-size:2.5rem;border-radius:8px;border:1px solid var(--wb-line);background:var(--wb-bg);font-size:1.35rem;line-height:1;color:var(--wb-ink);cursor:pointer;display:grid;place-items:center;padding:0 0 .15rem;transition:border-color .2s,color .2s}



.cal-nav:hover{border-color:var(--wb-accent);color:var(--wb-accent)}



[dir="rtl"] .cal-nav{transform:scaleX(-1)}



.cal-sel{block-size:2.5rem!important;padding:0 .5rem!important;padding-inline-end:1.8rem!important;font-size:.92rem!important;border-radius:8px!important;border:1px solid var(--wb-line);background-color:var(--wb-bg);color:var(--wb-ink);background-size:.9rem;background-position:right .5rem center;font-weight:600}



[dir="rtl"] .cal-sel{background-position:left .5rem center}



.cal-dow{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font:650 .72rem var(--wb-font);color:var(--wb-muted);margin:.7rem 0 .25rem}



.cal-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}



.cal-d{aspect-ratio:1;border:0;border-radius:8px;background:transparent;color:var(--wb-ink);font:560 .93rem var(--wb-font);cursor:pointer;font-variant-numeric:tabular-nums;transition:background-color .15s,transform .15s;padding:0}



.cal-d:hover{background:var(--wb-accent-soft)}



.cal-d:active{transform:scale(.92)}



.cal-d.today{}



.cal-d.on{background:var(--wb-accent);color:#fff}



.cal-foot{display:flex;justify-content:space-between;margin-block-start:.6rem;padding-block-start:.55rem;border-block-start:1px solid var(--wb-line)}



.cal-link{background:none;border:0;color:var(--wb-accent);font:650 .9rem var(--wb-font);cursor:pointer;padding:.45rem .7rem;border-radius:9px}



.cal-link:hover{background:var(--wb-accent-soft)}



.t-row>.t-field{min-inline-size:0}



[dir="rtl"] .t-date{padding-left:3.1rem!important;padding-right:1.1rem!important;text-align:right}



[dir="rtl"] .t-cal-btn{inset-inline-end:auto;left:.35rem}



[dir="rtl"] .t-cal{inset-inline-start:auto;right:0}



.cal-dow span{overflow:hidden;text-overflow:clip;white-space:nowrap}



.qr-studio{padding:clamp(.9rem,2.5vw,1.6rem)}



.qr-tabs{display:flex;gap:.4rem;margin-block-end:1.1rem;border-block-end:1px solid var(--wb-line);overflow-x:auto;scrollbar-width:none}



.qr-tabs button{appearance:none;border:0;background:none;font:650 .95rem var(--wb-font);color:var(--wb-muted);padding:.7rem 1rem;border-block-end:3px solid transparent;margin-block-end:-1px;cursor:pointer;white-space:nowrap;min-block-size:44px}



.qr-tabs button[aria-selected=true]{color:var(--wb-ink);border-color:var(--wb-accent)}



.qr-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:clamp(1rem,3vw,2rem);align-items:start}



.qr-left{display:grid;gap:1rem;min-inline-size:0}



.qr-step{display:flex;align-items:center;gap:.6rem;margin:.6rem 0 0;font:700 1.05rem var(--wb-font)}



.qr-step span{display:grid;place-items:center;inline-size:1.7rem;block-size:1.7rem;border-radius:50%;background:var(--wb-accent);color:#fff;font-size:.85rem}



.qr-seg{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;padding:.3rem;background:var(--wb-sunken);border:1px solid var(--wb-line);border-radius:10px}



.qr-seg button{appearance:none;border:0;background:none;border-radius:8px;padding:.7rem .5rem;font:650 .88rem var(--wb-font);color:var(--wb-muted);cursor:pointer;min-block-size:44px;transition:background .2s,color .2s,box-shadow .2s}



.qr-seg button[aria-pressed=true]{background:var(--wb-surface);color:var(--wb-ink)}



.qr-modeinfo{margin-block:.6rem}



.qr-modeinfo .hint,.qr-design .hint,.qr-form .hint,.qr-my .hint{color:var(--wb-muted);font-size:.86rem;margin:.2rem 0}



.qr-lock{padding:1rem;border:1px dashed var(--wb-line-strong);border-radius:10px;background:var(--wb-sunken)}



.qr-lock p{margin:0 0 .7rem;font-size:.92rem}



.qr-lock h3{margin:0 0 .4rem}



.qr-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(130px,46%),1fr));gap:.5rem;margin-block:.8rem}



.qr-type{appearance:none;display:flex;align-items:center;gap:.5rem;padding:.65rem .75rem;border:1px solid var(--wb-line-strong);border-radius:8px;background:var(--wb-surface);color:var(--wb-ink);font:inherit;cursor:pointer;text-align:start;min-block-size:46px;transition:border-color .2s,background .2s,transform .15s}



.qr-type b{font:600 .86rem var(--wb-font)}



.qr-type:hover{border-color:var(--wb-accent)}



.qr-type[aria-pressed=true]{border-color:var(--wb-accent);background:var(--wb-surface);background:color-mix(in srgb,var(--wb-accent) 10%,var(--wb-surface))}



.qr-form{display:grid;gap:.9rem}



.qr-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}



.qr-btns{display:grid;gap:.6rem}



.qr-btnrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) auto;gap:.6rem;align-items:end}



.qr-x{appearance:none;border:1px solid var(--wb-line-strong);background:var(--wb-surface);color:var(--wb-muted);border-radius:8px;inline-size:44px;block-size:48px;font-size:1.3rem;cursor:pointer}



.qr-design{display:grid;gap:.7rem}



.qr-sec{border:1px solid var(--wb-line);border-radius:10px;background:var(--wb-surface);overflow:hidden}



.qr-sec>summary{list-style:none;cursor:pointer;padding:.85rem 1.1rem;font:650 .95rem var(--wb-font);display:flex;justify-content:space-between;align-items:center;min-block-size:48px}



.qr-sec>summary::-webkit-details-marker{display:none}



.qr-sec>summary::after{content:"+";font-size:1.3rem;color:var(--wb-muted);transition:border-color .16s}



.qr-sec[open]>summary::after{transform:rotate(45deg)}



.qr-sec-b{display:grid;gap:.9rem;padding:0 1.1rem 1.1rem}



.qr-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}



.qr-preset{appearance:none;display:grid;gap:.35rem;padding:.5rem;border:1px solid var(--wb-line-strong);border-radius:10px;background:#fff;cursor:pointer;font:600 .76rem var(--wb-font);color:#334155;transition:border-color .2s}



.qr-preset:hover{border-color:var(--wb-accent)}



.qr-preset svg{inline-size:100%;block-size:auto;border-radius:6px}



.qr-pick{display:flex;flex-wrap:wrap;gap:.5rem}



.qr-pick button{appearance:none;inline-size:54px;block-size:54px;padding:9px;border:1px solid var(--wb-line-strong);border-radius:8px;background:var(--wb-surface);color:var(--wb-muted);cursor:pointer;transition:border-color .2s,color .2s,background .2s}



.qr-pick button svg{inline-size:100%;block-size:100%}



.qr-pick button:hover{border-color:var(--wb-accent)}



.qr-pick button[aria-pressed=true]{border-color:var(--wb-accent);color:var(--wb-accent);background:var(--wb-surface);background:color-mix(in srgb,var(--wb-accent) 10%,var(--wb-surface))}



.qr-side{min-inline-size:0}



.qr-sticky{position:sticky;inset-block-start:84px;display:grid;gap:.8rem;padding:1.1rem}



.qr-preview{display:grid;place-items:center;aspect-ratio:1;background:repeating-conic-gradient(var(--wb-sunken) 0 25%,var(--wb-surface) 0 50%) 0 0/16px 16px;border-radius:10px;border:1px solid var(--wb-line);padding:.6rem;overflow:hidden}



.qr-preview svg{inline-size:100%;max-inline-size:340px;block-size:auto;max-block-size:100%;filter:drop-shadow(0 6px 18px rgba(2,6,23,.12))}



.qr-empty{display:grid;justify-items:center;gap:.4rem;text-align:center;color:var(--wb-muted);padding:1rem}



.qr-empty span{font-size:3rem;opacity:.4}



.qr-empty p{margin:0;font-size:.9rem}



.qr-empty.big{padding:2.5rem 1rem}



.qr-check{display:grid;gap:.25rem}



.qr-chk{margin:0;font:600 .84rem var(--wb-font)}



.qr-chk.ok{color:var(--wb-ok)}



.qr-chk.bad{color:var(--wb-warn)}



.qr-chk.dim{color:var(--wb-muted);font-weight:500}





.qr-saverow{display:grid;gap:.6rem}



.qr-saverow .btn{inline-size:100%}



.qr-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;border:1px solid var(--wb-line);border-radius:8px;background:var(--wb-sunken)}



.qr-link code{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem}



.qr-sticky .t-actions{display:grid;grid-template-columns:1fr 1fr}



.qr-sticky .t-actions .btn{inline-size:100%;justify-content:center}



.qr-sizerow{display:flex;align-items:center;justify-content:space-between;gap:.6rem}



.qr-sizerow select{max-inline-size:170px;padding:.55rem .8rem;border-radius:8px;border:1px solid var(--wb-line-strong);background:var(--wb-bg);color:var(--wb-ink);font:inherit}



.qr-banner{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;padding:.8rem 1rem;border-radius:10px;background:var(--wb-surface);background:color-mix(in srgb,var(--wb-accent) 10%,var(--wb-surface));border:1px solid var(--wb-line);border:1px solid color-mix(in srgb,var(--wb-accent) 30%,var(--wb-line));font-weight:600}



.qr-banner[hidden],.qr-link[hidden],.qr-saverow[hidden],.qr-stats[hidden]{display:none}



.qr-my{display:grid;gap:.9rem}



.qr-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:1rem;padding:1rem;align-items:start}



.qr-thumb{display:block;inline-size:96px;aspect-ratio:1;border-radius:8px;border:1px solid var(--wb-line);overflow:hidden;background:#fff}



.qr-thumb svg{display:block;inline-size:100%;block-size:100%}



.qr-card-t{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}



.qr-card-t b{font-size:1.02rem;overflow-wrap:anywhere}



.qr-pill{font:700 .7rem var(--wb-font);padding:.2rem .55rem;border-radius:99px;text-transform:uppercase;letter-spacing:.04em;background:#d1fae5;color:#065f46}



.qr-pill.paused{background:#fef3c7;color:#92400e}



.qr-pill.blocked{background:#fee2e2;color:#991b1b}



.qr-dest,.qr-meta{margin:.2rem 0;color:var(--wb-muted);font-size:.88rem;overflow-wrap:anywhere}



.qr-meta a{color:var(--wb-accent)}



.qr-card .t-actions{margin-block-start:.6rem}



.qr-stats{grid-column:1/-1;display:grid;gap:1rem;padding-block-start:1rem;border-block-start:1px solid var(--wb-line);margin-block-start:.5rem}



.qr-sthead{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;align-items:center}



.qr-sthead select{padding:.55rem .8rem;border-radius:8px;border:1px solid var(--wb-line-strong);background:var(--wb-bg);color:var(--wb-ink);font:inherit}



.qr-chart{block-size:120px;background:var(--wb-sunken);border-radius:10px;padding:.5rem;border:1px solid var(--wb-line)}



.qr-chart svg{inline-size:100%;block-size:100%;fill:var(--wb-accent)}



.qr-lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:1rem}



.qr-list h4{margin:0 0 .5rem;font:700 .8rem var(--wb-font);text-transform:uppercase;letter-spacing:.05em;color:var(--wb-muted)}



.qr-bar{display:grid;grid-template-columns:minmax(0,1fr) 70px auto;gap:.5rem;align-items:center;font-size:.88rem;margin-block:.3rem}



.qr-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}



.qr-bar i{display:block;block-size:8px;border-radius:99px;background:var(--wb-accent)}



.qr-nums{grid-template-columns:repeat(3,minmax(0,1fr))}



@media (max-width:900px){.qr-grid{grid-template-columns:minmax(0,1fr)}



.qr-side{order:-1}



.qr-sticky{position:static}



.qr-preview{max-inline-size:340px;inline-size:100%;margin-inline:auto}



}



@media (max-width:520px){.qr-cols{grid-template-columns:minmax(0,1fr)}



.qr-btnrow{grid-template-columns:minmax(0,1fr) auto}



.qr-btnrow .t-field:nth-child(2){grid-column:1/-1;grid-row:2}



.qr-card{grid-template-columns:72px minmax(0,1fr);gap:.8rem}



.qr-thumb{inline-size:72px}



.qr-nums{grid-template-columns:1fr}



.qr-type b{font-size:.8rem}



}



@media (prefers-reduced-motion:reduce){.qr-type,.qr-preset{transition:none}



}



.qr-studio [hidden]{display:none!important}



.qr-ico{display:inline-grid;place-items:center;color:var(--wb-accent);flex:none}



.qr-ico .i{inline-size:1.15rem;block-size:1.15rem}



.qr-dest .qr-ico{vertical-align:-.2em;margin-inline-end:.2rem}



.qr-sticky .t-actions .btn{white-space:nowrap;padding-inline:.6rem;font-size:.9rem}



.account:has(.dash-head){--dw:1100px}



.dash-head,.dash-nav,.dash-kpis,.dash-card,.dash-two{max-inline-size:var(--dw,1100px)}



.dash-head{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;margin-block-end:1rem}



.dash-av{flex:none;inline-size:72px;block-size:72px;border-radius:12px;display:grid;place-items:center;background:var(--wb-ink);color:var(--wb-bg);font:600 2rem var(--wb-font)}



.dash-who{flex:1 1 260px;min-inline-size:0}



.dash-who h1{margin:.1rem 0;font-size:clamp(1.7rem,4vw,2.4rem);overflow-wrap:anywhere}



.dash-sub{display:flex;gap:.5rem .9rem;flex-wrap:wrap;align-items:center;margin:.3rem 0 0;color:var(--wb-muted);font-size:.92rem}



.plan-badge{padding:.2rem .7rem;border-radius:99px;font:700 .75rem var(--wb-font);text-transform:uppercase;letter-spacing:.05em;background:var(--wb-sunken);color:var(--wb-ink);border:1px solid var(--wb-line-strong)}



.plan-badge.premium{background:var(--wb-accent);color:#fff;border-color:transparent}



.dash-act{display:flex;gap:.5rem;flex-wrap:wrap}



.dash-nav{display:flex;gap:.3rem;overflow-x:auto;scrollbar-width:none;margin-block:1rem 1.4rem;padding:.3rem;background:var(--wb-sunken);border-radius:10px;position:sticky;inset-block-start:70px;z-index:5}



.dash-nav a{flex:none;padding:.55rem 1rem;border-radius:8px;font:650 .9rem var(--wb-font);color:var(--wb-muted);white-space:nowrap;min-block-size:44px;display:grid;place-items:center}



.dash-nav a:hover{background:var(--wb-surface);color:var(--wb-ink)}



.dash-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:1rem;margin-block-end:1rem;scroll-margin-top:130px}



.kpi{padding:1.2rem 1.3rem;display:grid;gap:.3rem;align-content:start}



.kpi:hover{transform:none}



.kpi-l{font:650 .76rem var(--wb-font);text-transform:uppercase;letter-spacing:.05em;color:var(--wb-muted)}



.kpi b{font:800 2rem/1.1 var(--wb-font);letter-spacing:-.03em}



.kpi b small{font:600 1rem var(--wb-font);color:var(--wb-muted)}



.kpi-s{font-size:.85rem;color:var(--wb-muted)}



.kpi .bar{display:block;block-size:6px;border-radius:99px;background:var(--wb-accent);margin-block-start:.3rem}



.dash-card{padding:1.4rem 1.5rem;margin-block-end:1rem;scroll-margin-top:130px}



.dash-card:hover{transform:none;border-color:var(--wb-line)}



.dash-card[hidden]{display:none}



.dash-card h2{margin:0;font-size:1.25rem;letter-spacing:-.02em}



.dash-card h3{margin:1.1rem 0 .5rem;font:700 .8rem var(--wb-font);text-transform:uppercase;letter-spacing:.05em;color:var(--wb-muted)}



.dash-ct{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-block-end:1rem}



.dash-recent{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:.7rem}



.dash-empty{text-align:center;padding:1.6rem 1rem;border:1px dashed var(--wb-line-strong);border-radius:10px;background:var(--wb-sunken)}



.dash-empty p{margin:0 0 1rem;color:var(--wb-muted)}



.dash-chart{block-size:110px;padding:.5rem;background:var(--wb-sunken);border:1px solid var(--wb-line);border-radius:10px}



.dash-chart svg{inline-size:100%;block-size:100%;fill:var(--wb-accent)}



.dash-cap{margin:.5rem 0 1rem;font-size:.88rem}



.dash-tbl-wrap{overflow-x:auto}



.dash-tbl{inline-size:100%;border-collapse:collapse;font-size:.92rem}



.dash-tbl th{text-align:start;font:700 .72rem var(--wb-font);text-transform:uppercase;letter-spacing:.05em;color:var(--wb-muted);padding:.6rem .7rem;border-block-end:1px solid var(--wb-line)}



.dash-tbl td{padding:.75rem .7rem;border-block-end:1px solid var(--wb-line);vertical-align:middle}



.dash-tbl tr:last-child td{border-block-end:0}



.dash-tbl .num{text-align:end;font-variant-numeric:tabular-nums}



.dash-tbl td small{display:block;color:var(--wb-muted);font-size:.78rem}



.dash-tbl td a{color:var(--wb-accent)}



.dash-tbl .act{white-space:nowrap;text-align:end}



.plan-tbl th.me,.plan-tbl td.me{background:transparent;background:color-mix(in srgb,var(--wb-accent) 9%,transparent);font-weight:650}



.dash-countries{max-inline-size:480px}



.dash-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:1rem;margin-block-end:1rem;scroll-margin-top:130px}



.dash-two .dash-card{margin:0}



.dash-card.form h2{margin-block-end:.4rem}



.dash-card input[disabled]{opacity:.65}



.dash-danger .muted{margin:.3rem 0 1rem}



.dash-del{margin-block-start:.4rem}



.dash-del summary{cursor:pointer;font-weight:650;color:var(--wb-err);min-block-size:44px;display:flex;align-items:center}



.btn-danger{background:#dc2626;color:#fff;border-color:#dc2626}



.btn-danger:hover{background:var(--wb-err)}



@media (max-width:640px){.dash-av{flex:none;inline-size:72px;block-size:72px;border-radius:12px;display:grid;place-items:center;background:var(--wb-ink);color:var(--wb-bg);font:600 2rem var(--wb-font)}



.dash-act{inline-size:100%}



.dash-act .btn{flex:1;justify-content:center}



.dash-card{padding:1.1rem}



.dash-tbl thead{display:none}



.dash-tbl,.dash-tbl tbody,.dash-tbl tr,.dash-tbl td{display:block;inline-size:100%}



.dash-tbl tr{padding:.7rem 0;border-block-end:1px solid var(--wb-line)}



.dash-tbl td{border:0;padding:.25rem 0;display:flex;justify-content:space-between;gap:1rem;text-align:end}



.dash-tbl td::before{content:attr(data-l);color:var(--wb-muted);font:700 .72rem var(--wb-font);text-transform:uppercase;letter-spacing:.04em;text-align:start;flex:none}



.dash-tbl td.act{justify-content:flex-end}



.dash-tbl td.act::before{content:none}



.plan-tbl thead{display:table-header-group}



.plan-tbl,.plan-tbl tbody{display:table;inline-size:100%}



.plan-tbl tbody{display:table-row-group}



.plan-tbl tr{display:table-row;padding:0}



.plan-tbl td,.plan-tbl th{display:table-cell;padding:.6rem .5rem;text-align:start}



.plan-tbl td::before{content:none}



}



.img-files{display:grid;gap:.5rem;margin-block:.9rem}



.img-files:empty{display:none}



.img-file{display:flex;align-items:center;gap:.8rem;padding:.5rem .7rem;border:1px solid var(--wb-line);border-radius:10px;background:var(--wb-sunken)}



.img-file>img{inline-size:48px;block-size:48px;object-fit:cover;border-radius:9px;flex:none;background:var(--wb-surface)}



.img-file>div:not(.img-ord){flex:1;min-inline-size:0;display:grid}



.img-file b{font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}



.img-file span{font-size:.8rem;color:var(--wb-muted)}



.img-ord{display:flex;gap:.3rem;flex:none;align-items:center}



.img-results{display:grid;gap:.7rem;margin-block-start:1rem}



.img-results:empty{display:none}



.img-res{display:flex;gap:1rem;align-items:center;padding:.8rem;border:1px solid var(--wb-line);border-radius:10px;background:var(--wb-surface)}



.img-res>img{inline-size:84px;block-size:84px;object-fit:cover;border-radius:8px;background:repeating-conic-gradient(var(--wb-sunken) 0 25%,var(--wb-surface) 0 50%) 0 0/14px 14px;flex:none}



.img-res-m{flex:1;min-inline-size:0;display:grid;gap:.25rem}



.img-res-m b{overflow-wrap:anywhere;font-size:.95rem}



.img-res-m>span{font-size:.84rem;color:var(--wb-muted)}



.pdf-ico{inline-size:84px;block-size:84px;border-radius:10px;display:grid;place-items:center;background:#fee2e2;color:var(--wb-err);font:800 1.2rem var(--wb-font);flex:none}



.img-progress{block-size:6px;border-radius:99px;background:var(--wb-line);overflow:hidden;margin-block:.8rem}



.img-progress i{display:block;block-size:100%;inline-size:0;background:var(--wb-accent);transition:width .25s}



.img-cmp{position:relative;max-inline-size:760px;margin-inline:auto;border-radius:10px;overflow:hidden;border:1px solid var(--wb-line);background:repeating-conic-gradient(var(--wb-sunken) 0 25%,var(--wb-surface) 0 50%) 0 0/16px 16px;user-select:none;touch-action:pan-y}



.img-cmp>img{display:block;inline-size:100%;block-size:auto}



.img-cmp .img-cmp-top{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:fill;clip-path:inset(0 calc(100% - var(--p)) 0 0)}



.img-cmp-bar{position:absolute;inset-block:0;inset-inline-start:var(--p);inline-size:3px;margin-inline-start:-1.5px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.25);pointer-events:none}



.img-cmp-l,.img-cmp-r{position:absolute;inset-block-start:.6rem;padding:.2rem .6rem;border-radius:99px;background:rgba(15,23,42,.7);color:#fff;font:700 .72rem var(--wb-font);pointer-events:none}



.img-cmp-l{inset-inline-start:.6rem}



.img-cmp-r{inset-inline-end:.6rem}



.img-cmp input[type=range]{position:absolute;inset:0;inline-size:100%;block-size:100%;opacity:0;cursor:ew-resize;margin:0}



[dir=rtl] .img-cmp .img-cmp-top{clip-path:inset(0 0 0 calc(100% - var(--p)))}



.crop-stage{position:relative;inline-size:fit-content;max-inline-size:100%;margin-inline:auto;margin-block:1rem;line-height:0;touch-action:none;border-radius:8px;overflow:hidden;background:repeating-conic-gradient(var(--wb-sunken) 0 25%,var(--wb-surface) 0 50%) 0 0/16px 16px}



.crop-cv{display:block;inline-size:auto;max-inline-size:100%;block-size:auto;max-block-size:70vh}



.crop-shade{position:absolute;inset:0;pointer-events:none}



.crop-box{position:absolute;border:2px solid #fff;box-shadow:0 0 0 9999px rgba(2,6,23,.55);cursor:move;touch-action:none;box-sizing:border-box;background-image:linear-gradient(rgba(255,255,255,.4),rgba(255,255,255,.4)),linear-gradient(rgba(255,255,255,.4),rgba(255,255,255,.4)),linear-gradient(90deg,rgba(255,255,255,.4),rgba(255,255,255,.4)),linear-gradient(90deg,rgba(255,255,255,.4),rgba(255,255,255,.4));background-size:100% 1px,100% 1px,1px 100%,1px 100%;background-position:0 33.3%,0 66.6%,33.3% 0,66.6% 0;background-repeat:no-repeat}



.crop-h{position:absolute;inline-size:24px;block-size:24px;background:#fff;border-radius:50%;touch-action:none;box-sizing:border-box;border:3px solid var(--wb-accent)}



.crop-box .crop-nw{left:0;top:0;cursor:nwse-resize}



.crop-box .crop-ne{right:0;top:0;cursor:nesw-resize}



.crop-box .crop-se{right:0;bottom:0;cursor:nwse-resize}



.crop-box .crop-sw{left:0;bottom:0;cursor:nesw-resize}



.crop-box .crop-n{left:calc(50% - 12px);top:0;cursor:ns-resize}



.crop-box .crop-s{left:calc(50% - 12px);bottom:0;cursor:ns-resize}



.crop-box .crop-e{right:0;top:calc(50% - 12px);cursor:ew-resize}



.crop-box .crop-w{left:0;top:calc(50% - 12px);cursor:ew-resize}



.crop-dims{margin:.2rem 0 .8rem;text-align:center;font:650 .9rem var(--wb-font);color:var(--wb-muted);font-variant-numeric:tabular-nums}



.crop-tools,.crop-opts{margin-block:.5rem}



.crop-tools[hidden],.crop-opts[hidden],.crop-stage[hidden]{display:none}



.crop-opts{display:grid;gap:.9rem}



.fav-grid{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;padding:1rem;border:1px solid var(--wb-line);border-radius:10px;background:repeating-conic-gradient(var(--wb-sunken) 0 25%,var(--wb-surface) 0 50%) 0 0/16px 16px;margin-block:.8rem}



.fav-it{margin:0;display:grid;gap:.3rem;justify-items:center}



.fav-it canvas{image-rendering:auto}



.fav-it figcaption{font:600 .72rem var(--wb-font);color:var(--wb-muted)}



.exif-tbl{inline-size:100%;border-collapse:collapse;font-size:.85rem;margin-block-start:.4rem}



.exif-tbl th{text-align:start;color:var(--wb-muted);font-weight:600;padding:.25rem .8rem .25rem 0;white-space:nowrap}



.exif-tbl td{padding:.25rem 0;overflow-wrap:anywhere}



.exif-gps th,.exif-gps td{color:var(--wb-err);font-weight:700}



@media (max-width:560px){.img-res{flex-direction:column;align-items:stretch}



.img-res>img,.pdf-ico{inline-size:100%;block-size:150px}



.crop-h{inline-size:30px;block-size:30px}



}



#tool-app [hidden]{display:none!important}



.dash-card .tool-card h3{text-transform:none;letter-spacing:0;font:650 1rem var(--wb-font);color:var(--wb-ink);margin:0}







/*cm-fallbacks*/
@supports not (color:color-mix(in srgb,red,red)){:root{--wb-focus:0 0 0 3px rgba(35,71,214,.35)}:root[data-theme="dark"]{--wb-focus:0 0 0 3px rgba(122,155,255,.35)}}