/* SEO Lands – Free tools (matches child theme tokens) */
.slu-tp,.slu-hub{--ink:var(--sl-ink,#0e1120);--txt:var(--sl-text,#475569);--mut:var(--sl-muted,#5b6379);--ind:var(--sl-indigo,#5b4bff);--line:var(--sl-line,#e7e8f0);--soft:var(--sl-soft,#f1f0ff);--bg:var(--sl-bg,#f7f7fb);--r:var(--sl-r,18px);--rl:var(--sl-r-lg,26px);--head:var(--sl-head,"Bricolage Grotesque",Figtree,system-ui,sans-serif);
	font-family:var(--sl-body,Figtree,system-ui,sans-serif);color:var(--txt)}
.slu-tp *,.slu-hub *{box-sizing:border-box}
.slu-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.slu-tp h1,.slu-tp h2,.slu-tp h3,.slu-hub h3{font-family:var(--head);color:var(--ink);letter-spacing:-.02em}

/* hero */
.slu-tp-hero{position:relative;padding:44px 0 34px;overflow:hidden;
	background:radial-gradient(600px 300px at 10% 0%,rgba(91,75,255,.12),transparent 70%),radial-gradient(500px 260px at 90% 10%,rgba(255,94,156,.10),transparent 70%),radial-gradient(500px 260px at 60% 100%,rgba(18,179,217,.08),transparent 70%)}
.slu-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--mut);margin-bottom:18px}
.slu-crumbs a{color:var(--mut);text-decoration:none}.slu-crumbs a:hover{color:var(--ind)}.slu-crumbs b{color:var(--ink);font-weight:600}
.slu-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--ind)}
.slu-eyebrow i{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.15)}
.slu-tp-hero h1{font-size:clamp(32px,5vw,54px);line-height:1.05;margin:16px 0 12px}
.slu-lead{font-size:18px;line-height:1.6;max-width:720px;margin:0;color:var(--txt)}

/* app shell */
.slu-app-wrap{margin-top:-6px}
.slu-app{background:#fff;border:1px solid var(--line);border-radius:var(--rl);padding:26px;box-shadow:0 1px 2px rgba(14,17,32,.04),0 24px 48px rgba(91,75,255,.10);min-height:220px}
.slu-loading{display:flex;align-items:center;gap:10px;color:var(--mut)}
.slu-spin{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--ind);animation:slu-spin .8s linear infinite;display:inline-block}
@keyframes slu-spin{to{transform:rotate(360deg)}}
.slu-trust{list-style:none;display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:center;margin:18px 0 0;padding:0;font-size:14px;color:var(--mut)}
.slu-trust li{display:flex;align-items:center;gap:7px;margin:0}.slu-trust svg{width:17px;height:17px;color:#10b981}

/* drop zone */
.slu-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:38px 20px;border:2px dashed #cfd2e6;border-radius:var(--r);background:var(--bg);cursor:pointer;transition:.2s}
.slu-drop:hover,.slu-drop.is-over{border-color:var(--c,var(--ind));background:var(--soft)}
.slu-drop svg{width:42px;height:42px;color:var(--c,var(--ind))}
.slu-drop strong{font-size:18px;color:var(--ink)}
.slu-drop small{color:var(--mut)}
.slu-drop input{display:none}

/* controls */
.slu-row{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin:16px 0}
.slu-field{display:flex;flex-direction:column;gap:6px;min-width:140px;flex:1}
.slu-field--sm{flex:0 0 auto;min-width:110px}
.slu-field label,.slu-lbl{font-size:13px;font-weight:600;color:var(--ink)}
.slu-app input[type=text],.slu-app input[type=url],.slu-app input[type=number],.slu-app input[type=email],.slu-app input[type=search],.slu-app input[type=date],.slu-app select,.slu-app textarea{
	width:100%;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}
.slu-app textarea{min-height:180px;resize:vertical;line-height:1.55}
.slu-app textarea.mono,.slu-app .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px}
.slu-app input:focus,.slu-app select:focus,.slu-app textarea:focus{outline:none;border-color:var(--ind);box-shadow:0 0 0 4px rgba(91,75,255,.12)}
.slu-app input[type=range]{width:100%;accent-color:var(--ind)}
.slu-app input[type=color]{width:52px;height:44px;border:1px solid var(--line);border-radius:12px;padding:4px;background:#fff}
.slu-check{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--ink);cursor:pointer}
.slu-check input{accent-color:var(--ind);width:17px;height:17px}

.slu-btn,.slu-app button.slu-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 22px;border-radius:999px;border:0;background:var(--ink);color:#fff!important;font:inherit;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none!important;transition:transform .15s,background .2s,box-shadow .2s}
.slu-btn:hover{background:var(--ind);transform:translateY(-1px);box-shadow:0 10px 24px rgba(91,75,255,.25)}
.slu-btn svg{width:18px;height:18px}
.slu-btn--primary{background:var(--ind)}.slu-btn--primary:hover{background:var(--sl-indigo-dark,#4636f0)}
.slu-btn--ghost{background:#fff;color:var(--ink)!important;border:1px solid var(--line)}.slu-btn--ghost:hover{background:var(--soft);color:var(--ind)!important;box-shadow:none}
.slu-btn--sm{height:36px;padding:0 14px;font-size:13.5px}
.slu-btn[disabled]{opacity:.5;pointer-events:none}
.slu-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.slu-seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:999px;background:var(--bg);border:1px solid var(--line)}
.slu-seg button{height:34px;padding:0 14px;border-radius:999px;border:0;background:transparent;font:inherit;font-size:14px;font-weight:600;color:var(--txt);cursor:pointer}
.slu-seg button.is-on{background:#fff;color:var(--ind);box-shadow:0 1px 4px rgba(14,17,32,.12)}

/* file list */
.slu-files{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.slu-file{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#fff;margin:0}
.slu-file[draggable=true]{cursor:grab}.slu-file.is-drag{opacity:.4}
.slu-file__thumb{width:44px;height:44px;border-radius:10px;background:var(--soft);display:grid;place-items:center;overflow:hidden;flex:0 0 44px;color:var(--ind);font-size:11px;font-weight:800}
.slu-file__thumb img{width:100%;height:100%;object-fit:cover}
.slu-file__meta{flex:1;min-width:0}
.slu-file__name{display:block;font-weight:600;color:var(--ink);font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.slu-file__info{display:block;font-size:13px;color:var(--mut)}
.slu-file__info b{color:#10b981}
.slu-x{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;color:var(--mut);font-size:18px;line-height:1}
.slu-x:hover{color:#e11d48;border-color:#e11d48}

/* output */
.slu-out{margin-top:18px}
.slu-msg{padding:12px 16px;border-radius:12px;font-size:14.5px;margin-top:14px}
.slu-msg--ok{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}
.slu-msg--err{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3}
.slu-msg--info{background:var(--soft);color:#3730a3;border:1px solid #ddd8ff}
.slu-progress{height:8px;border-radius:99px;background:var(--bg);overflow:hidden;margin-top:14px}
.slu-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#5b4bff,#12b3d9,#ff5e9c);transition:width .2s}
.slu-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:14px 0}
.slu-stat{padding:14px;border-radius:14px;background:var(--bg);border:1px solid var(--line)}
.slu-stat b{display:block;font-family:var(--head);font-size:26px;color:var(--ink);line-height:1.1}
.slu-stat span{font-size:13px;color:var(--mut)}
.slu-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.slu-preview{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff;max-height:520px;overflow:auto}
.slu-preview img{max-width:100%;height:auto}
.slu-preview table{border-collapse:collapse;width:100%}.slu-preview td,.slu-preview th{border:1px solid var(--line);padding:6px 8px;font-size:13.5px}
.slu-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:16px}
.slu-thumbs figure{margin:0;border:1px solid var(--line);border-radius:14px;padding:8px;background:#fff;text-align:center}
.slu-thumbs img{width:100%;height:160px;object-fit:contain;background:var(--bg);border-radius:8px}
.slu-thumbs figcaption{font-size:12.5px;color:var(--mut);margin:6px 0}
.slu-table{width:100%;border-collapse:collapse;font-size:14px}
.slu-table th,.slu-table td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line)}
.slu-table th{font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut)}
.slu-meter{height:6px;border-radius:9px;background:var(--bg);overflow:hidden;margin-top:6px}
.slu-meter i{display:block;height:100%;border-radius:9px;transition:width .2s,background .2s}
.slu-count{font-size:12.5px;color:var(--mut);display:flex;justify-content:space-between;margin-top:4px}
.slu-serp{font-family:arial,sans-serif;max-width:600px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}
.slu-serp__site{display:flex;align-items:center;gap:10px;font-size:14px;color:#202124}
.slu-serp__fav{width:28px;height:28px;border-radius:50%;background:#f1f3f4;display:grid;place-items:center;font-size:12px;font-weight:700;color:#5f6368}
.slu-serp__url{font-size:12px;color:#4d5156}
.slu-serp__t{font-size:20px;line-height:1.3;color:#1a0dab;margin:6px 0 3px;font-weight:400}
.slu-serp__d{font-size:14px;line-height:1.58;color:#4d5156}
.slu-serp.is-mobile{max-width:400px}.slu-serp.is-mobile .slu-serp__t{font-size:18px}
.slu-og{max-width:520px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.slu-og__img{aspect-ratio:1.91/1;background:var(--soft) center/cover no-repeat;display:grid;place-items:center;color:var(--mut);font-size:13px}
.slu-og__b{padding:12px 14px;background:#f2f3f5}.slu-og__b small{text-transform:uppercase;color:#606770;font-size:12px}.slu-og__b b{display:block;color:#1d2129;margin:3px 0}.slu-og__b span{color:#606770;font-size:14px}
.slu-qr{display:grid;place-items:center;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}
.slu-qr img,.slu-qr canvas{max-width:100%;height:auto}
.slu-crop{position:relative;display:inline-block;max-width:100%;user-select:none;touch-action:none}
.slu-crop img{display:block;max-width:100%;max-height:520px}
.slu-crop__box{position:absolute;border:2px solid #fff;box-shadow:0 0 0 9999px rgba(14,17,32,.55);cursor:move}
.slu-crop__h{position:absolute;right:-8px;bottom:-8px;width:16px;height:16px;border-radius:50%;background:var(--ind);border:2px solid #fff;cursor:nwse-resize}
.slu-pw{display:flex;gap:10px;align-items:center}
.slu-pw output{flex:1;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:20px;padding:14px 16px;border-radius:14px;background:var(--bg);border:1px solid var(--line);color:var(--ink);word-break:break-all}
.slu-hint{font-size:13px;color:var(--mut);margin:6px 0 0}
.slu-hide{display:none!important}

/* content sections */
.slu-how,.slu-faq,.slu-related{margin-top:64px}
.slu-how h2,.slu-faq h2,.slu-related h2{font-size:clamp(24px,3vw,34px);margin:0 0 22px}
.slu-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:s}
.slu-steps li{margin:0;padding:22px;border-radius:var(--r);background:#fff;border:1px solid var(--line)}
.slu-steps span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--soft);color:var(--ind);font-weight:800;margin-bottom:12px}
.slu-steps p{margin:0;color:var(--ink);font-weight:500;line-height:1.5}
.slu-faq details{border:1px solid var(--line);border-radius:16px;background:#fff;margin:0 0 10px;padding:0 20px}
.slu-faq summary{cursor:pointer;list-style:none;padding:18px 28px 18px 0;font-weight:700;color:var(--ink);position:relative}
.slu-faq summary::-webkit-details-marker{display:none}
.slu-faq summary:after{content:"+";position:absolute;right:0;top:14px;font-size:22px;color:var(--ind);transition:transform .2s}
.slu-faq details[open] summary:after{transform:rotate(45deg)}
.slu-faq details p{margin:0 0 18px;line-height:1.65}
.slu-related{margin-bottom:70px}
.slu-center{text-align:center;margin-top:26px}

/* cards + hub */
.slu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.slu-grid--4{grid-template-columns:repeat(4,1fr)}
.slu-card{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:var(--r);background:#fff;border:1px solid var(--line);text-decoration:none!important;transition:transform .2s,box-shadow .2s,border-color .2s;color:var(--txt)}
.slu-card:hover{transform:translateY(-4px);box-shadow:0 2px 6px rgba(14,17,32,.05),0 24px 48px rgba(91,75,255,.14);border-color:transparent}
.slu-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.slu-card__icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff)}
.slu-card__icon svg{width:22px;height:22px}
.slu-card__tag{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--bg);color:var(--mut)}
.slu-card h3{margin:0;font-size:18px}
.slu-card p{margin:0;font-size:14.5px;line-height:1.55;flex:1}
.slu-card__go{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px;color:var(--c);margin-top:6px}
.slu-card__go svg{width:16px;height:16px;transition:transform .2s}.slu-card:hover .slu-card__go svg{transform:translateX(3px)}
.slu-hub__bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:20px}
.slu-hub__tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.slu-hub__tabs button{flex:0 0 auto;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:#fff;font:inherit;font-size:14px;font-weight:600;color:var(--sl-slate,#1e293b);cursor:pointer;transition:.2s}
.slu-hub__tabs button small{font-size:12px;color:var(--mut);margin-left:4px}
.slu-hub__tabs button:hover{border-color:var(--c,var(--ind));color:var(--c,var(--ind))}
.slu-hub__tabs button.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.slu-hub__tabs button.is-active small{color:#c7c9d9}
.slu-hub__search{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:#fff;min-width:260px}
.slu-hub__search svg{width:18px;height:18px;color:var(--mut)}
.slu-hub__search input{border:0!important;outline:0;box-shadow:none!important;background:transparent;font:inherit;font-size:15px;width:100%;padding:0!important;min-height:0!important}
.slu-hub__empty{text-align:center;color:var(--mut);padding:30px}

@media (max-width:1024px){.slu-grid--4{grid-template-columns:repeat(3,1fr)}}
@media (max-width:860px){.slu-grid,.slu-grid--4{grid-template-columns:repeat(2,1fr)}.slu-grid2{grid-template-columns:1fr}.slu-steps{grid-template-columns:1fr}}
@media (max-width:560px){.slu-grid,.slu-grid--4{grid-template-columns:1fr}.slu-app{padding:18px;border-radius:20px}.slu-tp-hero{padding:30px 0 24px}.slu-lead{font-size:16px}.slu-hub__search{min-width:0;width:100%}.slu-how,.slu-faq,.slu-related{margin-top:44px}}
