:root{--bg:#f7f9fc;--bg2:#eef3f9;--surface:#fff;--surface2:#f5f7fb;--line:#e3e8f0;--text:#132033;--muted:#68758b;--muted2:#8e99aa;--accent:#2563eb;--accent2:#6d5dfc;--good:#16a66a;--bad:#e23b4a;--shadow:0 18px 50px rgba(15,31,55,.08);--shadow-sm:0 8px 22px rgba(15,31,55,.07);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 12% 0%,rgba(98,139,255,.12),transparent 32%),linear-gradient(180deg,#fbfcfe 0%,var(--bg) 58%,var(--bg2) 100%);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}.ambient{position:fixed;pointer-events:none;filter:blur(90px);border-radius:50%;opacity:.35;z-index:-1}.ambient-a{width:380px;height:380px;background:#cfe1ff;left:-180px;top:120px}.ambient-b{width:320px;height:320px;background:#dfd5ff;right:-140px;top:560px}a{text-decoration:none;color:inherit}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.84);backdrop-filter:blur(20px);border-bottom:1px solid rgba(220,227,237,.9)}.header-inner{max-width:1420px;margin:auto;min-height:76px;padding:0 28px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:11px;min-width:210px}.brand-mark{width:44px;height:44px;border-radius:14px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;box-shadow:var(--shadow-sm)}.brand-mark img{width:100%;height:100%;object-fit:contain;padding:5px}.brand-text{display:grid;line-height:1}.brand-text strong{font-size:15px;letter-spacing:-.02em}.brand-text small{margin-top:4px;color:var(--muted);font-size:10px;letter-spacing:.13em;text-transform:uppercase}.main-nav{display:flex;gap:5px}.main-nav a{padding:10px 13px;border-radius:10px;color:var(--muted);font-weight:750;font-size:12px;transition:.2s}.main-nav a:hover,.main-nav a.active{color:var(--text);background:var(--surface2)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.header-search{height:42px;width:min(360px,32vw);display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid var(--line);background:var(--surface2);border-radius:12px}.header-search span{font-size:19px;color:var(--muted)}.header-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.header-search kbd{font-size:9px;color:var(--muted);background:var(--surface);border:1px solid var(--line);padding:4px 6px;border-radius:6px}.icon-btn{width:42px;height:42px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;cursor:pointer}.mobile-nav{display:none}.page-shell{max-width:1340px;margin:auto;padding:36px 26px 80px}.section-kicker,.panel-eyebrow{font-size:9px;font-weight:900;letter-spacing:.18em;color:var(--muted2);text-transform:uppercase}.breadcrumbs{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:11px;margin-bottom:24px}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs strong{color:var(--text)}.home-hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:520px;gap:30px;align-items:center}.hero-copy h1{font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.055em;margin:16px 0 18px}.hero-copy h1 span{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;color:transparent}.hero-copy p{max-width:650px;color:var(--muted);font-size:15px;line-height:1.9}.hero-cta{display:flex;gap:10px;align-items:center;margin:28px 0}.primary-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:13px;padding:13px 17px;font-weight:850;font-size:12px;cursor:pointer}.primary-btn{background:linear-gradient(135deg,#1c4fd7,#5c54ee);color:#fff;box-shadow:0 12px 24px rgba(56,76,204,.22)}.primary-btn:hover{transform:translateY(-1px)}.primary-btn.big{padding:15px 19px}.ghost-btn{background:var(--surface);border:1px solid var(--line);color:var(--text)}.hero-proof{display:flex;gap:18px;color:var(--muted);font-size:10px;font-weight:750}.hero-proof span{display:flex;gap:6px;align-items:center}.hero-proof i{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 4px rgba(22,166,106,.1)}.hero-visual{height:420px;position:relative;display:grid;place-items:center}.visual-glow{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(72,103,238,.25),transparent 68%);filter:blur(10px)}.visual-orbit{position:absolute;width:340px;height:340px;border:1px solid rgba(81,105,220,.15);border-radius:50%;box-shadow:0 0 0 38px rgba(81,105,220,.03),0 0 0 76px rgba(81,105,220,.02)}.visual-card{position:absolute;width:250px;padding:20px 20px;border-radius:20px;background:rgba(255,255,255,.86);border:1px solid rgba(220,227,237,.95);box-shadow:0 20px 50px rgba(31,47,93,.12);backdrop-filter:blur(15px)}.visual-card.top{transform:translate(-40px,-84px)}.visual-card.mid{transform:translate(54px,96px)}.visual-card span{display:block;color:var(--muted2);font-weight:850;font-size:9px;letter-spacing:.16em}.visual-card strong{font-size:44px;letter-spacing:-.05em}.visual-card small{display:block;color:var(--muted);margin-top:3px}.mini-bars{display:flex;align-items:end;gap:7px;height:48px;margin:8px 0}.mini-bars i{display:block;width:17px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#6e67f7,#2d70e6)}.mini-bars i:nth-child(1){height:24px}.mini-bars i:nth-child(2){height:33px}.mini-bars i:nth-child(3){height:18px}.mini-bars i:nth-child(4){height:42px}.mini-bars i:nth-child(5){height:29px}.quick-section,.categories-section{margin-top:62px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:20px}.section-title h2{margin:5px 0 0;font-size:26px;letter-spacing:-.035em}.section-title p,.section-title>a{color:var(--muted);font-size:12px}.section-title>a:hover{color:var(--accent)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-card{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-sm);transition:.2s}.quick-card:hover,.tool-card:hover,.category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.quick-icon,.tool-card-icon,.category-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#edf3ff,#f4efff);color:var(--accent);font-weight:900}.quick-card span:nth-child(2){display:grid}.quick-card b{font-size:12px}.quick-card small{color:var(--muted);font-size:10px}.quick-card em{margin-left:auto;font-style:normal;color:var(--muted2)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.category-card{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.8);box-shadow:var(--shadow-sm);transition:.2s;min-height:152px}.category-card h3{margin:1px 0 6px;font-size:15px}.category-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.category-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:13px;color:var(--muted);font-size:10px}.category-foot b{color:var(--text)}.category-hero,.tool-hero{display:flex;justify-content:space-between;gap:30px;align-items:end;padding:26px 0 32px}.category-hero h1,.tool-hero h1{font-size:44px;line-height:1;letter-spacing:-.05em;margin:10px 0}.category-hero p,.tool-hero p{max-width:720px;color:var(--muted);margin:0}.category-count{display:grid;justify-items:end}.category-count strong{font-size:42px;letter-spacing:-.06em}.category-count span{color:var(--muted)}.category-layout{display:grid;grid-template-columns:240px 1fr;gap:24px}.category-sidebar,.panel{background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm)}.category-sidebar{padding:16px;height:max-content;position:sticky;top:105px}.side-cat{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:11px;color:var(--muted);font-size:11px;margin-top:3px}.side-cat.active,.side-cat:hover{background:var(--surface2);color:var(--text)}.side-icon{width:22px;text-align:center;color:var(--accent)}.side-cat small{margin-left:auto;background:var(--surface);border:1px solid var(--line);padding:2px 6px;border-radius:99px}.tool-toolbar{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.tool-toolbar h2{font-size:25px;margin:5px 0 0}.tool-total{font-size:10px;color:var(--muted);border:1px solid var(--line);background:var(--surface);padding:7px 10px;border-radius:999px}.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tool-card{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:var(--shadow-sm);transition:.2s}.tool-card-body{display:grid;gap:4px;min-width:0}.tool-card-body b{font-size:12px}.tool-card-body small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-arrow{margin-left:auto;color:var(--muted2)}.tool-hero-badge{min-width:140px;padding:14px;border:1px solid var(--line);background:var(--surface);border-radius:15px;display:grid;gap:3px;justify-items:end}.tool-hero-badge b{font-size:11px}.tool-hero-badge small{color:var(--muted);font-size:9px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 5px rgba(22,166,106,.08)}.workspace{display:grid;grid-template-columns:1fr 300px;gap:20px}.workspace-main{display:grid;gap:18px}.panel{padding:22px}.panel-primary{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(244,247,255,.92))}.panel-title,.result-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.panel h2{margin:5px 0 0;font-size:23px;letter-spacing:-.03em}.step{font-size:10px;border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:var(--muted)}.input-label{display:flex;justify-content:space-between;margin:22px 0 7px;font-size:10px;font-weight:800}.input-wrap{display:flex;gap:8px}.input-wrap input{height:50px;flex:1;min-width:0;border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:0 15px;outline:none;color:var(--text);font-size:12px}.input-wrap input:focus{border-color:#8aa6f9;box-shadow:0 0 0 4px rgba(37,99,235,.08)}.input-wrap .primary-btn{padding:0 20px}.hint-row{display:flex;gap:7px;color:var(--muted2);font-size:9px;margin-top:10px}.result-panel{min-height:260px}.result-placeholder,.loading-state{text-align:center;padding:42px 18px}.result-icon{width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#edf3ff,#f3edff);display:grid;place-items:center;margin:0 auto 12px;color:var(--accent);font-size:20px}.result-placeholder h3,.loading-state h3{margin:0 0 4px;font-size:15px}.result-placeholder p,.loading-state p{margin:0;color:var(--muted);font-size:11px}.spinner{width:28px;height:28px;border:3px solid #dfe6f3;border-top-color:var(--accent);border-radius:50%;margin:0 auto 14px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.workspace-side .panel+ .panel{margin-top:18px}.workspace-side h3{font-size:15px;margin:7px 0}.workspace-side p{font-size:11px;color:var(--muted);line-height:1.8}.mini-list{display:grid;gap:7px;padding-top:8px}.mini-list span{font-size:10px;color:var(--muted)}.related a{display:flex;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--line);font-size:10px}.related a span{color:var(--accent)}.related a em{margin-left:auto;color:var(--muted2);font-style:normal}.result-head h3{margin:4px 0 0;font-size:18px}.success-badge{font-size:10px;color:var(--good);background:rgba(22,166,106,.08);padding:7px 10px;border-radius:999px}.result-content{margin-top:18px}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.result-stats>div,.data-card{background:var(--surface2);border:1px solid var(--line);border-radius:13px;padding:14px}.result-stats span,.data-card span,.data-row span{font-size:9px;color:var(--muted2);text-transform:uppercase;letter-spacing:.08em}.result-stats b{display:block;font-size:18px;margin-top:4px}.data-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:10px}.data-row b{max-width:72%;word-break:break-word;text-align:right}.data-grid{display:grid;gap:10px}.data-card b{display:block;font-size:11px;margin-top:7px;word-break:break-word}.record-list{border-top:1px solid var(--line)}.single-result{font-size:14px;padding:25px;border:1px dashed var(--line);border-radius:14px;background:var(--surface2)}.json-output{margin:0;background:#101826;color:#d9e6ff;padding:16px;border-radius:14px;overflow:auto;font-size:11px}.error-state{display:flex;gap:12px;align-items:flex-start;padding:22px;border-radius:14px;background:rgba(226,59,74,.06);border:1px solid rgba(226,59,74,.16)}.error-state>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--bad);color:white;font-weight:900}.error-state b{font-size:12px}.error-state p{margin:3px 0 0;color:var(--muted);font-size:10px}.result-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:8px}.score-label{font-size:9px;letter-spacing:.15em;color:var(--muted2);font-weight:900}.score{display:block;font-size:46px;letter-spacing:-.05em}.score small{font-size:14px;color:var(--muted2)}.score-ring{--p:75%;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) var(--p),#e5eaf3 0)}.score-ring:before{content:"";position:absolute;width:72px;height:72px;background:var(--surface);border-radius:50%}.score-ring span{position:relative;font-size:14px;font-weight:900}.check-row{display:flex;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.check-dot{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-size:10px;font-weight:900}.check-dot.ok{background:rgba(22,166,106,.1);color:var(--good)}.check-dot.bad{background:rgba(226,59,74,.1);color:var(--bad)}.check-row div{display:grid;gap:2px}.check-row b{font-size:10px}.check-row small{font-size:10px;color:var(--muted)}.site-footer{max-width:1340px;margin:auto;padding:20px 26px 36px;display:flex;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.site-footer div{display:grid;gap:3px}.site-footer strong{color:var(--text)}.theme-dark{--bg:#0a1020;--bg2:#0c1324;--surface:#111a2c;--surface2:#0e1728;--line:#22304a;--text:#edf3ff;--muted:#93a1b8;--muted2:#6f7e98;--shadow:0 20px 60px rgba(0,0,0,.28);background:radial-gradient(circle at 15% 0%,rgba(65,105,210,.16),transparent 30%),linear-gradient(180deg,#0a1020,#0c1324)}.theme-dark .site-header{background:rgba(10,16,32,.82);border-color:rgba(34,48,74,.9)}.theme-dark .category-card,.theme-dark .tool-card,.theme-dark .quick-card,.theme-dark .panel,.theme-dark .category-sidebar,.theme-dark .visual-card{background:rgba(17,26,44,.9)}.theme-dark .visual-orbit{border-color:rgba(130,151,255,.16)}.theme-dark .score-ring:before{background:var(--surface)}

/* Modern animated SEO score centerpiece */
.score-orb{position:relative;width:410px;height:410px;display:grid;place-items:center;filter:drop-shadow(0 28px 70px rgba(37,99,235,.16))}
.score-orbit{position:absolute;border-radius:50%;border:1px solid rgba(66,95,180,.15);inset:28px;animation:orb-spin 18s linear infinite}
.score-orbit.o2{inset:62px;border-style:dashed;animation-duration:13s;animation-direction:reverse}
.score-orbit.o3{inset:94px;border-color:rgba(124,58,237,.16);animation-duration:9s}
.score-ring-home{position:relative;width:214px;height:214px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from -25deg,#2563eb 0 68%,#7c3aed 68% 82%,#dbe4f5 82% 100%);animation:score-breathe 4s ease-in-out infinite}
.score-ring-home:before{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line),0 18px 50px rgba(24,39,77,.12)}
.score-ring-home:after{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px solid rgba(37,99,235,.12);box-shadow:0 0 0 12px rgba(124,58,237,.035);animation:ring-pulse 3.2s ease-in-out infinite}
.score-ring-home>div{position:relative;z-index:2;text-align:center;display:grid;gap:2px}.score-ring-home span{font-size:9px;letter-spacing:.2em;font-weight:900;color:var(--muted2)}.score-ring-home strong{font-size:62px;line-height:.95;letter-spacing:-.07em}.score-ring-home small{font-size:10px;color:var(--good);font-weight:800}
.orb-pulse{position:absolute;width:9px;height:9px;border-radius:50%;background:#2563eb;box-shadow:0 0 0 7px rgba(37,99,235,.09),0 0 22px rgba(37,99,235,.4);animation:orb-float 4s ease-in-out infinite}.orb-pulse.p1{top:56px;right:76px}.orb-pulse.p2{bottom:72px;left:56px;background:#7c3aed;animation-delay:1.4s;box-shadow:0 0 0 7px rgba(124,58,237,.09),0 0 22px rgba(124,58,237,.35)}
@keyframes orb-spin{to{transform:rotate(360deg)}}@keyframes score-breathe{0%,100%{transform:scale(.985);filter:saturate(.96)}50%{transform:scale(1.015);filter:saturate(1.08)}}@keyframes ring-pulse{0%,100%{transform:scale(.98);opacity:.7}50%{transform:scale(1.04);opacity:1}}@keyframes orb-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-10px,0)}}
.theme-dark .score-ring-home:before{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line),0 18px 50px rgba(0,0,0,.3)}
@media(max-width:1000px){.score-orb{width:320px;height:320px}.score-ring-home{width:180px;height:180px}.score-ring-home strong{font-size:50px}.score-orbit.o1{inset:18px}.score-orbit.o2{inset:46px}.score-orbit.o3{inset:72px}}
@media(max-width:680px){.score-orb{width:290px;height:290px}.score-ring-home{width:162px;height:162px}.score-ring-home strong{font-size:44px}.score-ring-home span{font-size:8px}.score-ring-home small{font-size:9px}}
@media(max-width:1000px){.header-inner{gap:15px}.main-nav{display:none}.mobile-nav{display:flex;position:sticky;top:76px;z-index:40;gap:7px;overflow:auto;padding:10px 18px;background:rgba(246,248,252,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.mobile-nav a{white-space:nowrap;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:10px;color:var(--muted)}.home-hero{grid-template-columns:1fr}.hero-visual{height:300px}.quick-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.category-layout{grid-template-columns:1fr}.category-sidebar{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.side-cat{margin:0}.workspace{grid-template-columns:1fr}.workspace-side{display:grid;grid-template-columns:1fr 1fr;gap:18px}.workspace-side .panel+.panel{margin-top:0}}
@media(max-width:680px){.header-inner{padding:0 15px;min-height:68px}.brand{min-width:auto}.brand-text{display:none}.header-search{width:auto;flex:1}.header-search kbd{display:none}.page-shell{padding:24px 15px 60px}.hero-copy h1{font-size:40px}.hero-visual{height:250px}.visual-card{width:205px}.visual-card.top{transform:translate(-22px,-55px)}.visual-card.mid{transform:translate(30px,66px)}.quick-grid,.category-grid,.tools-grid{grid-template-columns:1fr}.section-title{align-items:flex-start;flex-direction:column}.category-hero,.tool-hero{align-items:flex-start;flex-direction:column}.category-hero h1,.tool-hero h1{font-size:36px}.category-count{justify-items:start}.category-sidebar{grid-template-columns:repeat(2,1fr)}.input-wrap{flex-direction:column}.input-wrap .primary-btn{height:48px}.result-stats{grid-template-columns:repeat(2,1fr)}.workspace-side{grid-template-columns:1fr}.site-footer{padding:20px 15px 32px;gap:15px}}

/* v1.5.2 UX additions */
.tool-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field-block{display:flex;flex-direction:column;gap:8px}.field-block label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--muted,#7b8794)}.field-block input,.field-block textarea{width:100%;border:1px solid rgba(100,116,139,.22);background:rgba(255,255,255,.76);color:inherit;border-radius:14px;padding:14px 15px;outline:none;transition:.2s}.field-block textarea{min-height:130px;resize:vertical}.theme-dark .field-block input,.theme-dark .field-block textarea{background:rgba(15,23,42,.72);border-color:rgba(148,163,184,.2);color:#f8fafc}.field-block input:focus,.field-block textarea:focus{border-color:rgba(59,130,246,.55);box-shadow:0 0 0 4px rgba(59,130,246,.08)}.analyze-btn{grid-column:1/-1;margin-top:2px;justify-self:start}.hand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.hand-card{display:flex;align-items:center;gap:14px;padding:17px;border:1px solid rgba(100,116,139,.13);border-radius:18px;background:rgba(255,255,255,.68);text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s}.theme-dark .hand-card{background:rgba(15,23,42,.55);border-color:rgba(148,163,184,.12)}.hand-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(15,23,42,.08);border-color:rgba(59,130,246,.25)}.hand-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(59,130,246,.14),rgba(99,102,241,.08));font-weight:900}.hand-card div:nth-child(2){min-width:0;flex:1}.hand-card strong{display:block;font-size:.92rem}.hand-card span{display:block;color:var(--muted,#7b8794);font-size:.75rem;line-height:1.45;margin-top:4px}.hand-card em{font-style:normal;font-size:1.1rem;opacity:.6}.second{grid-template-columns:repeat(6,minmax(0,1fr))}.second .hand-card{grid-column:span 2}.second .hand-card:nth-child(n+4){grid-column:span 2}@media(max-width:900px){.hand-grid,.second{grid-template-columns:1fr 1fr}.second .hand-card,.second .hand-card:nth-child(n+4){grid-column:auto}.tool-fields{grid-template-columns:1fr}}@media(max-width:600px){.hand-grid,.second{grid-template-columns:1fr}.field-block input,.field-block textarea{padding:13px}.hand-card{padding:15px}}

/* Color contrast workspace */
.color-input-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:9px;align-items:center}.color-picker{width:52px!important;height:48px;padding:4px!important;cursor:pointer;border-radius:13px!important}.copy-color,.palette-pair{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;cursor:pointer}.copy-color{height:46px;padding:0 12px;font-size:10px;font-weight:800}.copy-color:hover,.palette-pair:hover{border-color:rgba(37,99,235,.35);transform:translateY(-1px)}.contrast-palette{grid-column:1/-1;padding:14px 0 2px}.contrast-palette>span{display:block;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.contrast-palette>div{display:flex;gap:8px;flex-wrap:wrap}.palette-pair{display:flex;align-items:center;gap:6px;padding:7px 9px}.palette-pair i{display:block;width:18px;height:18px;border-radius:6px;border:1px solid rgba(0,0,0,.12)}.palette-pair code{font-size:9px;color:var(--muted)}.contrast-preview{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:12px;margin-top:2px}.contrast-sample{min-height:120px;border-radius:16px;padding:22px;display:flex;flex-direction:column;justify-content:end;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.contrast-sample strong{font-size:20px}.contrast-sample span{font-size:10px;margin-top:5px;opacity:.82}.contrast-ratio-live{display:flex;align-items:center;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);font-size:11px;color:var(--muted);line-height:1.6}.contrast-result{display:grid;gap:12px}.contrast-big-swatch{min-height:130px;border-radius:16px;border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;justify-content:end}.contrast-big-swatch strong{font-size:20px}.contrast-big-swatch span{font-size:10px;opacity:.8;margin-top:5px}@media(max-width:680px){.color-input-row{grid-template-columns:52px minmax(0,1fr)}.copy-color{grid-column:1/-1}.contrast-preview{grid-template-columns:1fr}}