/* Individualized composition layer for ToolHub's expanded tool pages. */
body[data-distinctive]{--dv-accent:#22d3ee;--dv-rgb:34,211,238;--dv-radius:24px;--dv-angle:135deg;--dv-gap:22px;--dv-shift:0px;--dv-tilt:0deg;--dv-scale:1;position:relative;isolation:isolate}
body[data-distinctive]::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.17;background-image:linear-gradient(var(--dv-angle),rgba(var(--dv-rgb),.12),transparent 36%),radial-gradient(circle at calc(18% + var(--dv-shift)) 12%,rgba(var(--dv-rgb),.18),transparent 28%)}
body[data-distinctive][data-motif="grid"]::after{background-image:linear-gradient(rgba(var(--dv-rgb),.08) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--dv-rgb),.08) 1px,transparent 1px);background-size:34px 34px}
body[data-distinctive][data-motif="rings"]::after{background-image:repeating-radial-gradient(circle at 78% 12%,rgba(var(--dv-rgb),.11) 0 1px,transparent 1px 30px)}
body[data-distinctive][data-motif="stripes"]::after{background-image:repeating-linear-gradient(var(--dv-angle),rgba(var(--dv-rgb),.07) 0 1px,transparent 1px 26px)}
body[data-distinctive][data-motif="dots"]::after{background-image:radial-gradient(rgba(var(--dv-rgb),.18) 1px,transparent 1.5px);background-size:24px 24px}
body[data-distinctive][data-motif="crosshair"]::after{background-image:linear-gradient(90deg,transparent 49.85%,rgba(var(--dv-rgb),.12) 50%,transparent 50.15%),linear-gradient(transparent 49.85%,rgba(var(--dv-rgb),.12) 50%,transparent 50.15%);background-size:160px 160px}
body[data-distinctive][data-motif="contours"]::after{background-image:repeating-radial-gradient(ellipse at 22% 78%,transparent 0 25px,rgba(var(--dv-rgb),.09) 26px 27px,transparent 28px 48px)}
body[data-distinctive][data-motif="mesh"]::after{background-image:linear-gradient(30deg,rgba(var(--dv-rgb),.08) 12%,transparent 12.5%,transparent 87%,rgba(var(--dv-rgb),.08) 87.5%),linear-gradient(150deg,rgba(var(--dv-rgb),.08) 12%,transparent 12.5%,transparent 87%,rgba(var(--dv-rgb),.08) 87.5%);background-size:54px 94px}
body[data-distinctive][data-motif="diagonal"]::after{background-image:repeating-linear-gradient(115deg,transparent 0 18px,rgba(var(--dv-rgb),.08) 19px 20px,transparent 21px 40px)}
body[data-distinctive][data-motif="radial"]::after{background-image:conic-gradient(from var(--dv-angle) at 82% 18%,transparent,rgba(var(--dv-rgb),.14),transparent 28%,rgba(var(--dv-rgb),.05),transparent 62%)}
body[data-distinctive][data-motif="blocks"]::after{background-image:linear-gradient(90deg,rgba(var(--dv-rgb),.08) 50%,transparent 50%),linear-gradient(rgba(var(--dv-rgb),.06) 50%,transparent 50%);background-size:72px 72px;background-position:0 0,36px 36px}
body[data-distinctive][data-motif="sparks"]::after{background-image:radial-gradient(circle at 12% 24%,rgba(var(--dv-rgb),.28) 0 2px,transparent 3px),radial-gradient(circle at 74% 68%,rgba(var(--dv-rgb),.18) 0 1px,transparent 2px),radial-gradient(circle at 45% 86%,rgba(var(--dv-rgb),.22) 0 2px,transparent 3px);background-size:130px 110px,90px 120px,170px 140px}
body[data-distinctive][data-motif="axis"]::after{background-image:linear-gradient(90deg,transparent calc(50% - 1px),rgba(var(--dv-rgb),.13) 50%,transparent calc(50% + 1px)),repeating-linear-gradient(0deg,transparent 0 31px,rgba(var(--dv-rgb),.07) 32px 33px)}
body[data-distinctive][data-motif="topography"]::after{background-image:repeating-radial-gradient(ellipse at 72% 34%,transparent 0 18px,rgba(var(--dv-rgb),.09) 19px 20px,transparent 21px 35px),repeating-radial-gradient(ellipse at 18% 82%,transparent 0 28px,rgba(var(--dv-rgb),.06) 29px 30px,transparent 31px 52px)}
body[data-distinctive][data-motif="plain"]::after{background-image:linear-gradient(var(--dv-angle),rgba(var(--dv-rgb),.1),transparent 35%,rgba(var(--dv-rgb),.04))}
body[data-distinctive]::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.42}
body[data-distinctive] .tool-wrap{max-width:1240px}
body[data-distinctive] .expansion-hero{position:relative;overflow:hidden;border-radius:var(--dv-radius);border-color:rgba(var(--dv-rgb),.32);background:linear-gradient(calc(var(--dv-angle) + 25deg),rgba(var(--dv-rgb),.16),rgba(8,15,29,.91) 48%,rgba(8,15,29,.72));box-shadow:0 24px 75px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.06);gap:var(--dv-gap)}
body[data-distinctive] .expansion-hero::after{content:attr(data-signature-label);position:absolute;right:18px;bottom:12px;font:600 10px/1.2 "Fira Code",monospace;letter-spacing:.18em;color:rgba(var(--dv-rgb),.52)}
body[data-distinctive] .exp-hero-icon{border-radius:calc(var(--dv-radius) * .62);transform:rotate(var(--dv-tilt)) scale(var(--dv-scale));background:linear-gradient(var(--dv-angle),rgba(var(--dv-rgb),.28),rgba(15,23,42,.82));border-color:rgba(var(--dv-rgb),.48);box-shadow:0 18px 60px rgba(var(--dv-rgb),.2)}
body[data-distinctive] .exp-hero-icon i,body[data-distinctive] .badge{color:var(--dv-accent)}
body[data-distinctive] .badge{border-color:rgba(var(--dv-rgb),.38);background:rgba(var(--dv-rgb),.1)}
body[data-distinctive] .exp-orbit{border-color:rgba(var(--dv-rgb),.25)}
body[data-distinctive] .tool-grid{gap:var(--dv-gap)}
body[data-distinctive] .panel,body[data-distinctive] .suite-panel{border-radius:var(--dv-radius);border-color:rgba(var(--dv-rgb),.22);background:linear-gradient(calc(var(--dv-angle) + 60deg),rgba(var(--dv-rgb),.07),rgba(15,23,42,.76) 42%,rgba(8,15,29,.84));box-shadow:0 18px 50px rgba(0,0,0,.15)}
body[data-distinctive] .panel h2,body[data-distinctive] .panel h3,body[data-distinctive] .suite-panel h2{color:color-mix(in srgb,var(--dv-accent) 74%,white)}

body[data-distinctive][data-distinct-layout="prism"] .expansion-hero,body[data-distinctive][data-distinct-layout="orbit"] .expansion-hero,body[data-distinctive][data-distinct-layout="radar"] .expansion-hero,body[data-distinctive][data-distinct-layout="workbench"] .expansion-hero,body[data-distinctive][data-distinct-layout="halo"] .expansion-hero{grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr)}
body[data-distinctive][data-distinct-layout="prism"] .exp-hero-visual,body[data-distinctive][data-distinct-layout="orbit"] .exp-hero-visual,body[data-distinctive][data-distinct-layout="radar"] .exp-hero-visual,body[data-distinctive][data-distinct-layout="workbench"] .exp-hero-visual,body[data-distinctive][data-distinct-layout="halo"] .exp-hero-visual{order:2;justify-self:end}
body[data-distinctive][data-distinct-layout="prism"] .tool-grid,body[data-distinctive][data-distinct-layout="orbit"] .tool-grid,body[data-distinctive][data-distinct-layout="radar"] .tool-grid,body[data-distinctive][data-distinct-layout="workbench"] .tool-grid,body[data-distinctive][data-distinct-layout="halo"] .tool-grid{grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr)}

body[data-distinctive][data-distinct-layout="dial"] .expansion-hero,body[data-distinctive][data-distinct-layout="console"] .expansion-hero,body[data-distinctive][data-distinct-layout="timeline"] .expansion-hero,body[data-distinctive][data-distinct-layout="magazine"] .expansion-hero,body[data-distinctive][data-distinct-layout="monolith"] .expansion-hero{grid-template-columns:210px minmax(0,1fr);align-items:center}
body[data-distinctive][data-distinct-layout="dial"] .exp-hero-visual,body[data-distinctive][data-distinct-layout="console"] .exp-hero-visual,body[data-distinctive][data-distinct-layout="timeline"] .exp-hero-visual,body[data-distinctive][data-distinct-layout="magazine"] .exp-hero-visual,body[data-distinctive][data-distinct-layout="monolith"] .exp-hero-visual{justify-self:start}
body[data-distinctive][data-distinct-layout="dial"] .tool-grid,body[data-distinctive][data-distinct-layout="console"] .tool-grid,body[data-distinctive][data-distinct-layout="timeline"] .tool-grid,body[data-distinctive][data-distinct-layout="magazine"] .tool-grid,body[data-distinctive][data-distinct-layout="monolith"] .tool-grid{grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr)}

body[data-distinctive][data-distinct-layout="ledger"] .expansion-hero,body[data-distinctive][data-distinct-layout="notebook"] .expansion-hero,body[data-distinctive][data-distinct-layout="matrix"] .expansion-hero,body[data-distinctive][data-distinct-layout="instrument"] .expansion-hero,body[data-distinctive][data-distinct-layout="wave"] .expansion-hero{display:flex;flex-direction:column;text-align:center;align-items:center;padding-inline:max(28px,8vw)}
body[data-distinctive][data-distinct-layout="ledger"] .exp-hero-visual,body[data-distinctive][data-distinct-layout="notebook"] .exp-hero-visual,body[data-distinctive][data-distinct-layout="matrix"] .exp-hero-visual,body[data-distinctive][data-distinct-layout="instrument"] .exp-hero-visual,body[data-distinctive][data-distinct-layout="wave"] .exp-hero-visual{position:absolute;right:4%;top:8%;opacity:.38;transform:scale(.72)}
body[data-distinctive][data-distinct-layout="ledger"] .exp-hero-points,body[data-distinctive][data-distinct-layout="notebook"] .exp-hero-points,body[data-distinctive][data-distinct-layout="matrix"] .exp-hero-points,body[data-distinctive][data-distinct-layout="instrument"] .exp-hero-points,body[data-distinctive][data-distinct-layout="wave"] .exp-hero-points{justify-content:center}
body[data-distinctive][data-distinct-layout="ledger"] .tool-grid,body[data-distinctive][data-distinct-layout="notebook"] .tool-grid,body[data-distinctive][data-distinct-layout="matrix"] .tool-grid,body[data-distinctive][data-distinct-layout="instrument"] .tool-grid,body[data-distinctive][data-distinct-layout="wave"] .tool-grid{grid-template-columns:1fr}

body[data-distinctive][data-distinct-layout="scope"] .expansion-hero,body[data-distinctive][data-distinct-layout="split-rail"] .expansion-hero,body[data-distinctive][data-distinct-layout="ribbon"] .expansion-hero,body[data-distinctive][data-distinct-layout="canvas"] .expansion-hero,body[data-distinctive][data-distinct-layout="facet"] .expansion-hero{grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr)}
body[data-distinctive][data-distinct-layout="scope"] .exp-hero-copy,body[data-distinctive][data-distinct-layout="split-rail"] .exp-hero-copy,body[data-distinctive][data-distinct-layout="ribbon"] .exp-hero-copy,body[data-distinctive][data-distinct-layout="canvas"] .exp-hero-copy,body[data-distinctive][data-distinct-layout="facet"] .exp-hero-copy{order:2}
body[data-distinctive][data-distinct-layout="scope"] .tool-grid,body[data-distinctive][data-distinct-layout="split-rail"] .tool-grid,body[data-distinctive][data-distinct-layout="ribbon"] .tool-grid,body[data-distinctive][data-distinct-layout="canvas"] .tool-grid,body[data-distinctive][data-distinct-layout="facet"] .tool-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr)}
body[data-distinctive][data-distinct-layout="scope"] .tool-grid>:last-child,body[data-distinctive][data-distinct-layout="split-rail"] .tool-grid>:last-child,body[data-distinctive][data-distinct-layout="ribbon"] .tool-grid>:last-child,body[data-distinctive][data-distinct-layout="canvas"] .tool-grid>:last-child,body[data-distinctive][data-distinct-layout="facet"] .tool-grid>:last-child{order:-1}

body[data-distinctive][data-distinct-layout="blueprint"] .expansion-hero,body[data-distinctive][data-distinct-layout="stacked"] .expansion-hero,body[data-distinctive][data-distinct-layout="capsule"] .expansion-hero,body[data-distinctive][data-distinct-layout="terrace"] .expansion-hero,body[data-distinctive][data-distinct-layout="constellation"] .expansion-hero{display:flex;align-items:flex-end;min-height:300px;padding-top:110px}
body[data-distinctive][data-distinct-layout="blueprint"] .exp-hero-visual,body[data-distinctive][data-distinct-layout="stacked"] .exp-hero-visual,body[data-distinctive][data-distinct-layout="capsule"] .exp-hero-visual,body[data-distinctive][data-distinct-layout="terrace"] .exp-hero-visual,body[data-distinctive][data-distinct-layout="constellation"] .exp-hero-visual{position:absolute;right:6%;top:7%}
body[data-distinctive][data-distinct-layout="blueprint"] .tool-grid,body[data-distinctive][data-distinct-layout="stacked"] .tool-grid,body[data-distinctive][data-distinct-layout="capsule"] .tool-grid,body[data-distinctive][data-distinct-layout="terrace"] .tool-grid,body[data-distinctive][data-distinct-layout="constellation"] .tool-grid{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr)}

.suite-form{display:grid;gap:16px}.suite-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.suite-field{display:grid;gap:7px}.suite-field label{font-size:.82rem;font-weight:700;color:#cbd5e1}.suite-input-wrap{display:flex;align-items:center;border:1px solid rgba(var(--dv-rgb),.22);border-radius:calc(var(--dv-radius) * .48);background:rgba(2,6,23,.48);overflow:hidden}.suite-input-wrap:focus-within{border-color:var(--dv-accent);box-shadow:0 0 0 3px rgba(var(--dv-rgb),.12)}.suite-input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:#f8fafc!important;padding:12px 13px!important;font:600 .96rem/1.3 "Fira Code",monospace}.suite-unit{padding:0 12px;color:#94a3b8;font-size:.78rem;white-space:nowrap}.suite-actions{display:flex;flex-wrap:wrap;gap:10px}.suite-button{border:0;border-radius:calc(var(--dv-radius) * .45);padding:12px 17px;font-weight:800;cursor:pointer;transition:.2s ease}.suite-button.primary{background:var(--dv-accent);color:#06111c;box-shadow:0 10px 28px rgba(var(--dv-rgb),.22)}.suite-button.secondary{background:rgba(var(--dv-rgb),.1);color:var(--dv-accent);border:1px solid rgba(var(--dv-rgb),.3)}.suite-button:hover{transform:translateY(-2px)}.suite-result{min-height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:18px}.suite-reading{font:900 clamp(2.1rem,6vw,4.8rem)/1 "Fira Code",monospace;color:var(--dv-accent);overflow-wrap:anywhere}.suite-reading small{font-size:.28em;color:#cbd5e1;margin-left:.35em}.suite-status{color:#94a3b8}.suite-status.error{color:#fb7185}.suite-meter{height:12px;border-radius:999px;background:rgba(148,163,184,.12);overflow:hidden}.suite-meter span{display:block;height:100%;width:var(--suite-meter,50%);border-radius:inherit;background:linear-gradient(90deg,var(--dv-accent),rgba(var(--dv-rgb),.35));transition:width .35s ease}.suite-formula{padding:14px;border-left:3px solid var(--dv-accent);background:rgba(var(--dv-rgb),.07);border-radius:0 calc(var(--dv-radius) * .4) calc(var(--dv-radius) * .4) 0;color:#cbd5e1}.suite-input-summary{display:flex;flex-wrap:wrap;gap:8px}.suite-input-summary span{font-size:.76rem;padding:7px 9px;border-radius:999px;background:rgba(148,163,184,.09);color:#94a3b8}.suite-privacy{font-size:.78rem;color:#64748b}.suite-panel{padding:clamp(18px,3vw,30px)}

html[data-hub-tone="light"] body[data-distinctive] .expansion-hero,html[data-hub-tone="light"] body[data-distinctive] .panel,html[data-hub-tone="light"] body[data-distinctive] .suite-panel{background:linear-gradient(var(--dv-angle),rgba(var(--dv-rgb),.09),rgba(255,255,255,.92));box-shadow:0 18px 48px rgba(15,23,42,.09)}
html[data-hub-tone="light"] .suite-input-wrap{background:rgba(255,255,255,.72)}html[data-hub-tone="light"] .suite-input{color:#0f172a!important}html[data-hub-tone="light"] .suite-field label,html[data-hub-tone="light"] .suite-formula{color:#334155}
@media(max-width:760px){body[data-distinctive] .expansion-hero{display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;min-height:0!important;padding:24px!important}body[data-distinctive] .exp-hero-visual{position:relative!important;inset:auto!important;order:-1!important;transform:scale(.78)!important;transform-origin:left center!important;opacity:1!important}body[data-distinctive] .exp-hero-points{justify-content:flex-start!important}body[data-distinctive] .tool-grid{grid-template-columns:1fr!important}body[data-distinctive] .tool-grid>*{order:initial!important}.suite-fields{grid-template-columns:1fr}.suite-reading{font-size:clamp(2rem,12vw,3.3rem)}}
@media(prefers-reduced-motion:reduce){.suite-button,.suite-meter span{transition:none}}