.ssp-panel{--ssp-muted:var(--app-text-muted);--ssp-line:color-mix(in srgb, currentColor 12%, transparent);--ssp-tint:color-mix(in srgb, currentColor 6%, transparent);--ssp-margin:#f08a4b9e;--ssp-gap-lg:#6f97e89e;--ssp-gap:#5bbf759e;--ssp-gap-sm:#b77fdc9e;--ssp-pad:#e8c24ab3;color:var(--app-text-primary)}.ssp-panel[data-mode-differs]{background:var(--app-surface-panel)}.ssp-inner{counter-reset:ssp;padding:20px 24px 48px}.ssp-title{letter-spacing:-.045em;margin:0;font-size:24px;font-weight:650}.ssp-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.ssp-tags span{border-radius:var(--radius-pill);background:var(--ssp-tint);padding:3px 10px;font-size:11.5px}.ssp-tags .ssp-version{border-radius:var(--radius-pill);background:color-mix(in srgb, currentColor 12%, transparent);color:inherit;font:inherit;border:0;align-items:center;gap:2px;padding:3px 10px;font-size:11.5px;font-weight:650;display:inline-flex}.ssp-tags button.ssp-version{cursor:pointer}.ssp-tags button.ssp-version:hover{background:color-mix(in srgb, currentColor 18%, transparent)}.ssp-tags button.ssp-version:disabled{opacity:.5;cursor:default}.ssp-tags button.ssp-version:focus-visible{outline-offset:2px;outline:2px solid}.ssp-lead{color:var(--ssp-muted);word-break:keep-all;margin:10px 0 0;font-size:13px;line-height:1.6}.ssp-note{color:var(--ssp-muted);word-break:keep-all;margin:10px 0 0;font-size:11.5px;line-height:1.55}.ssp-tag{border-radius:var(--radius-pill);background:var(--ssp-tint);color:var(--ssp-muted);padding:3px 9px;font-size:11px}.ssp-seg{border-radius:var(--radius-pill);background:var(--ssp-tint);padding:2px;display:inline-flex}.ssp-seg button{border-radius:var(--radius-pill);height:26px;color:var(--ssp-muted);cursor:pointer;background:0 0;border:0;padding:0 10px;font-size:12px}.ssp-seg button[aria-selected=true]{background:var(--app-surface-raised);color:var(--app-text-primary);box-shadow:0 0 0 1px var(--ssp-line)}.ssp-section .ssp-seg button{height:22px;padding:0 8px;font-size:11px}.ssp-bento{flex-direction:column;margin:20px 0 4px;display:flex}.ssp-bento-row{display:flex}.ssp-bento img{object-fit:cover;box-shadow:0 0 0 1px var(--ssp-line);border-radius:6px;flex:none;display:block}.ssp-section{border-top:1px solid var(--ssp-line);counter-increment:ssp;padding:22px 0}.ssp-section:first-of-type{margin-top:18px}.ssp-section>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.ssp-section>header .ssp-note{margin:0}.ssp-section h3{letter-spacing:-.02em;margin:0;font-size:15px;font-weight:650}.ssp-section h3:before{content:counter(ssp, decimal-leading-zero);color:var(--ssp-muted);font-variant-numeric:tabular-nums;margin-right:8px;font-size:10.5px}.ssp-grounds{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ssp-ground{align-items:center;gap:8px;font-size:12px;display:flex}.ssp-ground i{border-radius:8px;width:44px;height:30px;box-shadow:inset 0 0 0 1px #7f7f7f4d}.ssp-accents{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.ssp-accent{flex-direction:column;gap:6px;font-size:11.5px;display:flex}.ssp-accent i{aspect-ratio:1.3;border-radius:10px;place-items:center;font-size:15px;font-style:normal;font-weight:650;display:grid}.ssp-accent em{color:var(--ssp-muted);margin-left:4px;font-size:10px;font-style:normal}.ssp-ramps{gap:3px;margin-top:12px;display:grid}.ssp-ramp{grid-template-columns:repeat(9,minmax(0,1fr));gap:3px;display:grid}.ssp-ramp i{border-radius:3px;height:14px}.ssp-ramp:last-child{margin-top:5px}.ssp-fill{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ssp-fill .ssp-note{grid-column:1/-1;margin-top:2px}.ssp-fill-swatch{row-gap:6px;font-size:11.5px;display:grid}.ssp-fill-swatch i{border-radius:10px;height:52px;box-shadow:inset 0 0 0 1px #7f7f7f59}.ssp-fill-swatch[data-current=true] i{box-shadow:inset 0 0 0 1px #7f7f7f59, 0 0 0 2px var(--app-surface-panel), 0 0 0 3.5px currentColor}.ssp-background-image{object-fit:cover;border-radius:10px;width:100%;display:block}.ssp-fonts{display:grid}.ssp-font{border-bottom:1px solid var(--ssp-line);grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:8px 0;display:grid}.ssp-font:last-child{border-bottom:0}.ssp-font-sample{font-size:22px;line-height:1}.ssp-font-name{font-size:13px;font-weight:600}.ssp-font-roles{color:var(--ssp-muted);font-size:11.5px}.ssp-typo{margin-top:14px;font-size:11.5px}.ssp-typo-head,.ssp-typo-row{grid-template-columns:1fr 44px 44px 58px;align-items:baseline;gap:6px;display:grid}.ssp-typo-head{color:var(--ssp-muted);padding-bottom:6px;font-size:10.5px}.ssp-typo-head span:not(:first-child),.ssp-typo-row b{text-align:right;font-variant-numeric:tabular-nums}.ssp-typo-row{border-top:1px solid var(--ssp-line);padding:6px 0}.ssp-typo-row span{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.ssp-typo-row b{font-weight:600}.ssp-types{display:grid}.ssp-type{border-bottom:1px solid var(--ssp-line);justify-content:space-between;align-items:baseline;gap:10px;padding:7px 0;display:flex}.ssp-type-sample{white-space:nowrap;text-overflow:ellipsis;min-width:0;line-height:1.15;overflow:hidden}.ssp-meta{color:var(--ssp-muted);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.ssp-meta b{color:var(--app-text-primary);margin-right:6px;font-weight:600}.ssp-range{color:var(--ssp-muted);justify-content:space-between;padding-top:8px;font-size:11.5px;display:flex}.ssp-range b{color:var(--app-text-primary);margin-left:4px;font-weight:600}.ssp-radii{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ssp-radius{grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;font-size:11.5px;display:grid}.ssp-radius i{border-top:2px solid;border-left:2px solid;grid-row:span 2;width:38px;height:38px}.ssp-radius span{color:var(--ssp-muted)}.ssp-radius b{font-variant-numeric:tabular-nums;font-weight:600}.ssp-spacing-frame{margin:0 auto;container-type:inline-size}.ssp-spacing{box-sizing:border-box;box-shadow:inset 0 0 0 1px var(--ssp-line);border-radius:6px;display:flex;overflow:hidden}.ssp-spacing [data-space],.ssp-spacing[data-space]{box-sizing:border-box}.ssp-panel [data-space=margin]{background:var(--ssp-margin)}.ssp-panel [data-space=gap-lg]{background:var(--ssp-gap-lg)}.ssp-panel [data-space=gap]{background:var(--ssp-gap)}.ssp-panel [data-space=gap-sm]{background:var(--ssp-gap-sm)}.ssp-panel [data-space=pad]{background:var(--ssp-pad)}.ssp-spacing-content{flex-direction:column;flex:1;min-width:0;display:flex}.ssp-spacing-head{flex-direction:column;display:flex}.ssp-spacing-head span{background:var(--app-surface-panel);display:block}.ssp-spacing-cards{flex:1;min-height:0;display:flex}.ssp-spacing-cards>div{flex:1;min-width:0;min-height:0;display:flex}.ssp-spacing-cards i{background:var(--app-surface-panel);flex:1}.ssp-legend{gap:6px;margin-top:14px;display:grid}.ssp-key{grid-template-columns:14px 1fr auto 74px;align-items:center;gap:8px;font-size:11.5px;display:grid}.ssp-key i{border-radius:3px;width:14px;height:14px}.ssp-key i.ssp-stroke{background:currentColor;border-radius:0;height:2px}.ssp-key b{font-variant-numeric:tabular-nums;font-weight:600}.ssp-key em{color:var(--ssp-muted);text-align:right;font-variant-numeric:tabular-nums;font-style:normal}.ssp-chrome{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ssp-chrome-part{row-gap:6px;font-size:11.5px;display:grid}.ssp-chrome-thumb{aspect-ratio:16/9;background:var(--ssp-tint);box-shadow:inset 0 0 0 1px var(--ssp-line);border-radius:6px;position:relative;overflow:hidden}.ssp-chrome-thumb i{opacity:.8;background:currentColor;position:absolute}.ssp-chrome-thumb[data-part=frame] i{background:0 0;inset:0;box-shadow:inset 0 0 0 3px}
.home-hero-step-content .app-main-surface{animation:.22s cubic-bezier(.22,1,.36,1) backwards hero-step-enter}@keyframes hero-step-enter{0%{opacity:.35}to{opacity:1}}@media (prefers-reduced-motion:reduce){.home-hero-step-content .app-main-surface{animation:none}}.home-hero-segments{border:1px solid var(--app-border-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffa6;border-radius:999px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:480px;max-width:100%;margin:0 auto 16px;padding:4px;display:grid;box-shadow:inset 0 0 8px #ffffffa6}.home-hero-segments:lang(en){width:640px}.home-hero-segment-tab{min-width:0;min-height:40px;color:var(--app-text-muted);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-size:13px;font-weight:500;line-height:20px;transition:background-color .16s,color .16s;display:flex;position:relative;overflow:hidden}.home-hero-segment-tab[aria-selected=false]:hover{background:var(--app-surface-muted);color:var(--app-text-primary)}.home-hero-segment-tab[aria-selected=true]{border-color:var(--app-border-soft);background:var(--app-surface-raised);color:var(--app-text-primary);font-weight:600}.home-hero-segment-tab:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.home-hero-segment-tab .home-hero-segment-progress{border-radius:inherit;background:var(--hero-chip-fill-background,radial-gradient(ellipse at center, #ff892800 55%, #ff89281f 100%));box-shadow:var(--hero-chip-fill-shadow,inset 0 0 8px #ff7b1a8c);opacity:0;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 20px),#000000bf calc(100% - 12px),#0003 calc(100% - 4px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 20px),#000000bf calc(100% - 12px),#0003 calc(100% - 4px),#0000);-webkit-mask-size:0% 100%;mask-size:0% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.home-hero-segment-tab>span:not(.home-hero-segment-progress){z-index:1;position:relative}.home-hero-demo-surface{box-shadow:inset 0 0 24px var(--hero-demo-inset,#fffc), 0 24px 64px -16px var(--hero-demo-shadow,#251a1138), 0 8px 24px -12px var(--hero-demo-shadow,#251a1138)}@media (max-width:639px){.home-hero-segments{gap:2px}.home-hero-segment-tab{gap:4px;padding-inline:4px;font-size:11px}}@media (max-width:375px){.home-hero-segments:lang(en) .home-hero-segment-tab{white-space:normal;line-height:16px}}