@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-base:1rem;--radius-sm:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-full{height:100%}.min-h-full{min-height:100%}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--bg:#fcfcfc;--bg-elevated:#fff;--hero:transparent;--ink:#0a0a0a;--ink-2:#3a3a3a;--muted:#666;--faint:#8f8f8f;--line:#ebebeb;--line-strong:#e0e0e0;--surface-muted:#f3f4f6;--chip:var(--surface-muted);--chip-hover:#ebebeb;--accent:#2f6fed;--accent-hover:#1f5ed8;--accent-soft:#eef3fc;--accent-tint:#f5f8fd;--accent-border:#c9daf8;--accent-fg:#fff;--focus-ring:0 0 0 3px #2f6fed38;--good:#0f7b45;--good-bg:#eefbf4;--bad:#c23b2e;--bad-bg:#fff1ef;--code-bg:#0a0a0a;--code-fg:#ededed;--shadow-btn:0 1px 2px #0000000a;--shadow-tab:none;--radius:8px;--radius-sm:6px;--radius-control:10px;--radius-hero:0;--radius-chip:999px;--page-max:1160px;--page-pad-x:1.5rem;--page-pad-x-sm:1.1rem;--motion:.15s ease;--text-page-title:1.75rem;--text-section:.92rem;--text-label:.72rem;--text-body:.95rem;--text-helper:.82rem;--text-meta:.8rem;--text-control:.86rem;--lh-page-title:1.2;--lh-body:1.55;--space-1:8px;--space-2:12px;--space-3:16px;--space-4:20px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:48px;--space-header-gap:8px;--space-header-below:24px;--space-header-content:24px;--space-section:44px;--space-heading-controls:20px;--space-related:16px;--space-chips:12px;--space-label-input:8px;--control-height:44px;--control-height-sm:34px;--control-icon:16px;--chip-height:36px}*{box-sizing:border-box}html,body{height:100%;min-height:100%;color:var(--ink);font-family:var(--font-ui), system-ui, sans-serif;background:var(--bg);margin:0;overflow-x:hidden}#__next,body>div{max-width:100%;min-height:100%}img,svg,video,canvas{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,select,textarea{font:inherit;color:inherit;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}select option{color:#0a0a0a;background-color:#fff}code,pre{font-family:var(--font-jetbrains), ui-monospace, monospace}.page{background:var(--bg);flex-direction:column;height:100%;min-height:100dvh;display:flex;overflow-x:clip}.page-inner{width:100%;max-width:var(--page-max);padding:0 var(--page-pad-x) 3.5rem;box-sizing:border-box;flex-direction:column;flex:1;margin:0 auto;display:flex;overflow-x:clip}.app-shell{--sidebar-width:248px;--sidebar-collapsed-width:68px;--sidebar-bg:#f4f4f5;--sidebar-item-hover:#ebebec;background:var(--bg);width:100%;height:100%;min-height:100dvh;display:flex;overflow:hidden}.app-sidebar{z-index:40;width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--line);box-sizing:border-box;flex-direction:column;flex-shrink:0;height:100dvh;padding:12px 12px 14px;transition:width .18s;display:flex;position:sticky;top:0}.app-sidebar--collapsed{width:var(--sidebar-collapsed-width);padding-left:10px;padding-right:10px}.app-sidebar__top{align-items:center;gap:6px;min-height:40px;margin-bottom:12px;display:flex}.app-sidebar__brand{min-width:0;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;flex:1;align-items:center;gap:10px;margin:0;padding:6px 8px;display:flex}.app-sidebar__brand:hover{background:var(--sidebar-item-hover)}.app-sidebar__brand:focus-visible{box-shadow:var(--focus-ring);outline:none}.app-sidebar__logo{flex-shrink:0}.app-sidebar__brand-name{font-family:var(--font-space-grotesk), system-ui, sans-serif;letter-spacing:-.03em;white-space:nowrap;font-size:1.05rem;font-weight:650}.app-sidebar__collapse{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.app-sidebar__collapse:hover{background:var(--sidebar-item-hover);color:var(--ink)}.app-sidebar__collapse:focus-visible{box-shadow:var(--focus-ring);outline:none}.app-sidebar__nav{flex:1;min-height:0;overflow:hidden auto}.app-sidebar__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.app-sidebar__item{width:100%;min-height:36px;color:var(--muted);letter-spacing:-.01em;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;margin:0;padding:0 10px;font-size:.875rem;font-weight:500;transition:background .12s,color .12s;display:flex;position:relative}.app-sidebar--collapsed .app-sidebar__item{justify-content:center;padding:0}.app-sidebar__item:hover{background:var(--sidebar-item-hover);color:var(--ink-2)}.app-sidebar__item.is-active{color:#000;background:#fff;font-weight:560}.app-sidebar__item.is-active .app-sidebar__item-icon{color:#000}.app-sidebar__item.is-active:hover{color:#000;background:#fff}.app-sidebar__item:focus-visible{box-shadow:var(--focus-ring);outline:none}.app-sidebar__item-icon{color:inherit;flex-shrink:0}.app-sidebar__item-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-sidebar__footer{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin-top:auto;padding-top:12px;display:flex}@supports (color:color-mix(in lab, red, red)){.app-sidebar__footer{border-top:1px solid color-mix(in srgb, var(--line) 80%, transparent)}}.app-sidebar__feedback{min-height:38px;color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:0 12px;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.app-sidebar--collapsed .app-sidebar__feedback{justify-content:center;padding:0}.app-sidebar__feedback:hover{background:var(--sidebar-item-hover);color:var(--ink)}.app-sidebar__feedback:focus-visible{box-shadow:var(--focus-ring);outline:none}.daily-quote--sidebar{border:1px solid var(--line);background:#ffffffb3;border-radius:10px;margin:0;padding:12px 12px 10px}@supports (color:color-mix(in lab, red, red)){.daily-quote--sidebar{border:1px solid color-mix(in srgb, var(--line) 70%, transparent)}}.daily-quote--sidebar .daily-quote__text{letter-spacing:-.015em;color:var(--ink-2);-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:0;font-size:1rem;line-height:1.45;display:-webkit-box;overflow:hidden}.daily-quote--sidebar .daily-quote__footer{gap:6px;margin-top:8px}.daily-quote--sidebar .daily-quote__author{color:var(--muted);font-size:.82rem;font-style:normal}.daily-quote--sidebar .daily-quote__refresh{width:24px;height:24px}.app-shell__main-wrap{background:var(--bg-elevated);flex-direction:column;flex:1;min-width:0;height:100dvh;display:flex;overflow:hidden}.app-topbar{border-bottom:1px solid var(--line);background:var(--bg-elevated);flex-shrink:0;align-items:center;gap:10px;height:52px;padding:0 12px;display:flex}.app-topbar__menu{width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.app-topbar__menu:hover{background:var(--surface-muted)}.app-topbar__menu:focus-visible{box-shadow:var(--focus-ring);outline:none}.app-topbar__brand{align-items:center;gap:8px;min-width:0;display:flex}.app-topbar__title{letter-spacing:-.02em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.app-main{flex:1;min-height:0;overflow:clip auto}.app-main__inner{width:100%;max-width:var(--page-max);box-sizing:border-box;margin:0 auto;padding:32px 40px 48px}.app-shell--wide .app-main__inner,.app-shell--advisor .app-main__inner{max-width:none}.app-shell--advisor .app-main__inner{height:100%;padding-bottom:24px}.app-sidebar-backdrop{display:none}.home-page{flex-direction:column;gap:2rem;display:flex}.site-hero--home{grid-template-columns:1fr;min-height:14rem}.home-features__intro{flex-direction:column;gap:.35rem;margin-bottom:1.1rem;display:flex}.home-features__title{font-family:var(--font-space-grotesk), system-ui, sans-serif;letter-spacing:-.025em;color:var(--ink);margin:0;font-size:1.15rem;font-weight:600}.home-features__desc{color:var(--muted);letter-spacing:-.01em;margin:0;font-size:.9rem}.home-features__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.home-feature-card{color:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;margin:0;padding:1.05rem 1.1rem 1.15rem;transition:border-color .14s,background .14s,box-shadow .14s;display:flex;box-shadow:0 2px 8px #0f172a0f}.home-feature-card:hover{border-color:var(--line-strong);box-shadow:none;background:#fff}.home-feature-card:focus-visible{box-shadow:var(--focus-ring);outline:none}.home-feature-card__icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.home-feature-card:hover .home-feature-card__icon{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.home-feature-card:hover .home-feature-card__icon{background:color-mix(in srgb, var(--accent) 14%, #fff)}}.home-feature-card:hover .home-feature-card__icon{color:var(--accent)}.home-feature-card__name{letter-spacing:-.02em;color:var(--ink);font-size:.95rem;font-weight:600}.home-feature-card__desc{color:var(--muted);letter-spacing:-.01em;font-size:.8125rem;line-height:1.45}.generate-workspace--embed{margin-top:0}.analyze-action-tiles--page{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:none;margin-bottom:0;display:grid}.analyze-empty-card{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;gap:1rem;max-width:40rem;padding:1.25rem;display:flex;box-shadow:0 1px 2px #00000008}.analyze-empty-card .analyze-upload__drop,.analyze-empty-card .analyze-url-block,.analyze-empty-card .analyze-input{margin-top:0}@media (max-width:1100px){.home-features__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1023px){.app-main__inner{padding:24px 24px 40px}}@media (max-width:767px){.app-shell{height:auto;min-height:100dvh;display:block;overflow:auto}.app-shell__main-wrap{height:auto;min-height:100dvh;overflow:visible}.app-main{overflow:visible}.app-main__inner{padding:16px 16px 40px}.app-sidebar{z-index:60;width:min(288px,86vw);height:100dvh;box-shadow:none;transition:transform .18s;position:fixed;top:0;left:0;transform:translate(-105%)}.app-sidebar.is-open{transform:translate(0)}.app-sidebar-backdrop{z-index:50;opacity:0;pointer-events:none;background:#0a0a0a59;transition:opacity .18s;display:block;position:fixed;inset:0}.app-sidebar-backdrop.is-open{opacity:1;pointer-events:auto}.home-features__grid{grid-template-columns:1fr}.analyze-action-tiles--page{grid-template-columns:1fr;max-width:none}.app-sidebar__item,.app-sidebar__feedback{min-height:44px}}@media (prefers-reduced-motion:reduce){.app-sidebar,.app-sidebar-backdrop,.app-sidebar__item,.home-feature-card{transition:none!important}}.page-container{box-sizing:border-box;flex-direction:column;width:100%;min-width:0;max-width:none;min-height:0;margin:0;padding:0 0 2rem;display:flex}.advisor-page.page-container{flex:auto;height:100%;padding-bottom:0}.page-header{justify-content:space-between;align-items:center;gap:var(--space-5);width:100%;min-height:14rem;margin:0 0 var(--space-header-below);background:var(--surface-muted);box-shadow:none;border:0;border-radius:22px;padding:2.4rem 2.6rem 2.5rem;display:flex;overflow:hidden}.page-header__copy{flex-direction:column;align-items:flex-start;gap:0;min-width:0;max-width:40rem;display:flex}.page-header__title{font-family:var(--font-space-grotesk), system-ui, sans-serif;letter-spacing:-.045em;color:var(--ink);margin:0;font-size:clamp(1.55rem,2.8vw,2.25rem);font-weight:650;line-height:1.08}.page-header__desc{letter-spacing:-.015em;max-width:28rem;color:var(--muted);margin:.95rem 0 0;font-size:1rem;line-height:1.5}.page-header__actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.page-header__actions .btn-secondary,.page-header__actions .btn-primary,.page-header__actions .btn-primary-solid,.page-header__actions .btn-ghost,.page-header__actions .btn-dark,.page-header__actions .btn-generate{gap:8px;height:38px;min-height:38px;padding:0 .85rem;font-size:14px;font-weight:550}.page-header__actions .btn-secondary svg,.page-header__actions .btn-primary svg,.page-header__actions .btn-primary-solid svg,.page-header__actions .btn-ghost svg,.page-header__actions .btn-dark svg,.page-header__actions .btn-generate svg{width:16px;height:16px}.section-heading{width:100%;margin:0 0 var(--space-heading-controls);flex-direction:column;gap:6px;display:flex}.section-heading__title{font-family:var(--font-space-grotesk), system-ui, sans-serif;font-size:var(--text-page-title);letter-spacing:-.03em;font-weight:600;line-height:var(--lh-page-title);color:var(--ink);margin:0}.section-heading__desc{max-width:36rem;font-size:var(--text-body);line-height:var(--lh-body);letter-spacing:-.015em;color:var(--muted);margin:0}.metadata-text{font-size:var(--text-meta);letter-spacing:-.01em;color:var(--muted);margin:0;line-height:1.4}.ui-field{gap:var(--space-label-input);flex-direction:column;width:100%;min-width:0;display:flex}.ui-field__label{font-size:var(--text-label);letter-spacing:-.01em;color:var(--muted);font-weight:560}.ui-field__hint{font-size:var(--text-helper);color:var(--muted);line-height:1.4}.ui-field__error{font-size:var(--text-helper);color:var(--bad);line-height:1.4}.ui-field--search{flex:14rem;width:auto;min-width:12rem;min-height:0}.search-field{width:100%;height:var(--control-height);min-height:var(--control-height);border:1px solid var(--line);border-radius:var(--radius-control);box-sizing:border-box;transition:border-color var(--motion), box-shadow var(--motion);background:#fff;align-items:center;padding:0 .75rem;display:flex;position:relative}.search-field:hover{border-color:var(--line-strong)}.search-field:focus-within{border-color:var(--accent);box-shadow:var(--focus-ring)}.search-field__icon{color:var(--faint);flex-shrink:0}.search-field input{width:100%;height:100%;font-size:var(--text-control);letter-spacing:-.01em;background:0 0;border:0;outline:none;padding:0 .45rem}.search-field input::placeholder{color:var(--faint)}.search-field__clear{width:1.5rem;height:1.5rem;color:var(--faint);border-radius:6px;flex-shrink:0;place-items:center;display:grid}.search-field__clear:hover{background:var(--chip);color:var(--ink)}.input-shell{width:100%;min-width:0;height:var(--control-height);min-height:var(--control-height);border:1px solid var(--line-strong);border-radius:var(--radius-control);box-sizing:border-box;transition:border-color var(--motion), box-shadow var(--motion);background-color:#fff;align-items:center;padding:0 12px;display:flex}.input-shell:hover{border-color:var(--line-strong)}.input-shell:focus-within{border-color:var(--accent);box-shadow:var(--focus-ring)}.ui-field.has-error .input-shell,.ui-field.has-error .search-field{border-color:var(--bad)}.input-shell input,.input-shell select,.input-shell textarea{width:100%;height:100%;font-size:var(--text-control);letter-spacing:-.01em;background:0 0;border:0;outline:none}.input-shell select{appearance:none;cursor:pointer;padding-right:1.25rem}.input-shell--select{padding-right:2rem;position:relative}.input-shell__chevron{pointer-events:none;color:var(--faint);position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.input-shell--select:focus-within .input-shell__chevron,.input-shell.is-open .input-shell__chevron{color:var(--muted)}.input-shell.is-open{border-color:var(--accent);box-shadow:var(--focus-ring)}.ui-select{width:100%;min-width:0;position:relative}.ui-select__trigger{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;border:1px solid var(--line-strong);background-color:#fff;align-items:center;display:flex}.ui-select__trigger:disabled{cursor:not-allowed;opacity:.55}.ui-select__value{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-control);letter-spacing:-.01em;flex:1;overflow:hidden}.ui-select__trigger.is-placeholder .ui-select__value{color:var(--faint)}.ui-select__menu{z-index:30;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:1px solid #e8e8e8;border-radius:10px;min-width:100%;max-height:16rem;margin:0;padding:.3rem;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 10px 24px #0f172a1a}.ui-select__menu button{color:#0a0a0a;letter-spacing:-.01em;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;width:100%;padding:.45rem .6rem;font-size:.8125rem;font-weight:500;display:block}.ui-select__menu button:hover,.ui-select__menu button.is-active,.ui-select__menu button.is-highlighted{background:#f3f3f3}.input-shell--metric{align-items:center;gap:.35rem;display:flex}.interactive-card{text-align:left;box-sizing:border-box;background:#fff;border:1px solid #00000014;border-radius:14px;flex-direction:column;align-items:flex-start;gap:10px;height:100%;min-height:100%;padding:1.25rem;transition:border-color .15s,box-shadow .15s,background-color .15s;display:flex}.interactive-card:hover{background:#fafafa;border-color:#00000024}.interactive-card:focus-visible{box-shadow:var(--focus-ring);outline:none}.interactive-card.is-active{border:2px solid var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.interactive-card.is-active{background:color-mix(in srgb, var(--accent) 5%, #fff)}}.interactive-card.is-active{box-shadow:none;padding:calc(1.25rem - 1px)}.interactive-card.is-active:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.interactive-card.is-active:hover{background:color-mix(in srgb, var(--accent) 6%, #fff)}}.interactive-card.is-active:hover{border-color:var(--accent)}.interactive-card__icon{width:2.5rem;height:2.5rem;color:var(--ink);background:#f4f4f5;border-radius:10px;flex:none;place-items:center;display:grid}.interactive-card.is-active .interactive-card__icon{color:var(--ink);background:#f4f4f5}.interactive-card__title-row{align-items:center;gap:.35rem;min-width:0;display:inline-flex}.interactive-card__title{letter-spacing:-.025em;color:var(--ink);margin:0;font-size:.98rem;font-weight:600;line-height:1.25}.interactive-card__check{color:var(--accent);flex-shrink:0}.interactive-card__desc,.interactive-card__result{letter-spacing:-.01em;color:var(--muted);margin:0;font-size:.84rem;line-height:1.45}.interactive-card__result{color:var(--ink);margin-top:auto;padding-top:.35rem;font-weight:500}.empty-state{text-align:center;justify-items:center;gap:.75rem;padding:2rem 0;display:grid}.empty-state__title{font-size:var(--text-section);color:var(--ink);margin:0;font-weight:600}.empty-state__body{font-size:var(--text-body);color:var(--muted);margin:0}.site-header{z-index:40;justify-content:space-between;align-items:center;gap:.75rem 1.25rem;margin:0 0 .75rem;padding:1.15rem 0 0;display:flex;position:relative}.site-header__meta{text-align:right;flex-wrap:wrap;flex-shrink:1;justify-content:flex-end;align-items:center;gap:.35rem .85rem;min-width:0;max-width:min(100%,28rem);margin:0;display:flex}.site-header__credit{letter-spacing:-.01em;color:var(--muted);margin:0;font-size:.78rem;line-height:1.35}.site-header__feedback{letter-spacing:-.01em;color:var(--ink);white-space:nowrap;align-items:center;gap:.35rem;font-size:.78rem;font-weight:500;line-height:1.35;text-decoration:none;display:inline-flex}.site-header__feedback svg{flex-shrink:0}.site-header__feedback:hover{color:var(--ink);text-underline-offset:.15em;text-decoration:underline}.site-header__feedback:focus-visible{box-shadow:var(--focus-ring);border-radius:4px;outline:none}.site-brand{flex-shrink:0;align-items:center;gap:.7rem;min-width:0;display:inline-flex}.site-brand__logo{object-fit:contain;width:26px;height:26px;box-shadow:none;background:0 0;border:0;border-radius:0;flex-shrink:0;padding:0}.site-brand__name{font-family:var(--font-space-grotesk), system-ui, sans-serif;letter-spacing:-.04em;flex-shrink:0;padding-inline-end:.06em;font-size:1.05rem;font-weight:600;line-height:1;overflow:visible}.btn-secondary,.btn-primary-solid,.btn-primary,.btn-ghost,.btn-dark,.btn-generate{height:var(--control-height);min-height:var(--control-height);border-radius:var(--radius-control);font-size:var(--text-control);letter-spacing:-.015em;box-shadow:none;white-space:nowrap;box-sizing:border-box;transition:background var(--motion), color var(--motion), border-color var(--motion), box-shadow var(--motion);justify-content:center;align-items:center;gap:.4rem;width:fit-content;padding:0 1.05rem;font-weight:550;display:inline-flex}.btn-secondary svg,.btn-primary-solid svg,.btn-primary svg,.btn-ghost svg,.btn-dark svg,.btn-generate svg{width:var(--control-icon);height:var(--control-icon);flex-shrink:0}.btn-secondary{border:1px solid var(--line-strong);color:var(--ink);background:#fff}.btn-secondary:hover{background:#fafafa;border-color:#d8d8d8}.btn-secondary:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn-secondary:disabled,.btn-primary:disabled,.btn-primary-solid:disabled,.btn-ghost:disabled,.btn-generate:disabled{opacity:.55;cursor:not-allowed}.btn-primary-solid,.btn-primary,.btn-dark,.btn-generate{background:var(--accent);border:1px solid var(--accent);color:var(--accent-fg)}.btn-primary-solid:hover,.btn-primary:hover,.btn-dark:hover,.btn-generate:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary-solid:focus-visible,.btn-primary:focus-visible,.btn-dark:focus-visible,.btn-generate:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn-ghost{color:var(--ink);background:0 0;border:1px solid #0000}.btn-ghost:hover{color:var(--ink);background:#0000000a;border-color:#0000}.btn-ghost:focus-visible{box-shadow:var(--focus-ring);outline:none}.site-hero{background:var(--surface-muted);border-radius:22px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:0;min-height:16rem;margin:0 0 1.5rem;display:grid;overflow:hidden}.site-hero__copy{flex-direction:column;justify-content:center;gap:0;min-width:0;padding:2.4rem 2.6rem 2.5rem;display:flex}.site-hero__chip{border-radius:var(--radius-chip);border:1px solid var(--line);color:var(--ink);letter-spacing:-.01em;background:#fff;align-items:center;gap:.35rem;margin:0 0 .85rem;padding:.28rem .65rem .28rem .5rem;font-size:.78rem;font-weight:560;display:inline-flex}.site-hero__chip svg{width:14px;height:14px;color:var(--accent)}.site-hero__title{max-width:none;font-family:var(--font-space-grotesk), system-ui, sans-serif;letter-spacing:-.045em;color:var(--ink);margin:0;font-size:clamp(1.55rem,2.8vw,2.25rem);font-weight:650;line-height:1.08}.site-hero__title-line{white-space:nowrap;display:block}.site-hero__body{max-width:28rem;color:var(--muted);letter-spacing:-.015em;margin:.95rem 0 0;font-size:1rem;line-height:1.5}.site-hero__quote{flex-direction:column;justify-content:center;min-width:0;padding:2.4rem 2.4rem 2.5rem 1.5rem;display:flex}.daily-quote{max-width:28rem;margin-top:1.35rem}.daily-quote--hero{max-width:26rem;margin-top:0}.daily-quote__rule{display:none}.daily-quote__label{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);align-items:center;gap:.4rem;margin:0 0 .65rem;font-size:.68rem;font-weight:560;display:inline-flex}.daily-quote__glyph{object-fit:contain;flex-shrink:0;width:18px;height:18px}.daily-quote__blockquote{border:0;margin:0;padding:0}.daily-quote__text{font-family:var(--font-source-serif), "Source Serif 4", Georgia, serif;letter-spacing:-.015em;color:var(--ink);margin:0;font-size:clamp(.92rem,1.3vw,1.02rem);font-weight:400;line-height:1.45}.daily-quote--hero .daily-quote__text{letter-spacing:-.02em;max-width:none;font-size:clamp(1.2rem,2vw,1.45rem);line-height:1.4}.daily-quote__footer{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.75rem;display:flex}.daily-quote__author{letter-spacing:-.01em;color:var(--muted);font-size:.9rem;font-style:normal;font-weight:500}.daily-quote__refresh{width:26px;height:26px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:inline-flex}.daily-quote__refresh:hover{color:var(--ink);background:#0000000a}.daily-quote__refresh:focus-visible{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--accent);outline:none}.daily-quote__source{color:var(--faint);font-size:.78rem}.daily-quote__link{color:var(--muted);letter-spacing:-.01em;text-underline-offset:.18em;cursor:pointer;background:0 0;border:0;margin-top:.65rem;padding:0;font-size:.8rem;font-weight:500;text-decoration:underline;display:inline-flex}.daily-quote__link:hover{color:var(--ink)}.daily-quote__actions{flex-wrap:wrap;gap:.35rem .15rem;margin-top:.55rem;display:flex}.daily-quote__action{min-height:32px;color:var(--muted);letter-spacing:-.01em;cursor:pointer;transition:color var(--motion), background var(--motion);background:0 0;border:0;border-radius:8px;align-items:center;gap:.35rem;padding:.3rem .55rem;font-size:.78rem;font-weight:500;display:inline-flex}.daily-quote__action:hover{color:var(--ink);background:#0000000a}.daily-quote__action:focus-visible{box-shadow:var(--focus-ring);outline:none}.daily-quote__action.is-on{color:var(--ink)}.daily-quote__session-note{display:none}.daily-quote-drawer{z-index:90;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.daily-quote-drawer__backdrop{cursor:pointer;background:#0f172a47;border:0;position:absolute;inset:0}.daily-quote-drawer__panel{z-index:1;border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:min(440px,100%);max-height:min(78vh,640px);padding:1rem 1.1rem 1.2rem;position:relative;overflow:auto;box-shadow:0 12px 36px #0f172a1a}.daily-quote-drawer__head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.85rem;display:flex}.daily-quote-drawer__head h3{letter-spacing:-.03em;margin:.15rem 0 0;font-size:1.15rem}.daily-quote-drawer__list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.daily-quote-drawer__list li{border-top:1px solid var(--line);padding:.75rem 0}.daily-quote-drawer__list li:first-child{border-top:0;padding-top:.2rem}.daily-quote-drawer__list p{letter-spacing:-.015em;margin:0;font-size:.92rem;line-height:1.45}.daily-quote-drawer__list span{color:var(--muted);margin-top:.35rem;font-size:.78rem;display:block}.daily-quote-drawer__row-actions{flex-wrap:wrap;gap:.15rem;margin-top:.45rem;display:flex}.daily-quote-drawer__empty{color:var(--muted);margin:.5rem 0 0;font-size:.88rem}.site-tabs-wrap{align-items:center;width:100%;min-width:0;max-width:100%;margin:0;display:flex;overflow:hidden}.site-tabs__end{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;min-width:0;margin-left:auto;display:flex}.site-tabs__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tool-header-btn{height:var(--control-height);min-height:var(--control-height);border-radius:var(--radius-control);font-size:var(--text-control);letter-spacing:-.015em;white-space:nowrap;box-sizing:border-box;transition:background var(--motion), border-color var(--motion), color var(--motion), box-shadow var(--motion);justify-content:center;align-items:center;gap:.4rem;padding:0 1.05rem;font-weight:550;display:inline-flex}.tool-header-btn svg{width:var(--control-icon);height:var(--control-icon);flex-shrink:0}.tool-header-btn--secondary{border:1px solid var(--line-strong);color:var(--ink);background:#fff}.tool-header-btn--secondary:hover{background:#fafafa;border-color:#d8d8d8}.tool-header-btn--primary{border:1px solid var(--accent);background:var(--accent);color:var(--accent-fg)}.tool-header-btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.tool-header-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.tool-header-btn:disabled{opacity:.55;cursor:not-allowed}.site-tabs{background:var(--surface-muted);scrollbar-width:none;-webkit-overflow-scrolling:touch;box-sizing:border-box;border:1px solid #0000000f;border-radius:10px;align-items:stretch;gap:0;width:auto;min-width:0;max-width:100%;height:40px;margin:0;padding:3px;display:inline-flex;position:relative;overflow:auto hidden}.site-tabs::-webkit-scrollbar{display:none}.site-tabs__pill{z-index:0;pointer-events:none;opacity:0;will-change:transform, width;background:#fff;border-radius:8px;transition:transform .28s,width .28s,opacity .16s;position:absolute;top:3px;bottom:3px;left:0;box-shadow:0 1px 2px #0000000f,0 1px 1px #0000000a}.site-tabs__pill.is-ready{opacity:1}.site-tab{z-index:1;letter-spacing:-.015em;color:#6b7280;white-space:nowrap;background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;width:auto;min-width:0;height:100%;margin:0;padding:0 .85rem;font-size:.78rem;font-weight:520;line-height:1;transition:color .18s;display:inline-flex;position:relative}.site-tab:hover{color:var(--ink);background:0 0}.site-tab:focus-visible{box-shadow:var(--focus-ring);outline:none}.site-tab.is-active{color:var(--ink);box-shadow:none;background:0 0}.site-tab.is-active:after,.site-nav-toggle,.site-mobile-nav,.site-mobile-nav__backdrop{display:none}.site-content{flex-direction:column;flex:1;min-width:0;min-height:0;padding-top:2rem;display:flex}.site-content a:not(.btn-secondary):not(.btn-primary):not(.btn-primary-solid):not(.btn-ghost):not(.btn-dark):not(.tool-card__ext){color:var(--accent)}.site-content a:not(.btn-secondary):not(.btn-primary):not(.btn-primary-solid):not(.btn-ghost):not(.btn-dark):not(.tool-card__ext):hover{color:var(--accent-hover)}.coming-soon{max-width:28rem;padding:2.5rem 0}.coming-soon__title{letter-spacing:-.03em;margin:0;font-size:1.5rem;font-weight:650}.coming-soon__body{color:var(--muted);margin:.65rem 0 0;font-size:1rem;line-height:1.5}.coming-soon__note{color:var(--faint);margin:1.25rem 0 0;font-size:.85rem;font-weight:500}.typography-workspace{border-top:0;flex:1;grid-template-columns:260px minmax(0,1fr);align-items:stretch;min-height:100%;margin-top:0;display:grid}.generate-workspace{flex-direction:column;flex:1;gap:0;width:100%;min-height:100%;padding:0 0 1.5rem;display:flex}.generate-workspace>.page-header{margin-bottom:var(--space-header-below)}.generate-mode{flex-direction:column;align-items:flex-start;gap:.8rem;margin-bottom:2rem;display:flex}.generate-mode__heading{flex-direction:column;gap:.3rem;display:flex}.generate-mode__heading h2,.generate-mode__heading p{margin:0}.generate-mode__heading h2{font-family:var(--font-space-grotesk), system-ui, sans-serif;letter-spacing:-.025em;color:var(--ink);font-size:1.05rem;font-weight:600}.generate-mode__heading p{color:var(--muted);font-size:.88rem}.generate-mode__chips{flex-wrap:wrap;gap:8px;display:flex}.generate-mode__chips .chip{border-radius:999px}.gen-config{flex-direction:column;gap:1.25rem;width:100%;min-width:0;max-width:none;margin:0;display:flex}.gen-config__intro,.icons-toolbar__intro,.patterns-browse__intro{display:none}.gen-config__section{width:100%;min-width:0;max-width:52rem;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;gap:0;padding:0;display:flex}.gen-config .section-heading{margin:0 0 var(--space-header-below);gap:var(--space-header-gap)}.gen-config .section-heading__copy{flex-direction:column;gap:.3rem;min-width:0;display:flex}.gen-config .section-heading__title{font-family:var(--font-space-grotesk), system-ui, sans-serif;letter-spacing:-.025em;color:var(--ink);font-size:1.05rem;font-weight:600;line-height:normal}.gen-config .section-heading__desc{color:var(--muted);font-size:.88rem;line-height:normal}.gen-config__section[aria-labelledby=gen-generation-heading] .section-heading__desc{max-width:100%}.gen-settings-body{flex-direction:column;gap:16px;width:100%;min-width:0;display:flex}.gen-config__actions{justify-content:flex-start;margin-top:8px}.gen-chip-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;min-width:0;display:grid}.gen-chip-wrap{flex-wrap:wrap;grid-column:1/span 3;align-items:center;gap:10px;width:100%;min-width:0;display:flex}.gen-config-fields{flex-direction:column;gap:16px;width:100%;min-width:0;display:flex}.gen-fields{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;width:100%;min-width:0;display:grid}.gen-fields>.gen-field{width:auto;min-width:0}.gen-prefs{grid-template-columns:1fr 1fr;align-items:start;gap:16px;width:100%;display:grid}.gen-field{flex-direction:column;gap:8px;width:100%;min-width:0;display:flex}.gen-field__label{letter-spacing:-.01em;color:var(--muted);font-size:.72rem;font-weight:560}.gen-config .gen-field .input-shell,.gen-config .font-search__shell{width:100%;min-width:0;height:var(--control-height);min-height:var(--control-height);border:1px solid var(--line-strong);border-radius:var(--radius-control);box-sizing:border-box;background-color:#fff;padding:0 12px;transition:border-color .15s,box-shadow .15s;position:relative}.gen-config .gen-field .input-shell--select{padding-right:2rem}.gen-config .gen-field .input-shell:hover,.gen-config .font-search__shell:hover{border-color:#d6d6d6}.gen-config .gen-field .input-shell:focus-within,.gen-config .gen-field .input-shell.is-open,.gen-config .font-search__shell:focus-within,.gen-config .font-search__shell.is-open{border-color:var(--accent);box-shadow:var(--focus-ring)}.gen-config .gen-field .input-shell select,.gen-config .gen-field .input-shell input,.gen-config .font-search__shell input{letter-spacing:-.01em;background:0 0;border:0;width:100%;height:100%;font-size:.86rem}.gen-config .gen-field .ui-select__trigger{border:1px solid var(--line-strong);letter-spacing:-.01em;background-color:#fff;width:100%;font-size:.86rem}.gen-config .gen-field .ui-select__trigger:hover{border-color:#d6d6d6}.gen-config .gen-field .ui-select__trigger.is-open{border-color:var(--accent);box-shadow:var(--focus-ring)}.gen-config .gen-field .input-shell select:required:invalid,.gen-config .gen-field .ui-select__trigger.is-placeholder{color:var(--faint)}.gen-config .gen-field .input-shell--metric{align-items:center;gap:.35rem;width:100%;display:flex}.gen-config .gen-field .input-shell--metric input{flex:1;min-width:0}.gen-config .gen-field .input-shell--metric input::placeholder{color:var(--faint)}.gen-config .metric__unit{color:var(--muted);flex-shrink:0;font-size:.78rem}.gen-config .gen-field .input-shell__chevron{pointer-events:none;color:var(--faint);flex-shrink:0;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.gen-config .gen-field .input-shell:focus-within .input-shell__chevron,.gen-config .gen-field .input-shell.is-open .input-shell__chevron{color:var(--muted)}.gen-config .font-search{gap:8px;width:100%}.gen-config .font-search__tags{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:980px){.gen-chip-grid,.gen-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.gen-chip-wrap{grid-column:1/-1}}@media (max-width:720px){.gen-config{gap:32px}.gen-prefs{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:stretch}.page-header__actions{justify-content:flex-start}}@media (max-width:520px){.gen-chip-grid,.gen-fields{grid-template-columns:1fr}}.generate-controls{width:100%}.generate-controls--inline{min-width:0}.color-generate-controls,.type-generate-controls{flex-direction:column;gap:.45rem;width:100%;display:flex}.generate-bar--color,.generate-bar--color-secondary,.generate-bar--type,.generate-bar--type-secondary{background:0 0;flex-wrap:nowrap;align-items:center;gap:.4rem;width:100%;min-width:0;height:auto;min-height:34px;display:flex;overflow:auto visible}.generate-bar--color-secondary .generate-bar__fonts--wide,.generate-bar--type-secondary .generate-bar__fonts--wide{flex:auto;align-items:center;gap:.35rem;width:auto;min-width:0;max-width:none;display:flex}.generate-bar{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;align-items:center;gap:.4rem;width:100%;min-width:0;padding:.1rem 0;display:flex;overflow:auto visible}.generate-bar::-webkit-scrollbar{display:none}.generate-bar .chip-dropdown{flex:none}.generate-bar .chip{white-space:nowrap;height:34px}.generate-bar__metric{flex:none;align-items:center;gap:.3rem;min-width:0;display:inline-flex}.generate-bar__metric-label{letter-spacing:-.01em;color:var(--muted);white-space:nowrap;font-size:.68rem;font-weight:520}.input-shell--bar{min-width:4.5rem;height:34px;min-height:34px;padding:0 .5rem}.generate-bar__metric:last-of-type .input-shell--bar{min-width:7.5rem}.generate-bar__fonts{flex:auto;align-items:center;gap:.35rem;min-width:12rem;display:flex}.generate-bar__fonts .font-search{flex:1 1 0;gap:0;min-width:6.5rem}.generate-bar__fonts .font-search__shell,.generate-bar__fonts .input-shell{height:34px;min-height:34px}.generate-bar__fonts .font-search__tags{display:none}.generate-bar__tags{flex-wrap:wrap;gap:.3rem;margin-top:.45rem;display:flex}.generate-bar__tags .font-tag--avoid{color:var(--muted)}.btn-generate--bar{white-space:nowrap;flex:none;align-self:center;width:auto;min-width:0;height:34px;min-height:34px;margin:0;padding:0 .85rem;font-size:.8rem}.chip-dropdown__menu--wide{min-width:11rem}.chip-dropdown__option{align-items:center;gap:.4rem;display:inline-flex}.generate-workspace .chip-dropdown__menu button{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.generate-controls__row{flex-wrap:wrap;align-items:flex-end;gap:.85rem 1rem;width:100%;display:flex}.generate-field{flex-direction:column;gap:.35rem;min-width:0;display:flex}.generate-field--fonts{flex:220px;max-width:420px}.generate-field__fonts{flex-wrap:wrap;gap:.45rem;display:flex}.generate-field__fonts .font-search{flex:140px;min-width:140px}.generate-field--action{justify-content:flex-end;margin-left:auto}.generate-field--action .btn-generate{margin-top:1.15rem}.generate-summary{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:flex-start;gap:12px 24px;width:100%;padding:0 0 1rem;display:flex}.generate-summary__top{flex:1 0 100%;justify-content:space-between;align-items:flex-start;gap:16px 24px;width:100%;min-width:0;display:flex}.generate-summary__copy{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.generate-summary__title{letter-spacing:-.03em;color:var(--ink);margin:0;font-size:20px;font-weight:600;line-height:1.25}.generate-summary__desc{letter-spacing:-.015em;color:var(--muted);margin:0;font-size:16px;line-height:1.4}.generate-summary__chips{flex-wrap:wrap;flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.generate-summary__chip{border-radius:var(--radius-control);color:#555;letter-spacing:-.015em;white-space:nowrap;box-sizing:border-box;cursor:default;pointer-events:none;background:#e8eaee;border:1px solid #e0e2e6;flex-shrink:0;justify-content:center;align-items:center;gap:6px;height:28px;min-height:28px;padding:0 10px;font-size:12px;font-weight:530;display:inline-flex}.generate-summary__chip svg{color:#737373;flex-shrink:0;width:12px;height:12px}.generate-summary__actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:inline-flex}.generate-summary__actions.page-header__actions .btn-secondary,.generate-summary__actions.page-header__actions .btn-primary{height:32px;min-height:32px;padding:0 .75rem;font-size:13px}@media (max-width:720px){.generate-summary__top{flex-wrap:wrap}.generate-summary__actions{justify-content:flex-start;width:100%;margin-left:0}}.gs-results{flex-direction:column;gap:2rem;width:100%;min-width:0;display:flex}.gs-results.is-themed{--gs-chip-bg:var(--gs-accent)}@supports (color:color-mix(in lab, red, red)){.gs-results.is-themed{--gs-chip-bg:color-mix(in srgb, var(--gs-accent) 12%, #fff)}}.gs-results.is-themed{--gs-chip-border:var(--gs-accent)}@supports (color:color-mix(in lab, red, red)){.gs-results.is-themed{--gs-chip-border:color-mix(in srgb, var(--gs-accent) 28%, transparent)}}.gs-results.is-themed{--gs-chip-ink:var(--gs-ink)}.gs-results .generate-summary__chip.is-accent{color:#fff;background:#18181b;border-color:#18181b}.gs-results.is-themed .generate-summary__chip.is-accent{background:var(--gs-accent);border-color:var(--gs-accent);color:var(--gs-accent-fg)}.gs-results.is-themed .generate-summary__chip:not(.is-accent){background:var(--gs-chip-bg);border-color:var(--gs-chip-border);color:var(--gs-chip-ink)}.gs-results.is-themed .generate-summary__actions .btn-primary{background:var(--gs-accent);border-color:var(--gs-accent);color:var(--gs-accent-fg)}.gs-results.is-themed .generate-summary__actions .btn-primary:hover{filter:brightness(.96)}.gs-results.is-themed .generate-summary__actions .btn-primary:focus-visible,.gs-results.is-themed .gs-copy:focus-visible,.gs-results.is-themed .gs-details-toggle:focus-visible{box-shadow:var(--gs-focus)}.gs-summary{border-bottom-color:var(--gs-border,var(--line))}@supports (color:color-mix(in lab, red, red)){.gs-summary{border-bottom-color:color-mix(in srgb, var(--gs-border,var(--line)) 80%, transparent)}}.gs-section-head{flex-direction:column;gap:.35rem;min-width:0;margin-bottom:1rem;display:flex}.gs-section-title{letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin:0;font-size:.72rem;font-weight:560}.gs-section-lede{letter-spacing:-.015em;max-width:42rem;color:var(--ink);margin:0;font-size:1rem;line-height:1.45}.gs-details-toggle{color:var(--gs-accent,var(--muted));font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;margin:.35rem 0 0;padding:0;font-size:.82rem;font-weight:520;display:inline-flex}.gs-details-toggle:hover{color:var(--ink)}.gs-copy{border:1px solid var(--line);border-radius:var(--gs-radius-control,var(--radius-control));height:1.85rem;color:var(--ink);font:inherit;cursor:pointer;background:#fff;align-items:center;gap:.3rem;padding:0 .55rem;font-size:.75rem;display:inline-flex}.gs-copy:hover{background:#00000008}.gs-results.is-themed .gs-copy{border-color:var(--gs-accent)}@supports (color:color-mix(in lab, red, red)){.gs-results.is-themed .gs-copy{border-color:color-mix(in srgb, var(--gs-accent) 30%, var(--line))}}.gs-results.is-themed .gs-copy:hover{background:var(--gs-accent)}@supports (color:color-mix(in lab, red, red)){.gs-results.is-themed .gs-copy:hover{background:color-mix(in srgb, var(--gs-accent) 8%, #fff)}}.gs-type{min-width:0}.gs-type__roles{border-bottom:1px solid #0000000f;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1.5rem;padding-bottom:1.25rem;display:grid}.gs-type__role-label{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);margin:0;font-size:.68rem;font-weight:560}.gs-type__role-font{color:var(--muted);margin:.2rem 0 0;font-size:.88rem;font-weight:550}.gs-type__role-weight{color:var(--faint);margin:.15rem 0 .45rem;font-size:.75rem}.gs-type__role-sample{color:var(--ink);overflow-wrap:anywhere;margin:0}.gs-type__scale{margin-top:1.25rem}.gs-type__scale-head{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.65rem;display:flex}.gs-type__scale-title{color:var(--muted);margin:0;font-size:.78rem;font-weight:560}.gs-type__scale-list{flex-direction:column;gap:.85rem;display:flex}.gs-type__scale-row{border-top:1px solid #0000000d;flex-direction:column;gap:.3rem;min-width:0;padding-top:.65rem;display:flex}.gs-type__scale-meta{color:var(--faint);text-transform:uppercase;letter-spacing:.04em;flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;font-size:.72rem;font-weight:550;display:flex}.gs-type__scale-specs{text-transform:none;letter-spacing:0;color:var(--muted);font-weight:450}.gs-type__scale-sample{color:var(--ink);overflow-wrap:anywhere;margin:0}.gs-color{min-width:0}.gs-color__overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-bottom:1.5rem;display:grid}.gs-color__overview-item{border-radius:var(--gs-radius,10px);text-align:left;cursor:pointer;border:0;flex-direction:column;justify-content:flex-end;gap:.15rem;min-height:6.5rem;padding:.7rem .75rem;display:flex}.gs-color__overview-role{letter-spacing:.03em;text-transform:uppercase;opacity:.85;font-size:.68rem;font-weight:560}.gs-color__overview-name{letter-spacing:-.02em;font-size:.92rem;font-weight:600}.gs-color__overview-hex{opacity:.9;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.gs-color__families{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1.25rem;display:grid}.gs-color__family{flex-direction:column;gap:.65rem;min-width:0;display:flex}.gs-color__family-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.gs-color__family-role{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);margin:0;font-size:.68rem;font-weight:560}.gs-color__family-name{letter-spacing:-.03em;color:var(--ink);margin:.15rem 0 0;font-size:1.15rem;font-weight:600}.gs-color__family-actions{flex-direction:column;align-items:flex-end;gap:.35rem;display:flex}.gs-color__family-actions code{color:var(--muted);font-size:.75rem}.gs-color__hero{border-radius:var(--gs-radius,10px);border:1px solid #0000000f;height:3.25rem}.gs-color__ramp{-webkit-overflow-scrolling:touch;gap:.3rem;padding-bottom:.15rem;display:flex;overflow-x:auto}.gs-color__tone{cursor:pointer;min-width:2.35rem;font:inherit;background:0 0;border:0;flex-direction:column;flex:1 0 auto;align-items:center;gap:.2rem;margin:0;padding:0;display:flex}.gs-color__tone-swatch{color:#fff;border:1px solid #0000000f;border-radius:6px;justify-content:center;align-items:center;width:100%;height:2rem;display:flex}.gs-color__tone-step{color:var(--faint);font-variant-numeric:tabular-nums;font-size:.65rem}.gs-color__tone-hex{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem}.gs-inuse{border:1px solid var(--gs-border,#00000014);border-radius:calc(var(--gs-radius,10px) + 4px);background:var(--gs-bg,#fff);min-width:0;color:var(--gs-ink,var(--ink));padding:1.15rem 1.2rem 1.25rem}.gs-inuse .gs-section-title{color:var(--gs-ink,var(--ink))}@supports (color:color-mix(in lab, red, red)){.gs-inuse .gs-section-title{color:color-mix(in srgb, var(--gs-ink,var(--ink)) 55%, transparent)}}.gs-inuse .gs-section-lede{color:var(--gs-muted,var(--muted))}.gs-inuse__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem 1.25rem;display:grid}.gs-inuse__block--wide{grid-column:1/-1}.gs-inuse__label{letter-spacing:.04em;text-transform:uppercase;color:var(--gs-muted,var(--faint));margin:0 0 .45rem;font-size:.68rem;font-weight:560}.gs-inuse__row{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.gs-btn{border-radius:var(--gs-radius-control,8px);height:2.15rem;font-family:var(--gs-font-body,inherit);font-size:var(--gs-body-size,.9rem);cursor:pointer;border:1px solid #0000;padding:0 .9rem;font-weight:550}.gs-btn--primary{background:var(--gs-accent,#18181b);color:var(--gs-accent-fg,#fff)}.gs-btn--primary:hover{filter:brightness(.96)}.gs-btn--secondary{background:var(--gs-surface,#f4f4f5);border-color:var(--gs-border,#0000001a);color:var(--gs-ink,#18181b)}.gs-btn--ghost{border-color:var(--gs-border,#0000001a);color:var(--gs-ink,#18181b);background:0 0}.gs-btn:focus-visible,.gs-tab:focus-visible,.gs-field input:focus-visible{box-shadow:var(--gs-focus,var(--focus-ring));outline:none}.gs-field{font-family:var(--gs-font-body,inherit);font-size:var(--gs-caption-size,.78rem);color:var(--gs-muted,var(--muted));flex-direction:column;gap:.3rem;display:flex}.gs-field input{border:1px solid var(--gs-border,#0000001f);border-radius:var(--gs-radius-control,8px);background:var(--gs-surface,#fff);height:2.25rem;color:var(--gs-ink,#18181b);font:inherit;font-size:var(--gs-body-size,.9rem);padding:0 .7rem}.gs-tabs{border-radius:var(--gs-radius,10px);background:var(--gs-surface,#f4f4f5);gap:.15rem;padding:.2rem;display:flex}@supports (color:color-mix(in lab, red, red)){.gs-tabs{background:color-mix(in srgb, var(--gs-surface,#f4f4f5) 88%, var(--gs-ink,#111))}}.gs-tab{border-radius:calc(var(--gs-radius-control,8px) - 2px);height:1.9rem;color:var(--gs-muted,#71717a);font-family:var(--gs-font-body,inherit);cursor:pointer;background:0 0;border:0;padding:0 .75rem;font-size:.82rem;font-weight:520}.gs-tab.is-active{background:var(--gs-accent,#18181b);color:var(--gs-accent-fg,#fff)}.gs-card{border:1px solid var(--gs-border,#0000001a);border-radius:var(--gs-radius,10px);background:var(--gs-surface,#fafafa);padding:1rem 1.05rem;box-shadow:0 1px 2px #0000000a}.gs-card h3{font-family:var(--gs-font-display,inherit);font-size:var(--gs-heading-size,1.15rem);font-weight:var(--gs-heading-weight,600);letter-spacing:-.03em;color:var(--gs-ink,#18181b);margin:0}.gs-card p{font-family:var(--gs-font-body,inherit);font-size:var(--gs-body-size,.92rem);line-height:var(--gs-body-lh,1.5);color:var(--gs-muted,#52525b);margin:.4rem 0 0}.gs-card__foot{justify-content:space-between;align-items:center;gap:.75rem;margin-top:.85rem;display:flex}.gs-link{color:var(--gs-accent,#18181b);font-family:var(--gs-font-body,inherit);text-underline-offset:2px;font-size:.85rem;font-weight:550;text-decoration:underline}.gs-badge{background:var(--gs-ink,#111);border-radius:999px;align-items:center;height:1.45rem;padding:0 .45rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.gs-badge{background:color-mix(in srgb, var(--gs-ink,#111) 8%, transparent)}}.gs-badge{color:var(--gs-ink,#18181b);font-family:var(--gs-font-body,inherit);font-size:.72rem;font-weight:560}.gs-badge--accent{background:var(--gs-accent,#18181b);color:var(--gs-accent-fg,#fff)}.gs-chip{border:1px solid var(--gs-border,#0000001a);border-radius:var(--gs-radius-control,8px);background:var(--gs-surface,#fff);height:1.55rem;color:var(--gs-ink,#18181b);font-family:var(--gs-font-body,inherit);align-items:center;padding:0 .55rem;font-size:.75rem;display:inline-flex}.gs-chip.is-on{background:var(--gs-accent,#18181b);border-color:var(--gs-accent,#18181b);color:var(--gs-accent-fg,#fff)}.gs-alert{border-radius:var(--gs-radius,10px);border:1px solid var(--gs-accent,#18181b);padding:.75rem .85rem}@supports (color:color-mix(in lab, red, red)){.gs-alert{border:1px solid color-mix(in srgb, var(--gs-accent,#18181b) 35%, transparent)}}.gs-alert{background:var(--gs-accent,#18181b)}@supports (color:color-mix(in lab, red, red)){.gs-alert{background:color-mix(in srgb, var(--gs-accent,#18181b) 10%, var(--gs-surface,#fff))}}.gs-alert strong{font-family:var(--gs-font-body,inherit);color:var(--gs-ink,#18181b);font-size:.85rem;display:block}.gs-alert p{font-family:var(--gs-font-body,inherit);color:var(--gs-muted,#52525b);margin:.2rem 0 0;font-size:.8rem;line-height:1.4}@media (max-width:900px){.gs-color__families,.gs-type__roles{grid-template-columns:1fr}}@media (max-width:720px){.gs-color__overview{grid-template-columns:repeat(2,minmax(0,1fr))}.gs-inuse__grid{grid-template-columns:1fr}.gs-color__overview-item{min-height:5.5rem}}@media (max-width:480px){.gs-results{gap:1.5rem}.gs-color__overview{grid-template-columns:1fr 1fr}}.btn-generate--compact{width:auto;height:32px;min-height:32px;padding:0 .8rem;font-size:.78rem}.generate-bar .font-search{flex:1 1 0;gap:0;min-width:7rem;max-width:16rem}.generate-bar .font-search__shell,.generate-bar .input-shell{height:34px;min-height:34px}.generate-bar .generate-bar__metric{align-items:center;height:34px}.generate-results{min-width:0;padding-top:.35rem}.segmented--compact{width:auto}.segmented--compact .segmented__btn{padding-inline:.65rem}.typography-controls{border-right:1px solid var(--line);box-sizing:border-box;background:0 0;flex-direction:column;gap:1.5rem;width:260px;min-height:100%;padding:1.25rem 1.25rem 1.25rem 0;display:flex}.typography-preview{background:0 0;min-width:0;padding:1.25rem 0 1.25rem 2rem}.typography-preview__inner{max-width:760px}.type-specimen{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:0;min-height:0;display:grid}.type-specimen__controls{border-right:1px solid var(--line);box-sizing:border-box;flex-direction:column;gap:1.15rem;width:200px;max-height:100dvh;padding:.85rem 1rem 1.5rem 0;display:flex;position:sticky;top:0;overflow:auto}.type-ctrl{flex-direction:column;gap:.45rem;display:flex}.type-ctrl--last{padding-bottom:.25rem}.type-ctrl__label{letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin:0;font-size:.68rem;font-weight:560}.type-ctrl__seg{flex-wrap:wrap;gap:.2rem;display:flex}.type-ctrl__seg button{min-height:30px;color:var(--muted);letter-spacing:-.01em;background:0 0;border:0;border-radius:6px;align-items:center;gap:.3rem;padding:0 .55rem;font-size:.78rem;font-weight:500;display:inline-flex}.type-ctrl__seg button:hover{color:var(--ink);background:#0000000a}.type-ctrl__seg button.is-active{color:var(--ink);background:#0000000f}.type-ctrl__row{grid-template-columns:minmax(0,1fr) auto;gap:.3rem;display:grid}.type-ctrl__row input,.type-ctrl__stack textarea,.type-ctrl__metrics input,.type-ctrl__metrics select,.type-ctrl__fonts select{border:0;border-bottom:1px solid var(--line);width:100%;min-height:32px;color:var(--ink);background:0 0;border-radius:0;padding:0 .5rem;font-size:.82rem}.type-ctrl__stack textarea{resize:vertical;min-height:4.5rem;padding:.45rem 0;line-height:1.4}.type-ctrl__go{min-height:32px;color:var(--muted);background:0 0;border:0;padding:0 .55rem;font-size:.78rem;font-weight:560}.type-ctrl__go:hover{color:var(--ink)}.type-ctrl__go--block{justify-self:start;padding-left:0}.type-ctrl__error{color:var(--bad);margin:0;font-size:.72rem;line-height:1.35}.type-ctrl__metrics{grid-template-columns:1fr 1fr;gap:.55rem .45rem;display:grid}.type-ctrl__metrics label,.type-ctrl__fonts label{flex-direction:column;gap:.2rem;min-width:0;display:flex}.type-ctrl__metrics label span,.type-ctrl__fonts label span{color:var(--faint);font-size:.68rem}.type-ctrl__fonts{flex-direction:column;gap:.55rem;display:flex}.type-ctrl__chips{flex-wrap:wrap;gap:.25rem;display:flex}.type-ctrl__chips button{min-height:28px;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:0 .55rem;font-size:.75rem;font-weight:500}.type-ctrl__chips button:hover{color:var(--ink);background:#0000000a}.type-ctrl__chips button.is-active{color:var(--ink);background:#0000000f}.type-specimen__stage{min-width:0;padding:.35rem 0 2.5rem 2.75rem}.type-specimen__bar{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.85rem;display:flex}.type-specimen__intro{min-width:0}.type-specimen__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:0 0 .2rem;font-size:.68rem;font-weight:560}.type-specimen__title{letter-spacing:-.03em;color:var(--ink);margin:0;font-size:1.15rem;font-weight:600}.type-specimen__modes{display:none}.type-specimen__score-wrap{flex-shrink:0;position:relative}.type-specimen__score,.type-specimen__score-badge{border:1px solid var(--line);min-height:0;color:var(--ink);background:#fafafa;border-radius:10px;flex-direction:column;align-items:flex-end;gap:.05rem;padding:.35rem .55rem;line-height:1.05;display:inline-flex}.type-specimen__score{cursor:default;background:0 0;border:0;flex-direction:row;align-items:baseline;gap:.4rem;padding:.2rem .15rem}.type-specimen__score strong,.type-specimen__score-badge strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:650;line-height:1}.type-specimen__score span,.type-specimen__score-badge span{color:var(--muted);letter-spacing:-.01em;font-size:.68rem;font-weight:500}.type-specimen__score-pop{z-index:20;border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:min(260px,70vw);padding:.85rem .9rem;position:absolute;top:calc(100% + .45rem);right:0;box-shadow:0 10px 28px #00000014}.type-specimen__score-pop header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.type-specimen__score-pop header p{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);margin:0;font-size:.72rem;font-weight:560}.type-specimen__score-pop header button{width:1.4rem;height:1.4rem;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.type-specimen__score-pop>p{color:var(--muted);margin:0;font-size:.84rem;line-height:1.45}.type-specimen__insights{display:none}.type-specimen__insight-pills{flex-wrap:wrap;gap:.4rem;margin:0 0 1.75rem;padding:0;list-style:none;display:flex}.type-specimen__insight-pills li{border:1px solid var(--line);color:#5c5c5c;letter-spacing:-.01em;background:#f7f7f7;border-radius:999px;align-items:center;gap:.3rem;min-height:26px;padding:.2rem .55rem .2rem .45rem;font-size:.72rem;font-weight:500;display:inline-flex}.type-specimen__insight-pills li.is-good svg{color:var(--good)}.type-specimen__insight-pills li.is-warn svg{color:#b45309}.type-specimen__insight-pills svg{flex-shrink:0}.type-ramp--specimen{flex-direction:column;gap:0;max-width:min(52rem,100%);padding:.15rem 0 1rem;display:flex}.type-ramp--specimen .type-ramp__group-rows{display:contents}.type-ramp--specimen .type-ramp__row{border:0;border-bottom:1px solid #efefef;flex-direction:column;gap:.55rem;padding:1.65rem 0;display:flex}.type-ramp--specimen .type-ramp__row:first-child{padding-top:.35rem}.type-ramp--specimen .type-ramp__row:last-child{border-bottom:0;padding-bottom:0}.type-ramp--specimen .type-ramp__meta{flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem;display:flex}.type-ramp--specimen .type-ramp__label{letter-spacing:.08em;text-transform:uppercase;color:#9a9a9a;font-size:.68rem;font-weight:560}.type-ramp--specimen .type-ramp__spec{letter-spacing:-.01em;color:#b0b0b0;font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:450}.type-ramp--specimen .type-ramp__sample{max-width:36em;color:var(--ink);margin:0}.type-ramp--specimen.type-ramp--mobile .type-ramp__sample{max-width:28em}.type-ramp--specimen.type-ramp--tablet .type-ramp__sample{max-width:32em}@media (max-width:980px){.type-specimen{grid-template-columns:1fr}.type-specimen__controls{border-right:0;border-bottom:1px solid var(--line);width:100%;max-height:none;padding:0 0 1.15rem;position:relative}.type-specimen__stage{padding:1.25rem 0 2rem}.type-ramp--specimen{padding-right:0}.type-ramp--specimen .type-ramp__group-rows{gap:2.1rem}}.rate-specimen{grid-template-columns:minmax(0,1fr);gap:2rem}.rate-specimen .type-specimen__controls,.rate-controls{border-right:0;border-bottom:1px solid var(--line);width:100%;min-width:0;max-height:none;padding:0 0 2rem;position:static;overflow:visible}.rate-controls .type-ctrl--grow{flex:1;min-height:0}.rate-specimen .type-specimen__stage{padding:0 0 2.5rem}.rate-empty{padding:2rem 0}.rate-empty h2,.rate-empty p{margin:0}.rate-empty h2{font-family:var(--font-space-grotesk), system-ui, sans-serif;letter-spacing:-.025em;color:var(--ink);font-size:1.1rem;font-weight:600}.rate-empty p{max-width:32rem;color:var(--muted);margin-top:.45rem;font-size:.9rem;line-height:1.5}.rate-import-row{flex-direction:column;gap:.3rem;display:flex}.rate-import-btn{min-height:32px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.4rem;padding:0 .15rem;font-size:.78rem;font-weight:500;display:inline-flex}.rate-import-btn:hover:not(:disabled){color:var(--ink)}.rate-import-btn:disabled{opacity:.55;cursor:not-allowed}.rate-coming-soon{letter-spacing:.02em;text-transform:uppercase;color:var(--faint);margin-left:auto;font-size:.65rem;font-weight:560}.rate-figma-row{margin-top:.35rem}.rate-table-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.rate-add-style{min-height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:.25rem;padding:0;font-size:.72rem;font-weight:560;display:inline-flex}.rate-add-style:hover{color:var(--ink)}.rate-table-wrap{margin-top:.35rem;overflow-x:auto}.rate-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.rate-table th{border-bottom:1px solid var(--line);color:var(--faint);letter-spacing:.04em;text-transform:uppercase;text-align:left;white-space:nowrap;padding:.2rem .2rem .4rem;font-size:.62rem;font-weight:560}.rate-table td{vertical-align:middle;border-bottom:1px solid #0000000a;padding:.15rem}.rate-table tr.is-dragging{opacity:.45;background:#00000005}.rate-table__grip{width:1.1rem;padding-left:0!important;padding-right:0!important}.rate-grip{color:var(--faint);cursor:grab;place-items:center;display:grid}.rate-grip:active{cursor:grabbing}.rate-table input{width:100%;min-width:0;min-height:28px;color:var(--ink);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:4px;padding:.15rem .2rem;font-size:.75rem}.rate-table input:hover,.rate-table input:focus{background:#00000009;outline:none}.rate-table__name{letter-spacing:-.01em;font-weight:520}.rate-table td:nth-child(3) input,.rate-table td:nth-child(4) input,.rate-table td:nth-child(5) input,.rate-table td:nth-child(6) input{text-align:right;width:3.1rem}.rate-table__actions{white-space:nowrap;text-align:right;width:3.2rem}.rate-row-btn{width:1.35rem;height:1.35rem;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;margin-left:.05rem;display:inline-grid}.rate-row-btn:hover:not(:disabled){color:var(--ink);background:#0000000d}.rate-row-btn:disabled{opacity:.35;cursor:not-allowed}@media (max-width:980px){.rate-specimen{grid-template-columns:1fr}}.control-group{flex-direction:column;gap:8px;display:flex}.control-group__stack{flex-direction:column;gap:10px;display:flex}.control-group--last{padding-bottom:.25rem}.typography-workspace .control-label,.generate-workspace .control-label{letter-spacing:-.01em;color:#6b6b6b;margin:0;font-size:13px;font-weight:500}.segmented--page{width:100%;max-width:22rem;margin:0 0 var(--space-header-below);background:var(--surface-muted);border:1px solid var(--line);border-radius:10px;padding:3px;box-shadow:inset 0 1px #fff9}.segmented--page .segmented__btn{min-height:34px;color:var(--muted);box-shadow:none;background:0 0;flex:1;font-size:.8125rem;font-weight:520}.segmented--page .segmented__btn.is-active{color:var(--ink);background:#fff;font-weight:600;box-shadow:0 1px 2px #0000000f}.generate-page .generate-workspace--embed{margin-top:0}.segmented__btn{color:#6b6b6b;letter-spacing:-.01em;background:0 0;border:0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.35rem;min-height:36px;padding:0 .55rem;font-size:14px;font-weight:500;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.segmented__btn svg{opacity:.75;width:14px;height:14px}.segmented__btn:hover{color:#0a0a0a}.segmented__btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.segmented__btn.is-active{color:var(--accent);background:#fff;box-shadow:0 1px 2px #0000000f}.segmented__btn.is-active svg{opacity:1}.metric-grid--type{grid-template-columns:1fr 1fr;gap:10px;display:grid}.typography-workspace .metric,.generate-workspace .metric{color:#0a0a0a;flex-direction:column;gap:6px;font-size:14px;display:flex}.typography-workspace .metric__label,.generate-workspace .metric__label{letter-spacing:-.01em;color:#8a8a8a;font-size:12px;font-weight:500}.typography-workspace .input-shell,.generate-workspace .input-shell{border:1px solid var(--line-strong);height:36px;min-height:36px;box-shadow:none;background-color:#fff;border-radius:8px;align-items:center;gap:.25rem;padding:0 .65rem;transition:border-color .15s,box-shadow .15s;display:flex}.typography-workspace .input-shell:focus-within,.generate-workspace .input-shell:focus-within{border-color:#cfcfcf;box-shadow:0 0 0 3px #0000000a}.typography-workspace .input-shell input,.typography-workspace .input-shell select,.generate-workspace .input-shell input,.generate-workspace .input-shell select{letter-spacing:-.01em;color:#0a0a0a;background:0 0;border:0;outline:none;width:100%;font-size:14px;font-weight:500}.typography-workspace .metric__unit,.generate-workspace .metric__unit{color:#8a8a8a;letter-spacing:-.01em;text-transform:none;font-size:12px;font-weight:500}.typography-workspace .chip-row,.generate-workspace .chip-row{flex-wrap:wrap;gap:6px;display:flex}.typography-workspace .chip,.generate-workspace .chip{color:#0a0a0a;letter-spacing:-.01em;background:#fff;border:1px solid #e8e8e8;border-radius:999px;align-items:center;gap:.3rem;height:32px;padding:0 .75rem;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.typography-workspace .chip svg,.generate-workspace .chip svg{opacity:.7;width:14px;height:14px}.typography-workspace .chip:hover,.generate-workspace .chip:hover{background:#fafafa;border-color:#dedede}.typography-workspace .chip:focus-visible,.generate-workspace .chip:focus-visible{box-shadow:var(--focus-ring);outline:none}.typography-workspace .chip.is-active,.generate-workspace .chip.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);box-shadow:none}.typography-workspace .chip.is-active svg,.generate-workspace .chip.is-active svg{opacity:1;color:var(--accent)}.typography-workspace .font-search,.generate-workspace .font-search{z-index:1;gap:8px;position:relative}.typography-workspace .font-search:focus-within,.generate-workspace .font-search:focus-within{z-index:20}.typography-workspace .font-search__shell,.generate-workspace .font-search__shell{height:36px;min-height:36px}.typography-workspace .font-tag,.generate-workspace .font-tag{background:#fff;border-color:#e8e8e8}.typography-workspace .chip-dropdown,.generate-workspace .chip-dropdown{position:relative}.typography-workspace .chip--dropdown,.generate-workspace .chip--dropdown{gap:.25rem;padding-right:.55rem}.typography-workspace .chip--dropdown svg,.generate-workspace .chip--dropdown svg{opacity:.65;width:14px;height:14px;transition:transform .15s}.typography-workspace .chip--dropdown.is-open svg,.generate-workspace .chip--dropdown.is-open svg{transform:rotate(180deg)}.typography-workspace .chip-dropdown__menu,.generate-workspace .chip-dropdown__menu{z-index:25;background:#fff;border:1px solid #e8e8e8;border-radius:10px;min-width:8.5rem;margin:0;padding:.3rem;list-style:none;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 24px #0f172a1a}.typography-workspace .chip-dropdown__menu button,.generate-workspace .chip-dropdown__menu button{color:#0a0a0a;letter-spacing:-.01em;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;width:100%;padding:.45rem .6rem;font-size:.8125rem;font-weight:500;display:block}.typography-workspace .chip-dropdown__menu button:hover,.typography-workspace .chip-dropdown__menu button.is-active,.generate-workspace .chip-dropdown__menu button:hover,.generate-workspace .chip-dropdown__menu button.is-active{background:#f3f3f3}.btn-generate.btn-generate--bar{white-space:nowrap;border-radius:8px;flex:none;align-self:center;width:auto;max-width:max-content;height:34px;min-height:34px;margin:0;padding:0 .9rem;font-size:.8rem}.btn-generate.btn-generate--compact{width:auto;max-width:max-content;height:32px;min-height:32px;padding:0 .8rem;font-size:.78rem}.control-hint{color:#8a8a8a;letter-spacing:-.01em;margin:.45rem 0 0;font-size:.72rem;line-height:1.4}.result-summary{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;margin:0 0 1.75rem;padding:0 0 1.15rem}.result-summary__top{flex-wrap:wrap;align-items:center;gap:.55rem .75rem;display:flex}.result-summary__title{letter-spacing:-.03em;color:#0a0a0a;margin:0;font-size:1.35rem;font-weight:600;line-height:1.25}.result-summary__chip{border-radius:var(--radius-chip);border:1px solid var(--line);height:22px;color:var(--muted);letter-spacing:-.01em;background:0 0;align-items:center;padding:0 .5rem;font-size:.7rem;font-weight:500;display:inline-flex}.result-summary__desc{color:#6b6b6b;letter-spacing:-.01em;margin:.4rem 0 0;font-size:.9rem;line-height:1.45}.typography-workspace .type-ramp{flex-direction:column;gap:0;max-width:100%;display:flex}.typography-workspace .type-ramp__row{border:0;border-bottom:1px solid #e8e8e8;gap:8px;padding:1.15rem 0;display:grid}.typography-workspace .type-ramp__row:first-child{padding-top:0}.typography-workspace .type-ramp__row:last-child{border-bottom:0;padding-bottom:0}.typography-workspace .type-ramp__meta{flex-wrap:wrap;align-items:baseline;gap:.45rem .65rem;display:flex}.typography-workspace .type-ramp__label{letter-spacing:-.01em;color:#4a4a4a;font-size:12px;font-weight:560}.typography-workspace .type-ramp__spec{font-family:var(--font-ui), system-ui, sans-serif;letter-spacing:-.01em;color:#8a8a8a;font-size:12px;font-weight:450}.typography-workspace .type-ramp__sample{color:#0a0a0a;overflow-wrap:anywhere;margin:0}.tool-stack{flex:1;grid-template-columns:300px minmax(0,1fr);align-items:start;gap:3rem;min-height:100%;display:grid}.tool-stack__controls,.tool-controls{flex-direction:column;gap:1.35rem;min-width:0;display:flex}.tool-stack__preview,.tool-preview{min-width:0}.control-block{flex-direction:column;gap:.5rem;display:flex}.control-label{letter-spacing:-.01em;color:var(--muted);margin:0;font-size:.8125rem;font-weight:500}.preview-story{background:#f9f9f9;border-radius:16px;margin:0 0 1.75rem;padding:1.5rem 1.65rem}.preview-story__fonts{letter-spacing:-.035em;margin:0;font-size:1.5rem;font-weight:650;line-height:1.2}.preview-story__vibes{letter-spacing:-.01em;color:var(--accent);margin:.45rem 0 0;font-size:.95rem;font-weight:560}.preview-story__desc{max-width:42ch;color:var(--muted);letter-spacing:-.01em;margin:.4rem 0 0;font-size:.95rem;line-height:1.45}.font-search{flex-direction:column;gap:.35rem;display:flex;position:relative}.font-search__shell{gap:.4rem}.font-search__field{position:relative}.font-search__icon{width:14px;height:14px;color:var(--faint);flex-shrink:0}.font-search__panel{z-index:30;border:1px solid var(--line);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border-radius:10px;flex-direction:column;max-height:300px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 10px 28px #0f172a1a}.font-search__filters{background:#fff;border-bottom:1px solid #f0f0f0;flex-wrap:wrap;gap:.25rem;padding:.55rem .55rem .35rem;display:flex}.font-search__filter{color:#8a8a8a;letter-spacing:-.01em;cursor:pointer;background:0 0;border:0;border-radius:999px;height:24px;padding:0 .5rem;font-size:.7rem;font-weight:520}.font-search__filter.is-active,.font-search__filter:hover{color:#0a0a0a;background:#f3f3f3}.font-search__menu{background:#fff;max-height:210px;margin:0;padding:.25rem;list-style:none;overflow:auto}.font-search__menu button{text-align:left;color:#0a0a0a;letter-spacing:-.01em;cursor:pointer;background:#fff;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.5rem .6rem;font-size:.85rem;font-weight:500;display:flex}.font-search__menu button:hover{background:#f6f6f6}.font-search__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.font-search__meta{color:#9a9a9a;flex-shrink:0;font-size:.68rem;font-weight:500}.font-search__empty,.font-search__hint{color:#9a9a9a;margin:0;padding:.45rem .7rem .55rem;font-size:.68rem}.font-search__empty{padding-top:.75rem}.font-search__tags{flex-wrap:wrap;gap:.3rem;display:flex}.font-tag{background:var(--surface-muted);border:1px solid var(--line);letter-spacing:-.01em;color:var(--ink);border-radius:999px;align-items:center;gap:.25rem;padding:.28rem .5rem;font-size:.75rem;display:inline-flex}.font-tag svg{opacity:.55;width:12px;height:12px}.font-tag:hover{background:var(--chip-hover)}.metric-grid--uniform{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.metric-grid--uniform .metric{min-width:0}.metric-grid--uniform .input-shell--metric{height:40px;min-height:40px;padding:0 .6rem}.metric-grid--uniform .input-shell--metric input,.metric-grid--uniform .input-shell--metric select{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:14px;font-weight:500}@media (max-width:980px){.site-hero{grid-template-columns:1fr;min-height:0}.site-hero__copy{padding:1.75rem 1.5rem .5rem}.site-hero__title{max-width:none}.site-hero__quote{padding:.75rem 1.5rem 1.75rem}.site-tabs{border-radius:9px;height:36px;padding:3px}.site-tabs__pill{border-radius:7px;top:3px;bottom:3px}.site-tab{padding:0 .7rem;font-size:.75rem}.typography-workspace{grid-template-columns:1fr}.typography-controls{border-right:0;border-bottom:1px solid var(--line);width:100%;padding:1rem 0}.typography-preview{padding:1.25rem 0}.tool-stack{grid-template-columns:1fr;gap:2rem}}@media (max-width:820px){.site-tabs-wrap{width:100%;max-width:100%;margin:0}.site-tabs{width:auto;max-width:100%;height:36px;padding:3px;display:inline-flex}.site-tab{padding:0 .65rem;font-size:.72rem}.site-hero{border-radius:18px}}@media (max-width:640px){.page-inner{padding:0 var(--page-pad-x-sm) 3rem}.site-header{flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:1rem 0 0}.site-header__meta{max-width:12.5rem}.site-brand__name{font-size:1rem}.site-content{padding-top:1.75rem}.page-header__actions .btn-secondary,.page-header__actions .btn-primary,.page-header__actions .btn-primary-solid,.page-header__actions .btn-ghost{flex:auto}}.section-hint--error{color:var(--bad)}.metric-grid--panel{grid-template-columns:1fr 1fr}.input-shell textarea{resize:vertical;background:0 0;border:0;outline:none;width:100%;min-height:2.4rem;padding:.4rem 0}@keyframes spin{to{transform:rotate(360deg)}}.spin{width:14px;height:14px;animation:.8s linear infinite spin}.tool-tabs{border-bottom:1px solid var(--line);background:0 0;border-radius:0;flex-wrap:wrap;align-items:center;gap:.05rem;width:fit-content;margin-bottom:.75rem;padding:0;display:inline-flex}.tool-tab{color:var(--muted);letter-spacing:-.01em;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:.4rem;margin-bottom:-1px;padding:.55rem .85rem;font-size:.875rem;transition:color .15s,border-color .15s;display:inline-flex}.tool-tab:hover{color:var(--ink);background:0 0;transform:none}.tool-tab.is-active{border-bottom-color:var(--ink);color:var(--ink);box-shadow:none;background:0 0}.tool-tab svg{opacity:.85;width:14px;height:14px}.stack{flex-direction:column;gap:.65rem;animation:.5s cubic-bezier(.22,1,.36,1) 40ms both fade-up;display:flex}.stack--tight,.stack--dense{gap:.55rem}.control-band{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.6fr) minmax(180px,.55fr);gap:.65rem 1.15rem;padding-bottom:.55rem;display:grid}.control-band__block{flex-direction:column;gap:.35rem;min-width:0;display:flex}@media (max-width:720px){.control-band{grid-template-columns:1fr}}.surface{box-shadow:none;background:0 0;border:0;border-radius:0}.section{flex-direction:column;gap:.35rem;padding:.4rem 0;display:flex}.section--flush,.section--dense{border-bottom:0;padding:.55rem 0}.section--vibe{border-bottom:0;padding-top:.45rem}.section--flush:last-of-type{border-bottom:0}.section+.section{border-top:0}.section-label{letter-spacing:-.01em;color:var(--muted);align-items:center;gap:.3rem;margin:0;font-size:.8rem;font-weight:500;display:inline-flex}.section-label svg{width:12px;height:12px}.section-hint{color:var(--muted);letter-spacing:-.01em;margin:0;font-size:.8rem;line-height:1.35}.chip-row{gap:var(--space-chips);flex-wrap:wrap;align-items:center;display:flex}.chip,.gen-chip{height:var(--chip-height);min-height:var(--chip-height);border:1px solid var(--line-strong);border-radius:var(--radius-control);color:var(--ink);letter-spacing:-.015em;white-space:nowrap;box-sizing:border-box;background:#fff;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:.82rem;font-weight:530;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.chip--sm{justify-content:center;min-width:1.85rem;padding-inline:.45rem}.chip svg,.gen-chip svg{opacity:1;flex-shrink:0;width:15px;height:15px}.chip:hover,.gen-chip:hover{background:#fafafa;border-color:#d6d6d6}.chip:focus-visible,.gen-chip:focus-visible{box-shadow:var(--focus-ring);outline:none}.chip.is-active,.gen-chip.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);box-shadow:none}.chip.is-active svg,.gen-chip.is-active svg{opacity:1;color:var(--accent)}.chip--static{cursor:default;background:var(--bg)}.chip--static:hover{transform:none}.field-stack{flex-direction:column;gap:.4rem;display:flex}.field-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.4rem;display:grid}.metric-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.4rem;display:grid}.metric-grid--cool{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:.45rem}.field,.metric{color:var(--muted);letter-spacing:-.01em;flex-direction:column;gap:.2rem;font-size:.72rem;display:flex}.metric__label{letter-spacing:-.01em;color:var(--muted);font-size:.75rem;font-weight:500}.input-shell--metric input,.input-shell--metric select{font-size:var(--text-control);font-weight:500}.metric__unit{letter-spacing:-.01em;color:var(--muted);flex-shrink:0;font-size:.78rem;font-weight:500}.field-top{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.field-value{font-variant-numeric:tabular-nums;color:var(--ink);font-size:.8rem}.field input[type=text],.field input[type=number],.field select,.field textarea{width:100%;color:var(--ink);letter-spacing:-.01em;background:#f4f2ef;border:1px solid #0000;border-radius:8px;padding:.45rem .55rem;transition:border-color .15s,background .15s,box-shadow .15s}.field input[type=text]:focus,.field input[type=number]:focus,.field select:focus,.field textarea:focus{border-color:var(--accent-border);box-shadow:var(--focus-ring);background:#fff;outline:none}.field textarea{resize:vertical;min-height:2.35rem}.field input[type=range]{width:100%;accent-color:var(--accent)}.field input[type=checkbox],.field input[type=radio]{accent-color:var(--accent)}.preview-frame{padding:.55rem 0 0}.preview-frame--bare{border-top:1px solid var(--line);padding:.5rem 0 0}.rate-report--flush{padding:0}.preview-chrome{border-bottom:1px solid var(--line);letter-spacing:.04em;color:var(--faint);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;padding-bottom:.55rem;font-size:.75rem;display:flex}.preview-chrome__left{align-items:center;gap:.35rem;display:inline-flex}.preview-chrome__left svg{width:13px;height:13px}.empty-state{color:var(--muted);letter-spacing:-.01em;margin:0 0 1rem;font-size:.95rem;line-height:1.5}.type-ramp{flex-direction:column;gap:0;display:flex}.type-ramp--mobile{max-width:100%;margin-inline:0}.type-ramp--tablet{max-width:100%}.type-ramp__row{border-bottom:1px solid var(--line);gap:.35rem;padding:1.15rem 0;display:grid}.type-ramp__row:first-child{padding-top:0}.type-ramp__row:last-child{border-bottom:0;padding-bottom:0}.type-ramp__meta{flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;display:flex}.type-ramp__label{letter-spacing:-.01em;color:var(--muted);font-size:.75rem;font-weight:500}.type-ramp__spec{font-family:var(--font-jetbrains), ui-monospace, monospace;color:var(--faint);font-size:.7rem}.type-ramp__sample{color:var(--ink);overflow-wrap:anywhere;margin:0}.rate-report{flex-direction:column;gap:1.25rem;padding:1.15rem 1.2rem 1.4rem;animation:.4s both fade-up;display:flex}.grade-block{align-items:center;gap:1rem;display:flex}.grade-letter{width:4.25rem;height:4.25rem;font-family:var(--font-ui), system-ui, sans-serif;color:#fff;background:#666;border-radius:12px;place-items:center;font-size:2.4rem;line-height:1;display:grid}.grade-letter--A{background:#0a0a0a}.grade-letter--B{background:#222}.grade-letter--C{background:#555}.grade-letter--D{background:#777}.grade-letter--F{background:var(--bad)}.grade-score{letter-spacing:-.02em;margin:0;font-size:1rem;font-weight:560}.grade-summary{color:var(--muted);letter-spacing:-.01em;margin:.3rem 0 0;line-height:1.45}.grade-fonts{color:var(--faint);margin:.35rem 0 0;font-size:.8rem}.callout-stack{flex-direction:column;gap:1rem;display:flex}.callout-list{flex-direction:column;gap:.4rem;margin:.55rem 0 0;padding:0;list-style:none;display:flex}.callout{letter-spacing:-.01em;border-radius:10px;align-items:flex-start;gap:.55rem;padding:.65rem .75rem;font-size:.86rem;line-height:1.4;display:flex}.callout__icon{flex-shrink:0;margin-top:.1rem}.callout__icon svg{width:15px;height:15px}.callout__body{flex-direction:column;gap:.12rem;display:flex}.callout strong{font-weight:560}.callout--good{background:var(--good-bg);color:var(--good)}.callout--bad{background:var(--bad-bg);color:var(--bad)}.callout--empty{color:var(--muted)}.report-heading{letter-spacing:-.01em;color:var(--faint);align-items:center;gap:.35rem;margin:0;font-size:.72rem;font-weight:500;display:inline-flex}.report-heading svg{width:13px;height:13px}.usage-panel{border-top:1px solid var(--line);flex-direction:column;gap:.75rem;padding:.75rem 0 0;animation:.5s cubic-bezier(.22,1,.36,1) 80ms both fade-up;display:flex}.usage-panel--flush{padding-top:.75rem}.usage-title{font-family:var(--font-ui), system-ui, sans-serif;letter-spacing:-.03em;margin:0;font-size:1.15rem;font-weight:650;line-height:1.15}.usage-lede{max-width:58ch;color:var(--muted);letter-spacing:-.01em;margin:.25rem 0 0;font-size:.85rem;line-height:1.4}.usage-lede code{background:#f4f2ef;border-radius:4px;padding:.05em .3em;font-size:.86em}.usage-layout--full{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:.85rem;display:grid}@media (max-width:900px){.usage-layout--full{grid-template-columns:1fr}}.usage-composition{border:1px solid var(--line);background:#fafafa;border-radius:10px;padding:1rem 1.05rem 1.15rem}.usage-kicker{color:var(--faint);letter-spacing:.08em;margin:0}.usage-export{flex-direction:column;gap:.55rem;display:flex}.usage-export__bar{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.usage-code{background:var(--code-bg);max-height:280px;color:var(--code-fg);border-radius:10px;margin:0;padding:.9rem 1rem;font-size:.72rem;line-height:1.5;overflow:auto}.color-preview{margin-bottom:1.75rem;padding:0}.tool-stack__preview .usage-panel--flush{box-shadow:none;background:0 0;border:0;margin-top:0;padding:0}.swatch-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.65rem;display:grid}.swatch{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:.65rem;padding:.55rem;display:flex}.swatch-preview{border:1px solid #00000014;border-radius:8px;flex-shrink:0;width:2.4rem;height:2.4rem;position:relative;overflow:hidden}.swatch-preview input[type=color]{cursor:pointer;background:0 0;border:0;width:140%;height:140%;padding:0;position:absolute;inset:-20%}.swatch-meta{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.swatch-meta strong{letter-spacing:-.01em;font-size:.78rem;font-weight:500}.swatch-meta input[type=text]{width:100%;color:var(--muted);font-size:.72rem;font-family:var(--font-jetbrains), ui-monospace, monospace;background:0 0;border:0;padding:0}.swatch-meta input[type=text]:focus{color:var(--ink);outline:none}.dash{border:1px solid var(--dash-border);background:var(--dash-bg);min-height:360px;color:var(--dash-ink);font-family:var(--font-ui), system-ui, sans-serif;border-radius:12px;grid-template-columns:150px minmax(0,1fr);display:grid;overflow:hidden}.dash-side{border-right:1px solid var(--dash-border);background:var(--dash-surface);flex-direction:column;gap:1rem;padding:.95rem .8rem;display:flex}.dash-logo{font-family:var(--font-ui), system-ui, sans-serif;letter-spacing:-.02em;align-items:center;gap:.4rem;font-size:1.15rem;display:inline-flex}.dash-logo svg{width:15px;height:15px}.dash-nav{flex-direction:column;gap:.2rem;display:flex}.dash-nav span{color:var(--dash-muted);border-radius:7px;padding:.4rem .55rem;font-size:.8rem}.dash-nav span.is-active{background:var(--dash-muted-bg);color:var(--dash-ink)}.dash-cta{background:var(--dash-primary);color:var(--dash-primary-fg);border-radius:8px;margin-top:auto;padding:.5rem .65rem;font-size:.78rem}.dash-main{flex-direction:column;gap:.9rem;padding:.95rem 1rem 1.1rem;display:flex}.dash-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.dash-eyebrow{letter-spacing:.08em;color:var(--dash-muted);margin:0;font-size:.68rem}.dash-title{letter-spacing:-.03em;margin:.15rem 0 0;font-size:1.25rem;font-weight:560}.dash-top-actions{align-items:center;gap:.35rem;display:flex}.dash-icon-btn,.dash-avatar{border:1px solid var(--dash-border);background:var(--dash-surface);width:1.85rem;height:1.85rem;color:var(--dash-muted);border-radius:8px;place-items:center;display:grid}.dash-icon-btn svg{width:13px;height:13px}.dash-avatar{background:var(--dash-accent);color:#fff;border-color:#0000;font-size:.72rem;font-weight:600}.dash-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.dash-kpi{border:1px solid var(--dash-border);background:var(--dash-surface);border-radius:10px;padding:.7rem .75rem}.dash-kpi-label{color:var(--dash-muted);margin:0;font-size:.72rem}.dash-kpi-value{letter-spacing:-.03em;margin:.25rem 0 0;font-size:1.2rem;font-weight:600}.dash-kpi-delta{align-items:center;gap:.15rem;margin:.3rem 0 0;font-size:.72rem;display:inline-flex}.dash-kpi-delta svg{width:12px;height:12px}.dash-split{grid-template-columns:1.1fr .9fr;gap:.55rem;display:grid}.dash-card{border:1px solid var(--dash-border);background:var(--dash-surface);border-radius:10px;padding:.75rem}.dash-card-head{justify-content:space-between;align-items:center;margin-bottom:.7rem;display:flex}.dash-card-head h4{letter-spacing:-.01em;margin:0;font-size:.85rem}.dash-card-icon{width:14px;height:14px;color:var(--dash-muted)}.dash-badge{background:var(--dash-muted-bg);color:var(--dash-muted);border-radius:999px;padding:.15rem .45rem;font-size:.68rem}.dash-bars{align-items:flex-end;gap:.35rem;height:110px;display:flex}.dash-bar{background:linear-gradient(180deg, var(--dash-accent) 0%, var(--dash-primary) 100%);opacity:.9;border-radius:5px 5px 2px 2px;flex:1}.dash-rows{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.dash-rows li{border-bottom:1px solid var(--dash-border);justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.5rem;display:flex}.dash-rows li:last-child{border-bottom:0;padding-bottom:0}.dash-rows strong{font-size:.8rem;font-weight:560;display:block}.dash-rows em{letter-spacing:-.02em;font-size:.8rem;font-style:normal}.dash-status{color:var(--dash-muted);margin-top:.15rem;font-size:.68rem;display:inline-block}.dash-status--live{color:var(--dash-success)}.dash-status--review{color:var(--dash-warning)}.dash-status--idle{color:var(--dash-muted)}@media (max-width:700px){.dash{grid-template-columns:1fr}.dash-side{border-right:0;border-bottom:1px solid var(--dash-border)}.dash-kpis,.dash-split{grid-template-columns:1fr}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.tool-header,.stack,.usage-panel,.rate-report{animation:none}.chip:hover,.tool-tab:hover,.btn-primary:hover,.btn-secondary:hover{transform:none}.site-nav-toggle__icon span,.site-mobile-nav,.site-tabs__pill,.site-tab,.btn-primary,.btn-secondary,.btn-primary-solid,.btn-ghost{transition:none!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.capitalize{text-transform:capitalize}.icons-workspace{flex-direction:column;gap:0;padding:0;display:flex}.icons-workspace>.page-header{margin-bottom:var(--space-header-below)}.icons-workspace>:not(.page-header)+*{margin-top:var(--space-related)}.icons-toolbar{gap:var(--space-heading-controls);flex-direction:column;display:flex}.icons-toolbar__intro{display:none}.icons-toolbar__title{letter-spacing:-.035em;margin:0;font-size:1.35rem;font-weight:600}.icons-toolbar__lede{color:var(--muted);margin:.3rem 0 0;font-size:.9rem;line-height:1.45}.icons-toolbar__row{flex-wrap:nowrap;align-items:center;gap:10px;width:100%;display:flex}.icons-toolbar__row .ui-field--search{flex:auto;width:auto;min-width:12rem;max-width:none}.icons-toolbar__row .search-field{border:1px solid var(--line-strong);background-color:#fff;width:100%}.icons-toolbar__row .ui-select{flex:none;width:auto;min-width:0}.icons-toolbar__select-shell,.icons-toolbar__row .ui-select__trigger{border:1px solid var(--line-strong);background-color:#fff;width:auto;min-width:8.5rem}@media (max-width:720px){.icons-toolbar__row{flex-wrap:wrap}.icons-toolbar__row .ui-field--search,.icons-toolbar__row .search-field{flex:100%;width:100%;min-width:0}.icons-toolbar__row .ui-select{flex:auto;min-width:0}}.icons-toolbar__search{border:1px solid var(--line);border-radius:var(--radius-sm);box-sizing:border-box;background:#fff;flex:14rem;align-items:center;min-width:12rem;max-width:22rem;height:36px;min-height:36px;padding:0 .55rem;display:flex;position:relative}.icons-toolbar__search-icon{width:15px;height:15px;color:var(--faint);flex-shrink:0}.icons-toolbar__search input{letter-spacing:-.01em;background:0 0;border:0;outline:none;width:100%;padding:0 .4rem;font-size:.84rem}.icons-toolbar__clear{width:1.5rem;height:1.5rem;color:var(--faint);border-radius:6px;place-items:center;display:grid}.icons-toolbar__clear:hover{background:var(--chip);color:var(--ink)}.icons-toolbar__select{flex:none;align-items:center;height:36px;min-height:36px;display:inline-flex;position:relative}.icons-toolbar__select select{appearance:none;border:1px solid var(--line);border-radius:var(--radius-sm);height:100%;color:var(--ink);font:inherit;letter-spacing:-.01em;cursor:pointer;background:#fff;padding:0 1.8rem 0 .7rem;font-size:.8rem}.icons-toolbar__select svg{pointer-events:none;color:var(--faint);position:absolute;right:.55rem}.icons-toolbar__fav,.icons-toolbar__clear-filters{border:1px solid var(--line);border-radius:var(--radius-sm);height:36px;color:var(--muted);letter-spacing:-.01em;background:#fff;align-items:center;gap:.3rem;padding:0 .7rem;font-size:.8rem;font-weight:520;display:inline-flex}.icons-toolbar__fav.is-active{color:var(--accent);background:var(--accent-soft);border-color:#0000}.icons-toolbar__fav:hover,.icons-toolbar__clear-filters:hover{color:var(--ink);background:#fafafa}.icons-toolbar__filters{display:none}.icons-count{color:var(--muted);margin:0;font-size:.8rem}.icons-grid{grid-template-columns:1fr;align-items:stretch;gap:1.1rem;display:grid}@media (min-width:640px){.icons-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.icons-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1440px){.icons-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.icons-empty{text-align:center;border:0;border-top:1px dashed var(--line);border-radius:0;justify-items:center;gap:.75rem;padding:2rem 0;display:grid}.icons-empty p{color:var(--muted);margin:0}.icon-card{text-align:left;cursor:pointer;background:#fff;border:2px solid #00000014;border-radius:12px;flex-direction:column;align-items:stretch;gap:0;width:100%;height:100%;min-height:0;padding:0;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.icon-card:hover{border-color:#0000002e;box-shadow:0 2px 10px #0f172a0d}.icon-card:focus-visible{outline:none;box-shadow:0 0 0 3px #1d4ed833}.icon-card.is-active{box-shadow:none;background:#fff}.icon-card.is-active:hover{border-color:#0000002e;box-shadow:0 2px 10px #0f172a0d}.icon-card__body{border-top:1px solid #0000000d;flex-direction:row;align-items:center;gap:.45rem;min-width:0;padding:.65rem .75rem .7rem;display:flex}.icon-card__name{letter-spacing:-.03em;min-width:0;color:var(--ink);flex:auto;align-items:center;gap:.35rem;margin:0;font-size:.9rem;font-weight:600;line-height:1.25;display:inline-flex}.icon-card__name-text{min-width:0}.icon-card__active{letter-spacing:-.01em;pointer-events:none;flex-shrink:0;height:1.15rem;min-height:1.15rem;padding-inline:.35rem;font-size:.62rem;font-weight:600;line-height:1}.icon-card__meta{letter-spacing:-.01em;color:var(--ink);text-align:right;white-space:nowrap;flex:none;align-items:center;gap:.25rem;margin:0 0 0 auto;font-size:.68rem;font-weight:450;line-height:1.2;text-decoration:none;display:inline-flex}.icon-card__meta:hover{color:var(--ink);text-decoration:underline}.icon-card__meta:focus-visible{color:var(--ink);box-shadow:var(--focus-ring);border-radius:2px;outline:none}.icon-card__meta svg{flex-shrink:0;width:12px;height:12px}.icon-preview-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:.25rem;display:grid}.icon-card__previews{background:#f8f8f9;border:0;border-radius:0;flex:auto;grid-template-columns:repeat(4,minmax(0,1fr));align-content:center;justify-items:center;gap:.65rem 1rem;min-height:5.25rem;padding:1.05rem 1rem;display:grid}.icon-card.is-active .icon-card__previews{background:#f8f8f9}.icon-card__previews .icon-preview-glyph{min-height:1.75rem}.icon-preview-cell{flex-direction:column;align-items:center;gap:.25rem;display:flex}.icon-preview-glyph{width:100%;min-height:2.15rem;color:var(--ink);place-items:center;display:grid}.icon-preview-label{color:var(--muted);letter-spacing:-.01em;font-size:.62rem}.icon-card__icon-btn{width:2rem;height:2rem;color:var(--faint);background:#ffffffeb;border:1px solid #0000;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.icon-card__icon-btn:hover{color:var(--ink);background:#fff}.icon-card__icon-btn.is-on{color:#1d4ed8;background:#fffffff2}.icon-card__icon-btn svg{width:14px;height:14px}.icon-detail__footer .btn-primary,.icon-detail__footer .btn-secondary{align-items:center;gap:.35rem;min-height:2rem;padding:0 .75rem;font-size:.78rem;display:inline-flex}.icon-detail{z-index:50;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.icon-detail__backdrop{background:#0a0a0a59;position:absolute;inset:0}.icon-detail__panel{border-radius:var(--radius);border:1px solid var(--line);background:#fff;flex-direction:column;gap:1rem;width:min(720px,100%);max-height:min(90dvh,900px);padding:1.25rem 1.35rem 1.35rem;display:flex;position:relative;overflow:auto;box-shadow:0 12px 40px #0000001a}.icon-detail__header{justify-content:space-between;gap:1rem;display:flex}.icon-detail__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:0;font-size:.7rem}.icon-detail__title{letter-spacing:-.035em;margin:.25rem 0 0;font-size:1.55rem}.icon-detail__desc{color:var(--muted);max-width:48ch;margin:.4rem 0 0;line-height:1.45}.icon-detail__previews{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;padding:.75rem 0}.icon-detail__previews .icon-preview-glyph{min-height:3.25rem}.icon-detail__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.icon-detail__grid h3,.icon-detail__block h3{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);margin:0 0 .4rem;font-size:.72rem;font-weight:560}.icon-detail__grid p,.icon-detail__grid a{letter-spacing:-.01em;margin:0;font-size:.9rem}.icon-detail__grid a{align-items:center;gap:.3rem;display:inline-flex}.icon-detail__block{flex-direction:column;gap:.65rem;display:flex}.icon-detail__variants{gap:.75rem;display:grid}.icon-detail__variant{border:1px solid var(--line);background:#fff;border-radius:12px;padding:.75rem}.icon-detail__variant-label{color:var(--muted);margin:0 0 .55rem;font-size:.78rem;font-weight:560}.icon-detail__browse-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;display:flex}.icon-detail__search{border:1px solid var(--line);min-width:min(100%,240px);color:var(--faint);background:#fff;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .65rem;display:flex}.icon-detail__search input{width:100%;color:var(--ink);background:0 0;border:0;outline:none;font-size:.84rem}.icon-detail__empty{color:var(--muted);margin:0;font-size:.86rem}.icon-detail__category{gap:.5rem;display:grid}.icon-detail__category-label{color:var(--muted);margin:0;font-size:.78rem;font-weight:560}.icon-detail__gallery{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.45rem;display:grid}.icon-detail__glyph{border:1px solid var(--line);color:var(--ink);text-align:center;background:#fafafa;border-radius:10px;flex-direction:column;align-items:center;gap:.35rem;padding:.7rem .4rem;font-size:.68rem;display:flex}.icon-detail__hint{color:var(--muted);margin:-.2rem 0 0;font-size:.82rem;line-height:1.4}.icon-detail__concept-list{flex-wrap:wrap;gap:.35rem;display:flex}.icon-detail__concept-list span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.25rem .5rem;font-size:.72rem}.icon-detail__footer{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding-top:.25rem;display:flex}.btn-secondary.is-fav{color:var(--accent)}@media (max-width:720px){.icon-preview-row{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:.75rem}.icon-detail__grid{grid-template-columns:1fr}}.color-workspace .typography-controls{max-height:100dvh;position:sticky;top:0;overflow:auto}.color-workspace .section-hint{color:var(--faint);margin:.15rem 0 0;font-size:.78rem;line-height:1.4}.chip-search__swatch{vertical-align:-1px;border:1px solid #00000014;border-radius:999px;width:12px;height:12px;margin-right:.45rem;display:inline-block}.chip-search__swatch--sm{width:10px;height:10px;margin-right:.3rem}.font-search__menu button{align-items:center;display:flex}.color-preview-pane{padding-top:1.1rem}.color-book{flex-direction:column;gap:2rem;max-width:820px;display:flex}.color-book__intro{margin:0}.color-book__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:0;font-size:.7rem;font-weight:560}.color-book__title{letter-spacing:-.045em;color:var(--ink);margin:.4rem 0 0;font-size:clamp(1.85rem,3.2vw,2.4rem);font-weight:600;line-height:1.1}.color-book__lede{color:var(--muted);letter-spacing:-.015em;margin:.45rem 0 0;font-size:1rem;line-height:1.45}.color-book__strip{border-radius:var(--radius);grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;min-height:7.5rem;display:grid;overflow:hidden}.color-book__strip-swatch{cursor:pointer;border:0;justify-content:flex-start;align-items:flex-end;min-height:7.5rem;padding:0;display:flex;position:relative}.color-book__strip-label{color:#111;letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffd1;border-radius:999px;margin:.65rem;padding:.2rem .45rem;font-size:.68rem;font-weight:560}.color-book__families{flex-direction:column;gap:2.75rem;display:flex}.color-sample{flex-direction:column;gap:.85rem;display:flex}.color-sample__head{flex-direction:column;gap:.2rem;display:flex}.color-sample__role{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:0;font-size:.7rem;font-weight:560}.color-sample__name{letter-spacing:-.035em;color:var(--ink);margin:0;font-size:1.45rem;font-weight:600}.color-sample__hero{border-radius:var(--radius);cursor:pointer;text-align:left;border:0;width:100%;min-height:11rem;padding:0;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.color-sample__hero-meta{color:#fff;background:linear-gradient(#0000 0%,#0000001f 45%,#00000073 100%);flex-wrap:wrap;align-items:center;gap:.45rem .75rem;padding:1rem 1.1rem;display:flex;position:absolute;bottom:0;left:0;right:0}.color-sample__hero-meta strong{letter-spacing:-.02em;font-size:1rem;font-weight:560}.color-sample__hero-meta code{opacity:.92;font-size:.82rem}.color-sample__copy{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff2e;border-radius:999px;align-items:center;gap:.3rem;margin-left:auto;padding:.28rem .55rem;font-size:.75rem;font-weight:520;display:inline-flex}.color-sample__copy svg{width:13px;height:13px}.color-sample__ramp{grid-template-columns:repeat(11,minmax(0,1fr));gap:.3rem;display:grid}.color-sample__chip{cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;gap:.3rem;min-width:0;padding:0;display:flex;position:relative}.color-sample__chip-swatch{border-radius:var(--radius-sm);width:100%;min-height:4.75rem;display:block;position:relative;box-shadow:inset 0 0 0 1px #0000000d}.color-sample__chip-step{letter-spacing:-.01em;color:var(--ink);font-size:.72rem;font-weight:600}.color-sample__chip-hex{letter-spacing:-.02em;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;font-family:var(--font-jetbrains), ui-monospace, monospace;overflow:hidden}.color-sample__chip-copied{color:#111;background:#ffffffeb;border-radius:999px;place-items:center;width:1.2rem;height:1.2rem;display:grid;position:absolute;top:.35rem;right:.35rem}.color-sample__chip-copied svg{width:11px;height:11px}.color-book__feel{border-top:1px solid var(--line);padding-top:.5rem}.color-book__feel-head{margin-bottom:1rem}.color-book__feel-head h3{letter-spacing:-.025em;margin:0;font-size:1.05rem;font-weight:600}.color-book__feel-head p{color:var(--muted);margin:.25rem 0 0;font-size:.88rem}.color-feel{border-radius:var(--radius);background:var(--feel-bg);color:var(--feel-ink);border:1px solid var(--feel-border);flex-direction:column;gap:.85rem;padding:1.1rem 1.15rem;display:flex}.color-feel__row{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.color-feel__row--wrap{gap:.4rem}.color-feel__btn{border-radius:var(--radius-sm);letter-spacing:-.01em;border:1px solid #0000;justify-content:center;align-items:center;min-height:34px;padding:0 .85rem;font-size:.82rem;font-weight:520;display:inline-flex}.color-feel__btn--primary{background:var(--feel-primary);color:var(--feel-primary-fg)}.color-feel__btn--secondary{background:var(--feel-secondary);color:var(--feel-secondary-fg)}.color-feel__btn--ghost{border-color:var(--feel-border);color:var(--feel-ink);background:0 0}.color-feel__tabs{border-bottom:1px solid var(--feel-border);gap:.15rem;width:fit-content;display:inline-flex}.color-feel__tab{color:var(--feel-muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:.45rem .7rem;font-size:.8rem}.color-feel__tab.is-active{color:var(--feel-ink);border-bottom-color:var(--feel-primary)}.color-feel__card{border-radius:var(--radius-sm);background:var(--feel-surface);border:1px solid var(--feel-border);flex-direction:column;gap:.45rem;padding:.9rem 1rem;display:flex}.color-feel__card strong{letter-spacing:-.02em;font-size:.92rem}.color-feel__card p{color:var(--feel-muted);margin:0;font-size:.82rem;line-height:1.4}.color-feel__field{color:var(--feel-muted);flex-direction:column;gap:.3rem;margin-top:.35rem;font-size:.72rem;display:flex}.color-feel__field input{border:1px solid var(--feel-border);border-radius:var(--radius-sm);background:var(--feel-bg);min-height:34px;color:var(--feel-ink);padding:0 .65rem;font-size:.86rem}.color-feel__badge,.color-feel__chip{border-radius:999px;align-items:center;min-height:24px;padding:0 .55rem;font-size:.72rem;font-weight:540;display:inline-flex}.color-feel__badge--primary{background:var(--feel-primary);color:var(--feel-primary-fg)}.color-feel__badge--accent{background:var(--feel-accent);color:var(--feel-accent-fg)}.color-feel__badge--muted{background:var(--feel-muted-bg);color:var(--feel-muted)}.color-feel__chip{border:1px solid var(--feel-border);background:var(--feel-surface);color:var(--feel-ink)}.color-feel__chip.is-on{background:var(--feel-accent);border-color:var(--feel-accent);color:var(--feel-accent-fg)}@media (max-width:900px){.color-book__strip{grid-template-columns:repeat(2,minmax(0,1fr))}.color-sample__ramp{grid-template-columns:repeat(4,minmax(0,1fr))}.color-sample__hero{min-height:8.5rem}}@media (max-width:640px){.color-sample__ramp{grid-template-columns:repeat(3,minmax(0,1fr))}.color-sample__chip-hex{display:none}}.playground{border-top:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:0 0 16px 16px;margin-top:.25rem;overflow:hidden}.playground__bar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1.25rem 1.5rem 1rem;display:flex}.playground__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.7rem}.playground__title{letter-spacing:-.03em;margin:.2rem 0 0;font-size:1.35rem;font-weight:600}.playground__note{color:var(--muted);text-align:right;margin:0;font-size:.82rem}.playground__stage{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.playground-hero{border:1px solid var(--line);background:#fff;border-radius:16px;padding:2rem 1.75rem}.playground-hero__brand{letter-spacing:-.02em;color:var(--accent);margin:0;font-size:.85rem;font-weight:650}.playground-hero__headline{letter-spacing:-.04em;max-width:16ch;margin:.55rem 0 0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.1}.playground-hero__body{max-width:48ch;color:var(--muted);margin:.75rem 0 0;font-size:1rem;line-height:1.5}.playground-hero__actions{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;display:flex}.playground-btn{letter-spacing:-.01em;border:1px solid #0000;border-radius:9px;align-items:center;gap:.4rem;padding:.55rem .95rem;font-size:.85rem;font-weight:550;display:inline-flex}.playground-btn--primary{background:var(--ink);color:#fff}.playground-btn--secondary{background:var(--chip);color:var(--ink);border-color:var(--line)}.playground-btn--ghost{color:var(--ink);border-color:var(--line);background:0 0}.playground-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.playground-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:1rem 1.05rem}.playground-card h4{letter-spacing:-.01em;margin:0;font-size:.9rem;font-weight:600}.playground-card p{color:var(--muted);margin:.4rem 0 0;font-size:.85rem;line-height:1.45}.playground-nav{flex-direction:column;gap:.35rem;margin-top:.85rem;display:flex}.playground-nav__item{letter-spacing:-.01em;border-radius:8px;align-items:center;gap:.55rem;padding:.45rem .55rem;font-size:.85rem;display:inline-flex}.playground-nav__item:first-child{background:var(--chip)}.playground-icon-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin-top:.85rem;display:grid}.playground-icon-tile{aspect-ratio:1;border:1px solid var(--line);color:var(--ink);background:#f7f7f7;border-radius:12px;place-items:center;display:grid}@media (max-width:900px){.playground-grid{grid-template-columns:1fr}.playground__bar{flex-direction:column;align-items:flex-start}.playground__note{text-align:left}.icon-detail__grid{grid-template-columns:1fr}}.playground-workspace{border-top:0;grid-template-columns:1fr;align-items:start;gap:0;min-height:0;margin-top:0;display:grid}.playground-controls{border-right:0;border-bottom:1px solid var(--line);box-sizing:border-box;background:0 0;flex-direction:column;gap:.75rem;width:100%;max-height:none;padding:0 0 .85rem;display:flex;position:relative;overflow:visible}.playground-controls__row{align-items:flex-end;gap:.75rem;width:100%;min-width:0;display:flex}.playground-controls__row--toolbar{flex-wrap:wrap;align-items:flex-end}.playground-controls__row--previews{align-items:stretch}.playground-controls__row--actions{justify-content:flex-start;align-items:center}.playground-controls__group{flex-direction:column;gap:.28rem;min-width:0;display:flex}.playground-controls__group--style{flex:220px;max-width:320px}.playground-controls__label{letter-spacing:.01em;color:var(--muted);font-size:.68rem;font-weight:600;line-height:1.2}.playground-controls__select{min-height:34px}.playground-controls .segmented--compact .segmented__btn{gap:.35rem;min-height:34px;padding-inline:.55rem;font-size:.78rem}.playground-preview-gallery{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:100%;display:grid}.playground-preview-card{text-align:left;width:100%;min-width:0;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:stretch;gap:.4rem;padding:.35rem;transition:border-color .15s,background-color .15s;display:flex}.playground-preview-card:hover{border-color:var(--line);background:#fafafa}.playground-preview-card.is-active{border-color:var(--accent-border);background:var(--accent-tint)}.playground-preview-card__media{aspect-ratio:16/10;border:1px solid var(--line);background:#f4f5f7;border-radius:8px;width:100%;display:block;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.playground-preview-card.is-active .playground-preview-card__media{border-color:var(--accent-border);box-shadow:none}.playground-preview-card__check{z-index:2;background:var(--accent);color:#fff;border-radius:999px;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 1px 2px #2f6fed47}.playground-preview-card__copy{flex-direction:column;gap:1px;min-width:0;padding:0 .15rem .1rem;display:flex}.playground-preview-card__copy strong{letter-spacing:-.015em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;overflow:hidden}.playground-preview-card__copy em{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.68rem;font-style:normal;line-height:1.3;display:-webkit-box;overflow:hidden}.playground-control-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px;display:flex}.pg-thumb{color:#2f6fed;background:#fff;flex-direction:column;width:100%;height:100%;font-size:0;display:flex;overflow:hidden}.pg-thumb__chrome{background:#f3f4f6;border-bottom:1px solid #ebebeb;align-items:center;gap:3px;padding:5px 7px 4px;display:flex}.pg-thumb__dot{background:#d1d5db;border-radius:50%;width:4px;height:4px}.pg-thumb__pill{background:#e5e7eb;border-radius:999px;width:28%;height:5px}.pg-thumb__pill--sm{width:14%;margin-left:auto}.pg-thumb__body{flex:1;min-height:0;display:flex}.pg-thumb__body--stack{flex-direction:column;gap:5px;padding:6px}.pg-thumb__rail{background:#f8f9fb;border-right:1px solid #eef0f3;flex-direction:column;gap:4px;width:14%;min-width:12px;padding:6px 4px;display:flex}.pg-thumb__rail--wide{width:22%}.pg-thumb__rail i{background:#e5e7eb;border-radius:3px;height:5px;display:block}.pg-thumb__rail i.is-on{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.pg-thumb__rail i.is-on{background:color-mix(in srgb, var(--accent) 35%, #e5e7eb)}}.pg-thumb__main{flex-direction:column;flex:1;gap:5px;min-width:0;padding:6px;display:flex}.pg-thumb__kpis{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.pg-thumb__kpis span{background:#f8f9fb;border:1px solid #eef0f3;border-radius:4px;flex-direction:column;gap:3px;padding:4px;display:flex}.pg-thumb__kpis b,.pg-thumb__heading b,.pg-thumb__setting b,.pg-thumb__auth-brand b,.pg-thumb__auth-title,.pg-thumb__hero-copy b,.pg-thumb__phone-header b{background:#d1d5db;border-radius:2px;width:55%;height:5px;display:block}.pg-thumb__kpis em,.pg-thumb__heading em,.pg-thumb__setting em,.pg-thumb__auth-brand em,.pg-thumb__auth-meta,.pg-thumb__hero-copy em{background:#e5e7eb;border-radius:2px;width:80%;height:3px;display:block}.pg-thumb__kpis b{background:#9ca3af;width:42%;height:7px}.pg-thumb__panel{flex:1;grid-template-columns:1.2fr .8fr;gap:4px;min-height:0;display:grid}.pg-thumb__bars{background:#f8f9fb;border:1px solid #eef0f3;border-radius:4px;align-items:flex-end;gap:3px;padding:5px 5px 4px;display:flex}.pg-thumb__bars i{background:var(--accent);border-radius:2px 2px 0 0;flex:1}@supports (color:color-mix(in lab, red, red)){.pg-thumb__bars i{background:color-mix(in srgb, var(--accent) 55%, #c7d7f8)}}.pg-thumb__rows{background:#fff;border:1px solid #eef0f3;border-radius:4px;flex-direction:column;gap:3px;padding:4px;display:flex}.pg-thumb__rows i{background:#f3f4f6;border-radius:2px;height:6px;display:block}.pg-thumb__metrics{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.pg-thumb__metrics span{background:#fff;border:1px solid #eef0f3;border-radius:4px;flex-direction:column;gap:3px;padding:4px;display:flex}.pg-thumb__metrics em{background:#e5e7eb;border-radius:2px;width:70%;height:3px}.pg-thumb__metrics b{background:#9ca3af;border-radius:2px;width:45%;height:7px}.pg-thumb__chart{min-height:0;color:var(--accent);background:#fafbfc;border:1px solid #eef0f3;border-radius:4px;flex:1;padding:4px 6px}.pg-thumb__chart svg{width:100%;height:100%;display:block}.pg-thumb__split{grid-template-columns:1fr 1fr;gap:4px;display:grid}.pg-thumb__split i{background:#f3f4f6;border:1px solid #eef0f3;border-radius:3px;height:14px}.pg-thumb__heading{flex-direction:column;gap:3px;margin-bottom:2px;display:flex}.pg-thumb__heading b{background:#9ca3af;width:40%;height:6px}.pg-thumb__setting{background:#fff;border:1px solid #eef0f3;border-radius:4px;justify-content:space-between;align-items:center;gap:6px;padding:4px 5px;display:flex}.pg-thumb__setting span{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pg-thumb__setting b{width:58%}.pg-thumb__setting em{width:78%}.pg-thumb__toggle{background:#e5e7eb;border-radius:999px;flex-shrink:0;width:14px;height:8px;position:relative}.pg-thumb__toggle:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:1px;left:1px;box-shadow:0 0 1px #00000026}.pg-thumb__toggle.is-on{background:var(--accent)}.pg-thumb__toggle.is-on:after{left:auto;right:1px}.pg-thumb--auth{flex-direction:row}.pg-thumb__auth-brand{background:linear-gradient(160deg,#1e3a5f 0%,#2f6fed 100%);flex-direction:column;justify-content:center;gap:4px;width:42%;padding:10px 8px;display:flex}.pg-thumb__auth-brand i{background:#ffffffd9;border-radius:3px;width:10px;height:10px;margin-bottom:4px}.pg-thumb__auth-brand b,.pg-thumb__auth-brand em{background:#ffffff8c}.pg-thumb__auth-brand b{width:70%;height:5px}.pg-thumb__auth-brand em{background:#ffffff47;width:90%;height:3px}.pg-thumb__auth-form{background:#fff;flex-direction:column;flex:1;justify-content:center;gap:5px;padding:10px 9px;display:flex}.pg-thumb__auth-title{background:#9ca3af;width:48%;height:6px;margin-bottom:2px}.pg-thumb__field{background:#fafafa;border:1px solid #e5e7eb;border-radius:3px;height:10px;display:block}.pg-thumb__cta{background:var(--accent);border-radius:3px;height:10px;margin-top:1px;display:block}.pg-thumb__auth-meta{background:#e5e7eb;width:55%;margin:0 auto}.pg-thumb--marketing{background:#fafbfc}.pg-thumb__nav{background:#fff;border-bottom:1px solid #eef0f3;align-items:center;gap:6px;padding:5px 7px;display:flex}.pg-thumb__nav>i{background:#d1d5db;border-radius:3px;flex-shrink:0;width:10px;height:10px}.pg-thumb__nav>span{flex:1;gap:4px;display:flex}.pg-thumb__nav>span em{background:#e5e7eb;border-radius:2px;width:12px;height:3px}.pg-thumb__nav>b{background:var(--accent);border-radius:3px;flex-shrink:0;width:18px;height:7px}.pg-thumb__hero{flex:1;grid-template-columns:.95fr 1.05fr;gap:6px;min-height:0;padding:7px;display:grid}.pg-thumb__hero-copy{flex-direction:column;justify-content:center;gap:4px;display:flex}.pg-thumb__hero-copy b{background:#6b7280;width:88%;height:7px}.pg-thumb__hero-copy em{width:72%}.pg-thumb__hero-copy span{gap:3px;margin-top:2px;display:flex}.pg-thumb__hero-copy span i{background:var(--accent);border-radius:3px;width:22px;height:7px}.pg-thumb__hero-copy span i:last-child{background:#e5e7eb}.pg-thumb__hero-visual{align-items:flex-end;min-height:0;display:flex}.pg-thumb__window{background:#fff;border:1px solid #e5e7eb;border-bottom:0;border-radius:5px 5px 0 0;width:100%;height:92%;overflow:hidden;box-shadow:0 4px 10px #0f172a0f}.pg-thumb__window-bar{background:#f3f4f6;border-bottom:1px solid #eef0f3;gap:2px;padding:4px 5px;display:flex}.pg-thumb__window-bar i{background:#d1d5db;border-radius:50%;width:3px;height:3px}.pg-thumb__window-body{flex-direction:column;gap:3px;padding:5px;display:flex}.pg-thumb__window-body em{background:#e5e7eb;border-radius:2px;width:70%;height:3px}.pg-thumb__window-body em:nth-child(2){width:55%}.pg-thumb__window-body span{background:linear-gradient(135deg, var(--accent), #eef3fc);border-radius:3px;height:18px;margin-top:2px}@supports (color:color-mix(in lab, red, red)){.pg-thumb__window-body span{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 18%, #fff), #eef3fc)}}.pg-thumb--mobile{background:linear-gradient(#f3f4f6 0%,#eef0f3 100%);justify-content:center;align-items:center;padding:4px 0}.pg-thumb__phone{background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;flex-direction:column;width:42%;max-width:48px;height:96%;display:flex;overflow:hidden;box-shadow:0 2px 6px #0f172a14}.pg-thumb__notch{background:#e5e7eb;border-radius:999px;width:28%;height:3px;margin:3px auto 0}.pg-thumb__phone-body{flex-direction:column;flex:1;gap:3px;min-height:0;padding:5px 4px 3px;display:flex}.pg-thumb__phone-header{justify-content:space-between;align-items:center;margin-bottom:1px;display:flex}.pg-thumb__phone-header b{background:#9ca3af;width:40%;height:4px}.pg-thumb__phone-header i{background:#e5e7eb;border-radius:50%;width:6px;height:6px}.pg-thumb__phone-card{background:#f3f4f6;border:1px solid #eef0f3;border-radius:3px;height:10px}.pg-thumb__phone-card.is-lg{background:linear-gradient(160deg, var(--accent), #f8fafc);flex:1;min-height:16px}@supports (color:color-mix(in lab, red, red)){.pg-thumb__phone-card.is-lg{background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 22%, #fff), #f8fafc)}}.pg-thumb__tabbar{background:#fafafa;border-top:1px solid #eef0f3;justify-content:space-around;align-items:center;padding:3px 2px 4px;display:flex}.pg-thumb__tabbar i{background:#e5e7eb;border-radius:50%;width:5px;height:5px}.pg-thumb__tabbar i.is-on{background:var(--accent)}@media (max-width:1100px){.playground-preview-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.playground-controls__row--toolbar{flex-direction:column;align-items:stretch;gap:.55rem}.playground-controls__group--style{flex:auto;max-width:none}.playground-preview-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.playground-preview-gallery{grid-template-columns:1fr}}.pg-sidebar-section{flex-direction:column;gap:.85rem;min-width:0;display:flex}.pg-sidebar-section__title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.72rem;font-weight:650}.pg-sidebar-field{flex-direction:column;gap:.35rem;min-width:0;display:flex}.playground-controls .input-shell{background:#fff;border:1px solid #e8e8e8;border-radius:8px;align-items:center;min-height:36px;padding:0 .65rem;display:flex}.playground-controls .input-shell select,.playground-rename input{background:0 0;border:0;outline:none;width:100%;font-size:.9rem;font-weight:500}.playground-config-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin-top:.45rem;display:grid}.playground-config-actions .btn-secondary,.playground-rename .btn-primary{justify-content:center;align-items:center;gap:.3rem;min-height:34px;font-size:.78rem;display:inline-flex}.playground-config-actions .btn-secondary svg,.playground-rename .btn-primary svg{width:13px;height:13px}.playground-config-actions__wide{grid-column:1/-1}.playground-rename{gap:.35rem;margin-top:.45rem;display:flex}.playground-rename input{background:#fff;border:1px solid #e8e8e8;border-radius:8px;flex:1;min-height:34px;padding:0 .65rem}.playground-screen-group{flex-direction:column;gap:.35rem;margin-top:.55rem;display:flex}.playground-screen-group__label{letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin:0;font-size:.68rem}.playground-screen-list{flex-direction:column;gap:.2rem;display:flex}.playground-screen-btn{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:flex-start;gap:.1rem;width:100%;padding:.5rem .6rem;display:flex}.playground-screen-btn span{color:var(--ink);font-size:.84rem;font-weight:560}.playground-screen-btn em{color:var(--faint);font-size:.72rem;font-style:normal;line-height:1.3}.playground-screen-btn:hover{background:#fff;border-color:#e8e8e8}.playground-screen-btn.is-active{background:#fff;border-color:#d8d8d8;box-shadow:0 1px 2px #0000000a}.playground-controls .section-hint{color:var(--faint);margin:.35rem 0 0;font-size:.75rem;line-height:1.4}.playground-stage-wrap{background:0 0;flex-direction:column;gap:.75rem;min-width:0;min-height:calc(100dvh - 8rem);padding:1rem 0;display:flex}.playground-stage{border:1px solid var(--line);background:var(--play-bg,#f5f6fa);border-radius:14px;flex:1;justify-content:center;align-items:stretch;min-height:640px;display:flex;overflow:auto}.playground-stage__frame{width:100%;max-width:var(--pg-viewport-max,100%);min-width:0;min-height:100%;overflow:hidden}.playground-stage--viewport-desktop .playground-stage__frame{max-width:100%}.playground-stage--viewport-tablet{background:linear-gradient(#f3f4f6 0%,#eceef2 100%);padding:1.25rem 1rem}.playground-stage--viewport-tablet .playground-stage__frame{border:1px solid var(--line);background:var(--play-bg,#f5f6fa);border-radius:16px;max-width:min(820px,100%);overflow:hidden;box-shadow:0 10px 30px #0f172a0f}.playground-stage--mobile,.playground-stage--viewport-mobile{background:radial-gradient(1200px 480px at 50% 0%, var(--play-primary), transparent 60%), #eef0f4;place-items:center;padding:1.75rem 1rem;display:grid}@supports (color:color-mix(in lab, red, red)){.playground-stage--mobile,.playground-stage--viewport-mobile{background:radial-gradient(1200px 480px at 50% 0%, color-mix(in srgb, var(--play-primary) 10%, transparent), transparent 60%), #eef0f4}}.playground-stage--mobile .playground-stage__frame,.playground-stage--viewport-mobile .playground-stage__frame{background:var(--play-bg,#f5f6fa);border:1px solid #0f172a1f;border-radius:28px;width:min(390px,100%);max-width:390px;min-height:720px;overflow:hidden;box-shadow:0 1px 2px #0f172a0f,0 18px 40px #0f172a1f}.pg-chrome{grid-template-columns:var(--pg-sidebar-w,232px) minmax(0, 1fr);background:var(--play-bg);width:100%;max-width:100%;min-height:640px;color:var(--play-ink);display:grid;overflow:hidden}.pg-chrome--no-sidebar,.pg-chrome--mobile,.pg-chrome--viewport-tablet,.pg-chrome--viewport-mobile{grid-template-columns:minmax(0,1fr)}.pg-chrome--viewport-tablet .pg-sidebar,.pg-chrome--viewport-mobile .pg-sidebar{display:none}.pg-sidebar{gap:var(--pg-gap);padding:var(--pg-pad);border-right:1px solid var(--play-border);background:var(--play-surface);flex-direction:column;display:flex}.pg-sidebar--floating{border:1px solid var(--play-border);border-radius:calc(var(--pg-radius) + 4px);background:var(--play-surface);box-shadow:var(--pg-elevation,0 1px 2px #0000000a);margin:.75rem 0 .75rem .75rem}.pg-sidebar--solid{background:var(--play-surface)}.pg-sidebar--minimal{background:0 0;align-items:center}.pg-sidebar__brand{font-family:var(--pg-font-display);font-weight:var(--pg-weight-display);font-size:var(--pg-size-h4);letter-spacing:-.02em;align-items:center;gap:.45rem;display:inline-flex}.pg-sidebar__mark{border-radius:calc(var(--pg-radius) - 4px);background:var(--play-primary);width:1.7rem;height:1.7rem;color:var(--play-primary-fg);place-items:center;font-size:.8rem;font-weight:700;display:grid}.pg-sidebar__nav{flex-direction:column;gap:.15rem;display:flex}.pg-sidebar__item{border-radius:calc(var(--pg-radius) - 4px);color:var(--play-muted);font-size:var(--pg-size-small);align-items:center;gap:.5rem;padding:.45rem .55rem;display:inline-flex}.pg-sidebar__item.is-active{background:var(--play-primary);color:var(--play-primary-fg)}.pg-sidebar__cta{margin-top:auto}.pg-main{flex-direction:column;min-width:0;max-width:100%;display:flex;overflow:hidden}.pg-topnav{padding:.65rem calc(var(--pg-pad) * 1.2);border-bottom:1px solid var(--play-border);background:var(--play-surface);align-items:center;gap:1rem;display:flex}.pg-topnav__links{font-size:var(--pg-size-small);color:var(--play-muted);flex:1;align-items:center;gap:.85rem;display:flex}.pg-topnav__links .is-active{color:var(--play-ink);font-weight:560}.pg-topnav__spacer{width:.5rem}.pg-topbar{padding:var(--pg-pad) calc(var(--pg-pad) * 1.2);background:var(--play-surface);border-bottom:1px solid var(--play-border);justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.pg-eyebrow{font-size:var(--pg-size-caption);letter-spacing:.06em;text-transform:uppercase;color:var(--play-muted);font-family:var(--pg-font-mono);margin:0}.pg-title{font-family:var(--pg-font-display);font-weight:var(--pg-weight-display);font-size:var(--pg-size-h2);letter-spacing:-.03em;margin:.2rem 0 0;line-height:1.15}.pg-topbar__actions{align-items:center;gap:.4rem;display:flex}.pg-icon-btn,.pg-avatar{border-radius:calc(var(--pg-radius) - 4px);border:1px solid var(--play-border);background:var(--play-surface);width:2rem;height:2rem;color:var(--play-muted);place-items:center;display:grid}.pg-avatar{background:var(--play-primary);color:var(--play-primary-fg);border-color:#0000;font-size:.75rem;font-weight:650}.pg-avatar--lg{border-radius:999px;width:3.25rem;height:3.25rem;font-size:.95rem}.pg-avatar--sm{border-radius:999px;width:1.7rem;height:1.7rem;font-size:.62rem}.pg-content{padding:var(--pg-pad) calc(var(--pg-pad) * 1.2);gap:var(--pg-gap);flex-direction:column;min-width:0;display:flex;overflow-x:hidden}.pg-card{background:var(--play-surface);border-radius:var(--pg-radius);padding:var(--pg-pad)}.pg-chrome--card-outline .pg-card,.pg-marketing.pg-chrome--card-outline .pg-card,.pg-auth.pg-chrome--card-outline .pg-card,.pg-phone.pg-chrome--card-outline .pg-card,.pg-chrome--card-elevated .pg-card,.pg-marketing.pg-chrome--card-elevated .pg-card,.pg-auth.pg-chrome--card-elevated .pg-card,.pg-phone.pg-chrome--card-elevated .pg-card{border:1px solid var(--play-border)}@supports (color:color-mix(in lab, red, red)){.pg-chrome--card-elevated .pg-card,.pg-marketing.pg-chrome--card-elevated .pg-card,.pg-auth.pg-chrome--card-elevated .pg-card,.pg-phone.pg-chrome--card-elevated .pg-card{border:1px solid color-mix(in srgb, var(--play-border) 70%, transparent)}}.pg-chrome--card-elevated .pg-card,.pg-marketing.pg-chrome--card-elevated .pg-card,.pg-auth.pg-chrome--card-elevated .pg-card,.pg-phone.pg-chrome--card-elevated .pg-card{box-shadow:var(--pg-elevation,0 1px 2px #0000000a, 0 8px 20px #0000000a)}.pg-chrome--card-flat .pg-card,.pg-marketing.pg-chrome--card-flat .pg-card,.pg-auth.pg-chrome--card-flat .pg-card,.pg-phone.pg-chrome--card-flat .pg-card{background:var(--play-surface-muted);box-shadow:none;border:0}.pg-card__head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.pg-card__head h4,.pg-profile__hero h4,.pg-empty h4,.pg-plan h4,.pg-phone__profile h4,.pg-modal__head h4{font-family:var(--pg-font-display);font-size:var(--pg-size-h4);font-weight:var(--pg-weight-display);letter-spacing:-.02em;margin:0}.pg-badge{background:var(--play-surface-muted);color:var(--play-muted);font-size:var(--pg-size-caption);border:1px solid var(--play-border);border-radius:999px;align-items:center;padding:.15rem .45rem;display:inline-flex}.pg-badge--accent{background:var(--play-primary)}@supports (color:color-mix(in lab, red, red)){.pg-badge--accent{background:color-mix(in srgb, var(--play-primary) 12%, transparent)}}.pg-badge--accent{color:var(--play-primary);border-color:#0000}.pg-badge--success{color:var(--play-success)}.pg-badge--warning{color:var(--play-warning)}.pg-btn{border-radius:calc(var(--pg-radius) - 4px);font-size:var(--pg-size-small);letter-spacing:-.01em;cursor:default;border:1px solid #0000;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .85rem;font-weight:560;display:inline-flex}.pg-btn--sm{font-size:var(--pg-size-caption);padding:.35rem .65rem}.pg-btn--primary{background:var(--play-primary);color:var(--play-primary-fg)}.pg-btn--secondary{background:var(--play-surface);color:var(--play-ink);border-color:var(--play-border)}.pg-btn--ghost{color:var(--play-muted);background:0 0;border-color:#0000}.pg-btn--danger{background:var(--play-warning)}@supports (color:color-mix(in lab, red, red)){.pg-btn--danger{background:color-mix(in srgb, var(--play-warning) 14%, transparent)}}.pg-btn--danger{color:var(--play-ink)}.pg-chrome--btn-soft .pg-btn--primary{background:var(--play-primary)}@supports (color:color-mix(in lab, red, red)){.pg-chrome--btn-soft .pg-btn--primary{background:color-mix(in srgb, var(--play-primary) 16%, var(--play-surface))}}.pg-chrome--btn-soft .pg-btn--primary{color:var(--play-primary);border-color:#0000}.pg-chrome--btn-outline .pg-btn--primary{color:var(--play-primary);border-color:var(--play-primary);background:0 0}.pg-chrome--btn-ghost .pg-btn--primary{color:var(--play-primary);background:0 0;border-color:#0000}.pg-chrome--input-filled .pg-input,.pg-chrome--input-filled .pg-select,.pg-chrome--input-filled .pg-search{background:var(--play-surface-muted,#f3f4f6);border-color:#0000}.pg-chrome--input-underline .pg-input,.pg-chrome--input-underline .pg-select,.pg-chrome--input-underline .pg-search{background:0 0;border-width:0 0 1px;border-radius:0}.pg-chrome--tabs-pill .pg-tabs,.pg-chrome--tabs-pill .pg-topnav__links{gap:.25rem}.pg-chrome--tabs-pill .pg-tabs__item,.pg-chrome--tabs-pill .pg-topnav__links span{background:0 0;border-radius:999px;padding:.35rem .7rem}.pg-chrome--tabs-pill .pg-tabs__item.is-active,.pg-chrome--tabs-pill .pg-topnav__links .is-active{background:var(--play-primary)}@supports (color:color-mix(in lab, red, red)){.pg-chrome--tabs-pill .pg-tabs__item.is-active,.pg-chrome--tabs-pill .pg-topnav__links .is-active{background:color-mix(in srgb, var(--play-primary) 12%, transparent)}}.pg-chrome--tabs-pill .pg-tabs__item.is-active,.pg-chrome--tabs-pill .pg-topnav__links .is-active{color:var(--play-primary)}.pg-chrome--tabs-segmented .pg-tabs,.pg-chrome--tabs-segmented .pg-topnav__links{background:var(--play-surface-muted,#f3f4f6);border:1px solid var(--play-border);border-radius:10px;padding:.2rem;display:inline-flex}.pg-chrome--tabs-segmented .pg-tabs__item,.pg-chrome--tabs-segmented .pg-topnav__links span{border-radius:8px;padding:.35rem .7rem}.pg-chrome--tabs-segmented .pg-tabs__item.is-active,.pg-chrome--tabs-segmented .pg-topnav__links .is-active{background:var(--play-surface);color:var(--play-ink);box-shadow:0 1px 2px #0f172a0f}.pg-chrome--chart-line .pg-sales-chart__plot{background:0 0}.pg-chrome--chart-line .pg-sales-chart__plot .pg-line{opacity:1}.pg-chrome--chart-bars .pg-sales-chart__plot{background:0 0}.pg-chrome--chart-bars .pg-sales-chart__plot .pg-line path,.pg-chrome--chart-bars .pg-sales-chart__plot .pg-line{opacity:.35}.pg-chrome--viewport-tablet .pg-topnav__links,.pg-chrome--viewport-mobile .pg-topnav__links{scrollbar-width:none;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.pg-chrome--viewport-tablet .pg-deals__head,.pg-chrome--viewport-tablet .pg-deals__row,.pg-chrome--viewport-mobile .pg-deals__head,.pg-chrome--viewport-mobile .pg-deals__row{grid-template-columns:1.2fr .7fr .8fr}.pg-chrome--viewport-tablet .pg-deals__head span:nth-child(2),.pg-chrome--viewport-tablet .pg-deals__head span:nth-child(3),.pg-chrome--viewport-tablet .pg-deals__head span:nth-child(4),.pg-chrome--viewport-tablet .pg-deals__row span:nth-child(2),.pg-chrome--viewport-tablet .pg-deals__row span:nth-child(3),.pg-chrome--viewport-tablet .pg-deals__row span:nth-child(4),.pg-chrome--viewport-mobile .pg-deals__head span:nth-child(2),.pg-chrome--viewport-mobile .pg-deals__head span:nth-child(3),.pg-chrome--viewport-mobile .pg-deals__head span:nth-child(4),.pg-chrome--viewport-mobile .pg-deals__row span:nth-child(2),.pg-chrome--viewport-mobile .pg-deals__row span:nth-child(3),.pg-chrome--viewport-mobile .pg-deals__row span:nth-child(4){display:none}.pg-chrome--viewport-tablet .pg-kpis,.pg-chrome--viewport-mobile .pg-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-chrome--viewport-mobile .pg-kpis,.pg-chrome--viewport-tablet .pg-split,.pg-chrome--viewport-mobile .pg-split{grid-template-columns:1fr}.pg-chrome--viewport-mobile{min-height:720px}.pg-chrome--viewport-mobile .pg-content{padding:calc(var(--pg-pad) * .95)}.pg-link{color:var(--play-primary);font:inherit;cursor:default;background:0 0;border:0;padding:0}.pg-kpis{gap:var(--pg-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pg-kpi__label{color:var(--play-muted);font-size:var(--pg-size-caption);margin:0}.pg-kpi__value{font-family:var(--pg-font-display);font-size:var(--pg-size-h3);font-weight:var(--pg-weight-display);letter-spacing:-.03em;margin:.25rem 0 0}.pg-kpi__delta{font-size:var(--pg-size-caption);margin:.25rem 0 0}.pg-kpi__delta--success{color:var(--play-success)}.pg-kpi__delta--warning{color:var(--play-warning)}.pg-kpi__delta--accent{color:var(--play-accent)}.pg-split{gap:var(--pg-gap);grid-template-columns:1.15fr .85fr;display:grid}.pg-bars{align-items:flex-end;gap:.4rem;height:120px;display:flex}.pg-bar{background:var(--play-primary);opacity:.82;border-radius:4px 4px 1px 1px;flex:1}.pg-rows{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.pg-rows li{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.pg-rows strong{font-size:var(--pg-size-small);display:block}.pg-rows em{font-style:normal;font-family:var(--pg-font-mono);font-size:var(--pg-size-caption);color:var(--play-muted)}.pg-status{font-size:var(--pg-size-caption);color:var(--play-accent);margin-top:.15rem;display:inline-flex}.pg-line{height:140px}.pg-line svg{width:100%;height:100%}.pg-funnel{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.pg-funnel li{flex-direction:column;gap:.25rem;display:flex}.pg-funnel__bar{background:var(--play-secondary,var(--play-accent));border-radius:999px;height:6px}.pg-funnel strong{font-size:var(--pg-size-small)}.pg-funnel em{color:var(--play-muted);font-style:normal;font-size:var(--pg-size-caption)}.pg-table-wrap{overflow:auto}.pg-toolbar{flex-wrap:wrap;gap:.5rem;display:flex}.pg-table{border-collapse:collapse;width:100%;font-size:var(--pg-size-small)}.pg-table th,.pg-table td{text-align:left;border-bottom:1px solid var(--play-border);padding:.65rem .5rem}.pg-table th{color:var(--play-muted);font-weight:540;font-size:var(--pg-size-caption)}.pg-settings{gap:var(--pg-gap);grid-template-columns:160px minmax(0,1fr);display:grid}.pg-settings__nav{flex-direction:column;gap:.2rem;display:flex}.pg-settings__nav span{border-radius:calc(var(--pg-radius) - 4px);font-size:var(--pg-size-small);color:var(--play-muted);padding:.45rem .55rem}.pg-settings__nav .is-active{background:var(--play-surface-muted);color:var(--play-ink)}.pg-settings__body,.pg-form-grid{gap:var(--pg-gap);flex-direction:column;max-width:560px;display:flex}.pg-form-layout{gap:var(--pg-gap);grid-template-columns:minmax(0,1.1fr) minmax(240px,.7fr);align-items:start;display:grid}.pg-field{flex-direction:column;gap:.35rem;display:flex}.pg-field__label,.pg-field__hint{font-size:var(--pg-size-caption);color:var(--play-muted)}.pg-input,.pg-select,.pg-field input,.pg-field textarea,.pg-field select{border-radius:calc(var(--pg-radius) - 4px);border:1px solid var(--play-border);background:var(--play-surface);min-height:38px;color:var(--play-ink);font:inherit;box-sizing:border-box;width:100%;padding:.55rem .7rem}.pg-check{font-size:var(--pg-size-small);color:var(--play-ink);align-items:center;gap:.45rem;display:inline-flex}.pg-radio-row,.pg-chip-row,.pg-actions{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.pg-chip{border:1px solid var(--play-border);background:var(--play-surface);color:var(--play-muted);font-size:var(--pg-size-caption);border-radius:999px;align-items:center;padding:.28rem .65rem;display:inline-flex}.pg-chip.is-active{color:var(--play-ink);border-color:var(--play-primary)}@supports (color:color-mix(in lab, red, red)){.pg-chip.is-active{border-color:color-mix(in srgb, var(--play-primary) 35%, var(--play-border))}}.pg-chip.is-active{background:var(--play-primary)}@supports (color:color-mix(in lab, red, red)){.pg-chip.is-active{background:color-mix(in srgb, var(--play-primary) 8%, var(--play-surface))}}.pg-tabs{border:1px solid var(--play-border);border-radius:calc(var(--pg-radius) - 2px);background:var(--play-surface-muted);gap:.15rem;width:fit-content;padding:.2rem;display:inline-flex}.pg-tabs__item{border-radius:calc(var(--pg-radius) - 4px);font-size:var(--pg-size-caption);color:var(--play-muted);padding:.35rem .7rem}.pg-tabs__item.is-active{background:var(--play-surface);color:var(--play-ink);border:1px solid var(--play-border)}.pg-breadcrumbs{font-size:var(--pg-size-caption);color:var(--play-muted);flex-wrap:wrap;gap:.25rem;margin-bottom:.15rem;display:flex}.pg-breadcrumbs__sep{opacity:.55}.pg-breadcrumbs .is-current{color:var(--play-ink)}.pg-alert{border-radius:var(--pg-radius);border:1px solid var(--play-border);background:var(--play-surface);padding:.75rem .85rem}.pg-alert strong{font-size:var(--pg-size-small);display:block}.pg-alert p{color:var(--play-muted);font-size:var(--pg-size-small);margin:.2rem 0 0}.pg-alert--info{border-color:var(--play-primary)}@supports (color:color-mix(in lab, red, red)){.pg-alert--info{border-color:color-mix(in srgb, var(--play-primary) 28%, var(--play-border))}}.pg-alert--success{border-color:var(--play-success)}@supports (color:color-mix(in lab, red, red)){.pg-alert--success{border-color:color-mix(in srgb, var(--play-success) 35%, var(--play-border))}}.pg-alert--warning{border-color:var(--play-warning)}@supports (color:color-mix(in lab, red, red)){.pg-alert--warning{border-color:color-mix(in srgb, var(--play-warning) 40%, var(--play-border))}}.pg-toast{border-radius:var(--pg-radius);border:1px solid var(--play-border);background:var(--play-surface);justify-content:space-between;align-items:center;gap:1rem;max-width:360px;padding:.75rem .9rem;display:flex;box-shadow:0 8px 24px #0000000f}.pg-toast strong{font-size:var(--pg-size-small);display:block}.pg-toast p{color:var(--play-muted);font-size:var(--pg-size-caption);margin:.15rem 0 0}.pg-toast__dot{background:var(--play-primary);border-radius:999px;width:.45rem;height:.45rem}.pg-empty{text-align:center;padding:calc(var(--pg-pad) * 2.4);flex-direction:column;align-items:center;gap:.55rem;display:flex}.pg-empty__icon{border-radius:var(--pg-radius);background:var(--play-surface-muted);width:3.4rem;height:3.4rem;color:var(--play-primary);border:1px solid var(--play-border);place-items:center;display:grid}.pg-modal{border:1px dashed var(--play-border)}@supports (color:color-mix(in lab, red, red)){.pg-modal{border:1px dashed color-mix(in srgb, var(--play-border) 80%, transparent)}}.pg-modal{border-radius:calc(var(--pg-radius) + 4px);background:var(--play-bg);padding:1rem}@supports (color:color-mix(in lab, red, red)){.pg-modal{background:color-mix(in srgb, var(--play-bg) 88%, transparent)}}.pg-modal__panel{background:var(--play-surface);border:1px solid var(--play-border);border-radius:var(--pg-radius);overflow:hidden;box-shadow:0 12px 32px #00000014}.pg-modal__head,.pg-modal__foot{border-bottom:1px solid var(--play-border);justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.pg-modal__foot{border-bottom:0;border-top:1px solid var(--play-border);justify-content:flex-end}.pg-modal__body{padding:1rem}.pg-profile{gap:var(--pg-gap);flex-direction:column;display:flex}.pg-profile__hero{align-items:center;gap:.85rem;display:flex}.pg-auth{background:var(--play-bg);place-items:center;min-height:560px;padding:2rem;display:grid}.pg-auth__panel{flex-direction:column;gap:.75rem;width:min(380px,100%);display:flex}.pg-auth h3,.pg-phone__auth h3{font-family:var(--pg-font-display);font-size:var(--pg-size-h2);font-weight:var(--pg-weight-display);letter-spacing:-.03em;margin:.35rem 0 0}.pg-auth__sub{color:var(--play-muted);font-size:var(--pg-size-small);margin:0}.pg-auth__submit{width:100%}.pg-auth__alt{text-align:center;font-size:var(--pg-size-caption);color:var(--play-muted);margin:0}.pg-auth__icons{color:var(--play-muted);justify-content:center;gap:.75rem;display:flex}.pg-pricing{padding:calc(var(--pg-pad) * 1.6);gap:calc(var(--pg-gap) * 1.2);background:var(--play-bg);flex-direction:column;min-height:560px;display:flex}.pg-pricing__intro{max-width:42ch}.pg-pricing__intro h2{font-family:var(--pg-font-display);font-size:var(--pg-size-h1);font-weight:var(--pg-weight-display);letter-spacing:-.035em;margin:.35rem 0}.pg-pricing__intro p{color:var(--play-muted);margin:0}.pg-pricing__grid{gap:var(--pg-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pg-plan__head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.pg-plan__price{font-family:var(--pg-font-display);font-size:var(--pg-size-h2);font-weight:var(--pg-weight-display);letter-spacing:-.03em;margin:.55rem 0 0}.pg-plan__price span{font-size:var(--pg-size-small);color:var(--play-muted);font-family:var(--pg-font-body);font-weight:var(--pg-weight-body)}.pg-plan__desc,.pg-mkt-list{color:var(--play-muted);font-size:var(--pg-size-small);margin:.35rem 0 0}.pg-plan ul,.pg-mkt-list{flex-direction:column;gap:.4rem;margin:.85rem 0 0;padding:0;list-style:none;display:flex}.pg-plan li,.pg-mkt-list li{font-size:var(--pg-size-small);color:var(--play-muted)}.pg-plan.is-featured,.pg-card.is-featured{outline:1px solid var(--play-primary)}.pg-plan .pg-btn,.pg-card .pg-btn{margin-top:.85rem}.pg-marketing{background:radial-gradient(ellipse 80% 45% at 50% -10%, var(--play-primary), transparent 70%), var(--play-bg)}@supports (color:color-mix(in lab, red, red)){.pg-marketing{background:radial-gradient(ellipse 80% 45% at 50% -10%, color-mix(in srgb, var(--play-primary) 10%, transparent), transparent 70%), var(--play-bg)}}.pg-marketing{color:var(--play-ink);min-height:560px;overflow:hidden}.pg-mkt-nav{border-bottom:1px solid var(--play-border);align-items:center;gap:1.25rem;padding:1rem clamp(1.25rem,3vw,2.5rem);display:flex}@supports (color:color-mix(in lab, red, red)){.pg-mkt-nav{border-bottom:1px solid color-mix(in srgb, var(--play-border) 80%, transparent)}}.pg-mkt-nav{background:var(--play-bg)}@supports (color:color-mix(in lab, red, red)){.pg-mkt-nav{background:color-mix(in srgb, var(--play-bg) 82%, transparent)}}.pg-mkt-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;position:sticky;top:0}.pg-mkt-nav__brand{font-family:var(--pg-font-display);font-weight:var(--pg-weight-display);letter-spacing:-.02em;font-size:var(--pg-size-h4);align-items:center;gap:.5rem;display:inline-flex}.pg-mkt-nav nav{font-size:var(--pg-size-small);color:var(--play-muted);flex:1;gap:1.1rem;display:flex}.pg-mkt-nav__actions{align-items:center;gap:.45rem;display:flex}.pg-mkt-hero{text-align:center;flex-direction:column;align-items:center;gap:2.75rem;padding:clamp(3rem,6vw,5rem) clamp(1.25rem,3vw,2.5rem) 2.5rem;display:flex}.pg-mkt-hero__copy{max-width:46rem;margin:0 auto}.pg-mkt-hero h1{font-family:var(--pg-font-display);font-size:clamp(2.35rem,5.4vw,3.85rem);font-weight:var(--pg-weight-display);letter-spacing:-.045em;margin:.55rem 0 0;line-height:1.05}.pg-mkt-hero__lede{max-width:46ch;color:var(--play-muted);font-size:var(--pg-size-h4);margin:1.1rem auto 0;line-height:1.5}.pg-mkt-hero__actions{flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:1.5rem;display:flex}.pg-mkt-hero__actions--center{justify-content:center}.pg-mkt-hero__plane{width:min(1080px,100%);margin:0 auto;position:relative}.pg-mkt-hero__glow{background:radial-gradient(ellipse at center, var(--play-primary), transparent 72%);height:70%;position:absolute;inset:8% 4% auto}@supports (color:color-mix(in lab, red, red)){.pg-mkt-hero__glow{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--play-primary) 16%, transparent), transparent 72%)}}.pg-mkt-hero__glow{pointer-events:none}.pg-mkt-mock{border:1px solid var(--play-border);border-radius:calc(var(--pg-radius) + 6px);background:var(--play-surface);box-shadow:var(--pg-elevation,0 12px 40px #0f172a14);text-align:left;position:relative;overflow:hidden}.pg-mkt-mock__chrome{border-bottom:1px solid var(--play-border);background:var(--play-surface-muted);align-items:center;gap:.75rem;padding:.7rem .95rem;display:flex}@supports (color:color-mix(in lab, red, red)){.pg-mkt-mock__chrome{background:color-mix(in srgb, var(--play-surface-muted) 65%, var(--play-surface))}}.pg-mkt-mock__traffic{gap:.3rem;display:inline-flex}.pg-mkt-mock__traffic i{background:var(--play-border);border-radius:999px;width:.5rem;height:.5rem}.pg-mkt-mock__url{background:var(--play-surface);border:1px solid var(--play-border);min-width:0;color:var(--play-muted);font-size:var(--pg-size-caption);font-family:var(--pg-font-mono);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;flex:1;padding:.28rem .65rem;overflow:hidden}.pg-mkt-mock__shell{grid-template-columns:48px minmax(0,1fr);min-height:280px;display:grid}.pg-mkt-mock__rail{border-right:1px solid var(--play-border);background:var(--play-surface);flex-direction:column;align-items:center;gap:.55rem;padding:.85rem .45rem;display:flex}.pg-mkt-mock__mark{border-radius:calc(var(--pg-radius) - 6px);background:var(--play-primary);width:1.55rem;height:1.55rem;color:var(--play-primary-fg);place-items:center;margin-bottom:.25rem;display:grid}.pg-mkt-mock__rail i{background:var(--play-surface-muted);border-radius:5px;width:1.15rem;height:1.15rem}.pg-mkt-mock__rail i.is-on{background:var(--play-primary)}@supports (color:color-mix(in lab, red, red)){.pg-mkt-mock__rail i.is-on{background:color-mix(in srgb, var(--play-primary) 18%, transparent)}}.pg-mkt-mock__main{background:var(--play-bg);flex-direction:column;gap:.85rem;padding:.9rem;display:flex}@supports (color:color-mix(in lab, red, red)){.pg-mkt-mock__main{background:color-mix(in srgb, var(--play-bg) 70%, var(--play-surface))}}.pg-mkt-mock__main{min-width:0}.pg-mkt-mock__top{align-items:center;gap:.65rem;display:flex}.pg-mkt-mock__top strong{font-size:var(--pg-size-small);font-weight:600}.pg-mkt-mock__search{border:1px solid var(--play-border);background:var(--play-surface);min-width:0;color:var(--play-muted);font-size:var(--pg-size-caption);border-radius:999px;flex:1;padding:.35rem .7rem}.pg-mkt-mock__kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.pg-mkt-mock__kpis article{border-radius:calc(var(--pg-radius) - 4px);border:1px solid var(--play-border);padding:.7rem .75rem}@supports (color:color-mix(in lab, red, red)){.pg-mkt-mock__kpis article{border:1px solid color-mix(in srgb, var(--play-border) 75%, transparent)}}.pg-mkt-mock__kpis article{background:var(--play-surface)}.pg-mkt-mock__kpis em{color:var(--play-muted);font-style:normal;font-size:var(--pg-size-caption);display:block}.pg-mkt-mock__kpis strong{font-family:var(--pg-font-display);font-size:var(--pg-size-h4);font-weight:var(--pg-weight-display);letter-spacing:-.02em;margin-top:.2rem;display:block}.pg-mkt-mock__kpis span{color:var(--play-success);font-size:var(--pg-size-caption);margin-top:.15rem;display:block}.pg-mkt-mock__charts{grid-template-columns:1.35fr 1fr;gap:.55rem;display:grid}.pg-mkt-mock__chart{border-radius:calc(var(--pg-radius) - 4px);border:1px solid var(--play-border);padding:.7rem .75rem .55rem}@supports (color:color-mix(in lab, red, red)){.pg-mkt-mock__chart{border:1px solid color-mix(in srgb, var(--play-border) 75%, transparent)}}.pg-mkt-mock__chart{background:var(--play-surface);min-width:0}.pg-mkt-mock__chart header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.pg-mkt-mock__chart header strong{font-size:var(--pg-size-caption);font-weight:600}.pg-mkt-mock__chart .pg-line,.pg-mkt-mock__chart .pg-bars{height:96px}.pg-mkt-mock--compact .pg-mkt-mock__shell{min-height:240px}.pg-mkt-mock--compact .pg-mkt-mock__chart .pg-line,.pg-mkt-mock--compact .pg-mkt-mock__chart .pg-bars{height:84px}.pg-mkt-trust{padding:1.75rem clamp(1.25rem,3vw,2.5rem) 2.25rem}.pg-mkt-trust__label{text-align:center;color:var(--play-muted);font-size:var(--pg-size-caption);letter-spacing:.04em;text-transform:uppercase;margin:0 0 1rem}.pg-mkt-logos{color:var(--play-muted);grid-template-columns:repeat(6,minmax(0,1fr));gap:.85rem 1.25rem;padding:.25rem 0;display:grid}@supports (color:color-mix(in lab, red, red)){.pg-mkt-logos{color:color-mix(in srgb, var(--play-muted) 88%, var(--play-ink))}}.pg-mkt-logos{font-family:var(--pg-font-display);font-size:var(--pg-size-small);letter-spacing:-.02em;opacity:.72;text-align:center;font-weight:600}.pg-mkt-section{max-width:1120px;margin:0 auto;padding:clamp(3rem,6vw,4.5rem) clamp(1.25rem,3vw,2.5rem)}.pg-mkt-section__head{max-width:40ch;margin-bottom:1.75rem}.pg-mkt-section__head--center{text-align:center;max-width:44ch;margin-left:auto;margin-right:auto}.pg-mkt-section__head h2{font-family:var(--pg-font-display);font-size:clamp(1.65rem,3vw,2.15rem);font-weight:var(--pg-weight-display);letter-spacing:-.03em;margin:0;line-height:1.15}.pg-mkt-section__head p{color:var(--play-muted);margin:.55rem 0 0;line-height:1.5}.pg-mkt-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem;display:grid}.pg-mkt-feature{padding:calc(var(--pg-pad) * 1.15)}.pg-mkt-feature h3{font-family:var(--pg-font-display);font-size:var(--pg-size-h4);font-weight:var(--pg-weight-display);letter-spacing:-.02em;margin:.85rem 0 .4rem}.pg-mkt-feature p{color:var(--play-muted);font-size:var(--pg-size-small);margin:0;line-height:1.5}.pg-mkt-feature__icon{border-radius:calc(var(--pg-radius) - 2px);border:1px solid var(--play-border);background:var(--play-primary);place-items:center;width:2.35rem;height:2.35rem;display:grid}@supports (color:color-mix(in lab, red, red)){.pg-mkt-feature__icon{background:color-mix(in srgb, var(--play-primary) 10%, var(--play-surface))}}.pg-mkt-feature__icon{color:var(--play-primary)}.pg-mkt-showcase{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(1.5rem,4vw,2.75rem);max-width:1120px;display:grid}.pg-mkt-showcase__copy h2{font-family:var(--pg-font-display);font-size:clamp(1.65rem,3vw,2.15rem);font-weight:var(--pg-weight-display);letter-spacing:-.03em;margin:0;line-height:1.15}.pg-mkt-showcase__copy>p{color:var(--play-muted);max-width:38ch;margin:.75rem 0 0;line-height:1.55}.pg-mkt-showcase__bullets{flex-direction:column;gap:.85rem;margin:1.35rem 0 0;padding:0;list-style:none;display:flex}.pg-mkt-showcase__bullets li{border-left:2px solid var(--play-primary);flex-direction:column;gap:.2rem;padding-left:.85rem;display:flex}@supports (color:color-mix(in lab, red, red)){.pg-mkt-showcase__bullets li{border-left:2px solid color-mix(in srgb, var(--play-primary) 55%, transparent)}}.pg-mkt-showcase__bullets strong{font-size:var(--pg-size-small);font-weight:600}.pg-mkt-showcase__bullets span{color:var(--play-muted);font-size:var(--pg-size-small);line-height:1.45}.pg-mkt-showcase__copy .pg-mkt-hero__actions{justify-content:flex-start}.pg-mkt-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;max-width:1120px;margin:0 auto;padding:.5rem clamp(1.25rem,3vw,2.5rem) clamp(3rem,6vw,4.5rem);display:grid}.pg-mkt-stat{text-align:center;border-top:1px solid var(--play-border);padding:1.25rem .75rem}.pg-mkt-stat strong{font-family:var(--pg-font-display);font-size:clamp(1.75rem,3vw,2.35rem);font-weight:var(--pg-weight-display);letter-spacing:-.035em;line-height:1.1;display:block}.pg-mkt-stat span{color:var(--play-muted);font-size:var(--pg-size-small);margin-top:.4rem;display:block}.pg-mkt-quotes{gap:var(--pg-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pg-mkt-quote{padding:calc(var(--pg-pad) * 1.1);margin:0}.pg-mkt-quote p{font-size:var(--pg-size-small);margin:0;line-height:1.55}.pg-mkt-quote footer{font-size:var(--pg-size-caption);color:var(--play-muted);align-items:center;gap:.65rem;margin-top:1.15rem;display:flex}.pg-mkt-quote footer span:last-child{flex-direction:column;gap:.1rem;display:flex}.pg-mkt-quote footer strong{color:var(--play-ink);font-size:var(--pg-size-small)}.pg-mkt-quote footer em{font-style:normal}.pg-pricing__grid--mkt{max-width:none}.pg-mkt-faq{grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);align-items:start;gap:clamp(1.25rem,3vw,2.5rem);display:grid}.pg-mkt-faq__list{flex-direction:column;gap:.65rem;display:flex}.pg-mkt-faq__item{border:1px solid var(--play-border);border-radius:var(--pg-radius);background:var(--play-surface);padding:.95rem 1.05rem}.pg-mkt-faq__item summary{cursor:default;font-weight:560;font-size:var(--pg-size-small);list-style:none}.pg-mkt-faq__item summary::-webkit-details-marker{display:none}.pg-mkt-faq__item p{color:var(--play-muted);font-size:var(--pg-size-small);margin:.55rem 0 0;line-height:1.5}.pg-mkt-cta{border:1px solid var(--play-border);border-radius:calc(var(--pg-radius) + 6px);background:linear-gradient(180deg, var(--play-primary), var(--play-surface));margin:.5rem clamp(1.25rem,3vw,2.5rem) 2.5rem;padding:clamp(2.5rem,5vw,3.5rem) 1.5rem}@supports (color:color-mix(in lab, red, red)){.pg-mkt-cta{background:linear-gradient(180deg, color-mix(in srgb, var(--play-primary) 8%, var(--play-surface)), var(--play-surface))}}.pg-mkt-cta{text-align:center}.pg-mkt-cta h2{font-family:var(--pg-font-display);font-size:clamp(1.65rem,3vw,2.15rem);font-weight:var(--pg-weight-display);letter-spacing:-.03em;margin:0}.pg-mkt-cta p{max-width:36ch;color:var(--play-muted);margin:.55rem auto 0}.pg-mkt-cta .pg-mkt-hero__actions{margin-top:1.35rem}.pg-mkt-footer{border-top:1px solid var(--play-border);color:var(--play-muted);font-size:var(--pg-size-caption);grid-template-columns:minmax(0,1.1fr) minmax(0,1.9fr);gap:2rem 2.5rem;padding:2.5rem clamp(1.25rem,3vw,2.5rem) 1.75rem;display:grid}.pg-mkt-footer__brand p{max-width:32ch;margin:.75rem 0 0;line-height:1.5}.pg-mkt-footer__social{gap:.4rem;margin-top:1rem;display:flex}.pg-mkt-footer__cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.pg-mkt-footer__cols strong{color:var(--play-ink);font-size:var(--pg-size-small);margin-bottom:.65rem;display:block}.pg-mkt-footer__cols nav{flex-direction:column;gap:.45rem;display:flex}.pg-mkt-footer__legal{border-top:1px solid var(--play-border);grid-column:1/-1;margin:0;padding-top:.5rem}@supports (color:color-mix(in lab, red, red)){.pg-mkt-footer__legal{border-top:1px solid color-mix(in srgb, var(--play-border) 75%, transparent)}}.pg-chrome--viewport-tablet .pg-mkt-nav nav,.pg-chrome--viewport-mobile .pg-mkt-nav nav{display:none}.pg-chrome--viewport-tablet .pg-mkt-logos,.pg-chrome--viewport-mobile .pg-mkt-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.pg-chrome--viewport-tablet .pg-mkt-features,.pg-chrome--viewport-tablet .pg-mkt-quotes,.pg-chrome--viewport-tablet .pg-mkt-stats,.pg-chrome--viewport-mobile .pg-mkt-features,.pg-chrome--viewport-mobile .pg-mkt-quotes,.pg-chrome--viewport-mobile .pg-mkt-stats,.pg-chrome--viewport-tablet .pg-mkt-showcase,.pg-chrome--viewport-mobile .pg-mkt-showcase,.pg-chrome--viewport-tablet .pg-mkt-faq,.pg-chrome--viewport-mobile .pg-mkt-faq,.pg-chrome--viewport-tablet .pg-mkt-footer,.pg-chrome--viewport-mobile .pg-mkt-footer,.pg-chrome--viewport-tablet .pg-pricing__grid--mkt,.pg-chrome--viewport-mobile .pg-pricing__grid--mkt{grid-template-columns:1fr}.pg-chrome--viewport-tablet .pg-mkt-footer__cols,.pg-chrome--viewport-mobile .pg-mkt-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-chrome--viewport-mobile .pg-mkt-mock__kpis,.pg-chrome--viewport-mobile .pg-mkt-mock__charts,.pg-chrome--viewport-mobile .pg-mkt-mock__shell{grid-template-columns:1fr}.pg-chrome--viewport-mobile .pg-mkt-mock__rail{border-right:0;border-bottom:1px solid var(--play-border);flex-direction:row;justify-content:flex-start;padding:.65rem .75rem}.pg-chrome--viewport-mobile .pg-mkt-logos{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-phone{border:1px solid var(--play-border);background:var(--play-bg);border-radius:28px;flex-direction:column;width:min(390px,100%);min-height:720px;display:flex;overflow:hidden;box-shadow:0 12px 40px #00000014}.pg-phone__status{color:var(--play-muted);justify-content:space-between;align-items:center;padding:.55rem 1rem .2rem;font-size:.68rem;display:flex}.pg-phone__notch{background:var(--play-ink);border-radius:999px;width:4.5rem;height:.85rem}@supports (color:color-mix(in lab, red, red)){.pg-phone__notch{background:color-mix(in srgb, var(--play-ink) 88%, transparent)}}.pg-phone__header{border-bottom:1px solid var(--play-border);justify-content:space-between;align-items:center;padding:.55rem 1rem;display:flex}.pg-phone__body{flex-direction:column;flex:1;gap:.75rem;padding:.85rem;display:flex}.pg-phone__kpis{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.pg-phone__profile{text-align:center;flex-direction:column;align-items:center;gap:.45rem;padding:1rem .5rem;display:flex}.pg-phone__tabbar{border-top:1px solid var(--play-border);background:var(--play-surface);grid-template-columns:repeat(4,1fr);margin-top:auto;display:grid}.pg-phone__tabbar span{color:var(--play-muted);flex-direction:column;align-items:center;gap:.2rem;padding:.65rem .25rem;font-size:.65rem;display:flex}.pg-phone__tabbar span.is-active{color:var(--play-primary)}.pg-feed-item{align-items:flex-start;gap:.65rem;display:flex}.pg-phone--auth .pg-phone__auth{justify-content:center;padding-top:2rem}.pg-sidebar__section{letter-spacing:.08em;text-transform:uppercase;color:var(--play-muted);margin:.85rem 0 .35rem;padding:0 .55rem;font-size:.68rem}.pg-sidebar__footer{margin-top:auto}.pg-topbar--product{align-items:center;gap:1.25rem}.pg-topbar__left{align-items:center;gap:1rem;min-width:0;display:inline-flex}.pg-search{background:var(--play-surface-muted);min-width:min(360px,38vw);max-width:520px;color:var(--play-muted);border:1px solid #0000;border-radius:999px;flex:1;align-items:center;gap:.45rem;padding:.55rem .95rem;display:inline-flex}.pg-search input{color:var(--play-ink);font:inherit;font-size:var(--pg-size-small);background:0 0;border:0;outline:none;flex:1}.pg-icon-btn{position:relative}.pg-icon-btn--badge em{background:var(--play-danger);color:#fff;border-radius:999px;place-items:center;min-width:1rem;height:1rem;padding:0 .2rem;font-size:.62rem;font-style:normal;display:grid;position:absolute;top:-.35rem;right:-.35rem}.pg-userchip{align-items:center;gap:.45rem;display:inline-flex}.pg-userchip__meta{flex-direction:column;line-height:1.15;display:flex}.pg-userchip__meta strong{font-size:var(--pg-size-small)}.pg-userchip__meta em{font-style:normal;font-size:var(--pg-size-caption);color:var(--play-muted)}.pg-lang{font-size:var(--pg-size-small);color:var(--play-muted);align-items:center;gap:.35rem;display:inline-flex}.pg-lang__flag{background:linear-gradient(#012169 0 33%,#fff 33% 66%,#c8102e 66%);border-radius:999px;width:1.1rem;height:1.1rem}.pg-month{border:1px solid var(--play-border);background:var(--play-surface);color:var(--play-muted);font-size:var(--pg-size-caption);border-radius:6px;align-items:center;gap:.35rem;padding:.3rem .55rem;display:inline-flex}.pg-muted{color:var(--play-muted);font-size:var(--pg-size-small);margin:0}.pg-panel{overflow:hidden}.pg-kpi-grid{gap:var(--pg-gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.pg-kpi-card{background:var(--play-surface);border-radius:var(--pg-radius);padding:calc(var(--pg-pad) * 1.05);box-shadow:var(--pg-elevation);border:1px solid var(--play-border)}@supports (color:color-mix(in lab, red, red)){.pg-kpi-card{border:1px solid color-mix(in srgb, var(--play-border) 65%, transparent)}}.pg-kpi-card__top{justify-content:space-between;gap:.75rem;display:flex}.pg-kpi-card__label{color:var(--play-muted);font-size:var(--pg-size-caption);margin:0}.pg-kpi-card__value{font-family:var(--pg-font-display);font-size:var(--pg-size-h3);font-weight:var(--pg-weight-display);letter-spacing:-.03em;margin:.35rem 0 0}.pg-kpi-card__icon{background:var(--play-primary);border-radius:999px;place-items:center;width:2.4rem;height:2.4rem;display:grid}@supports (color:color-mix(in lab, red, red)){.pg-kpi-card__icon{background:color-mix(in srgb, var(--play-primary) 14%, transparent)}}.pg-kpi-card__icon{color:var(--play-primary)}.pg-kpi-card__icon--user{color:#615ef0;background:#8280ff2e}.pg-kpi-card__icon--home{color:#e66a3d;background:#f7936f33}.pg-kpi-card__icon--search{color:#1f9d62;background:#4ad9912e}.pg-kpi-card__icon--settings{color:#1a9aa5;background:#36c5d12e}.pg-kpi-card__delta{font-size:var(--pg-size-caption);margin:.75rem 0 0}.pg-kpi-card__delta--up{color:var(--play-success)}.pg-kpi-card__delta--down{color:var(--play-danger)}.pg-dash{gap:calc(var(--pg-gap) * 1.15);flex-direction:column;display:flex}.pg-dash__intro{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.25rem;display:flex}.pg-dash__title{font-family:var(--pg-font-display);font-weight:var(--pg-weight-display);font-size:var(--pg-size-h2);letter-spacing:-.03em;margin:.2rem 0 .35rem;line-height:1.15}.pg-dash__intro-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pg-dash__intro-actions .pg-select{width:auto;min-width:9.5rem}.pg-dash-overview__hint{color:var(--play-muted);font-size:var(--pg-size-caption);margin:.35rem 0 0}.pg-dash__body{gap:calc(var(--pg-gap) * 1.1);grid-template-columns:minmax(0,1fr) minmax(240px,280px);align-items:start;display:grid}.pg-dash__main,.pg-dash__side{gap:var(--pg-gap);flex-direction:column;min-width:0;display:flex}.pg-dash__charts,.pg-dash__mid{gap:var(--pg-gap);grid-template-columns:1.35fr 1fr;display:grid}.pg-dash__head-meta{align-items:center;gap:.45rem;display:inline-flex}.pg-share{flex-direction:column;gap:1rem;display:flex}.pg-share__track{background:var(--play-surface-muted);border-radius:999px;height:.7rem;display:flex;overflow:hidden}.pg-share__segment{min-width:.35rem;height:100%}.pg-share__segment:first-child,.pg-share__segment:nth-child(2){background:var(--play-primary)}@supports (color:color-mix(in lab, red, red)){.pg-share__segment:nth-child(2){background:color-mix(in srgb, var(--play-primary) 68%, var(--play-accent,#64748b))}}.pg-share__segment:nth-child(3){background:var(--play-primary)}@supports (color:color-mix(in lab, red, red)){.pg-share__segment:nth-child(3){background:color-mix(in srgb, var(--play-primary) 42%, #94a3b8)}}.pg-share__segment:nth-child(4){background:var(--play-primary)}@supports (color:color-mix(in lab, red, red)){.pg-share__segment:nth-child(4){background:color-mix(in srgb, var(--play-primary) 22%, #cbd5e1)}}.pg-share__legend{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.pg-share__legend li{font-size:var(--pg-size-small);justify-content:space-between;align-items:center;gap:.75rem;display:flex}.pg-share__legend span{color:var(--play-muted);align-items:center;gap:.45rem;display:inline-flex}.pg-share__legend strong{letter-spacing:-.01em;font-weight:600}.pg-share__legend li:first-child .pg-dot,.pg-share__legend li:nth-child(2) .pg-dot{background:var(--play-primary)}@supports (color:color-mix(in lab, red, red)){.pg-share__legend li:nth-child(2) .pg-dot{background:color-mix(in srgb, var(--play-primary) 68%, var(--play-accent,#64748b))}}.pg-share__legend li:nth-child(3) .pg-dot{background:var(--play-primary)}@supports (color:color-mix(in lab, red, red)){.pg-share__legend li:nth-child(3) .pg-dot{background:color-mix(in srgb, var(--play-primary) 42%, #94a3b8)}}.pg-share__legend li:nth-child(4) .pg-dot{background:var(--play-primary)}@supports (color:color-mix(in lab, red, red)){.pg-share__legend li:nth-child(4) .pg-dot{background:color-mix(in srgb, var(--play-primary) 22%, #cbd5e1)}}.pg-feed{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.pg-feed li{grid-template-columns:.55rem 1fr;align-items:start;gap:.75rem;display:grid}.pg-feed__mark{background:var(--play-muted);border-radius:999px;width:.55rem;height:.55rem;margin-top:.4rem}.pg-feed__mark--accent{background:var(--play-primary)}.pg-feed__mark--success{background:var(--play-success)}.pg-feed__mark--warning{background:var(--play-warning)}.pg-feed__mark--neutral{background:var(--play-muted)}@supports (color:color-mix(in lab, red, red)){.pg-feed__mark--neutral{background:color-mix(in srgb, var(--play-muted) 70%, transparent)}}.pg-feed p{font-size:var(--pg-size-small);margin:0;line-height:1.4}.pg-feed strong{font-weight:600}.pg-feed em{font-style:normal;font-size:var(--pg-size-caption);color:var(--play-muted);margin-top:.2rem;display:block}.pg-dash__table-head{flex-wrap:wrap;align-items:flex-start}.pg-dash__table-tools{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pg-search--compact{flex:0 auto;min-width:10rem;max-width:14rem;padding:.4rem .75rem}.pg-dash__table-tools .pg-select{width:auto;min-width:8.5rem}.pg-dash-customer{align-items:center;gap:.55rem;font-weight:560;display:inline-flex}.pg-dash-orders th:nth-child(4),.pg-dash-orders td:nth-child(4){font-variant-numeric:tabular-nums;font-weight:560}.pg-pagination{border-top:1px solid var(--play-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.85rem;padding-top:.85rem;display:flex}@supports (color:color-mix(in lab, red, red)){.pg-pagination{border-top:1px solid color-mix(in srgb, var(--play-border) 80%, transparent)}}.pg-pagination__controls{align-items:center;gap:.45rem;display:inline-flex}.pg-pagination__pages{align-items:center;gap:.2rem;display:inline-flex}.pg-pagination__pages em{border-radius:calc(var(--pg-radius) - 6px);min-width:1.7rem;height:1.7rem;font-style:normal;font-size:var(--pg-size-caption);color:var(--play-muted);place-items:center;padding:0 .3rem;display:grid}.pg-pagination__pages em.is-active{background:var(--play-primary);color:var(--play-primary-fg);font-weight:600}.pg-avatar-group{align-items:center;display:inline-flex}.pg-avatar-group .pg-avatar{border:2px solid var(--play-surface);box-shadow:none;margin-left:-.4rem}.pg-avatar-group .pg-avatar:first-child{margin-left:0}.pg-avatar-group__more{background:var(--play-surface-muted);min-width:1.7rem;height:1.7rem;color:var(--play-muted);font-size:var(--pg-size-caption);border-radius:999px;place-items:center;margin-left:.35rem;padding:0 .35rem;font-weight:600;display:grid}.pg-dash-components__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;margin-bottom:1rem;display:flex}.pg-dash-components__split{gap:var(--pg-gap);grid-template-columns:1fr 1fr;display:grid}.pg-dash-components .pg-empty{padding:calc(var(--pg-pad) * 1.35);border:1px dashed var(--play-border)}@supports (color:color-mix(in lab, red, red)){.pg-dash-components .pg-empty{border:1px dashed color-mix(in srgb, var(--play-border) 85%, transparent)}}.pg-dash-components .pg-empty{border-radius:var(--pg-radius);background:var(--play-surface-muted)}@supports (color:color-mix(in lab, red, red)){.pg-dash-components .pg-empty{background:color-mix(in srgb, var(--play-surface-muted) 55%, transparent)}}.pg-side-list,.pg-doc-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.pg-side-list li{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.pg-side-list strong{font-size:var(--pg-size-small);font-weight:600;display:block}.pg-side-list span{color:var(--play-muted);font-size:var(--pg-size-caption);margin-top:.15rem;line-height:1.4;display:block}.pg-side-list em{font-style:normal;font-size:var(--pg-size-caption);color:var(--play-muted);flex-shrink:0}.pg-side-list--stack li{align-items:flex-start}.pg-dash-actions{flex-direction:column;gap:.45rem;display:flex}.pg-dash-actions .pg-btn{width:100%}.pg-doc-list li{grid-template-columns:1.7rem 1fr;align-items:start;gap:.65rem;display:grid}.pg-doc-list__icon{border-radius:calc(var(--pg-radius) - 6px);background:var(--play-primary);place-items:center;width:1.7rem;height:1.7rem;display:grid}@supports (color:color-mix(in lab, red, red)){.pg-doc-list__icon{background:color-mix(in srgb, var(--play-primary) 12%, transparent)}}.pg-doc-list__icon{color:var(--play-primary)}.pg-doc-list strong{font-size:var(--pg-size-small);font-weight:600;display:block}.pg-doc-list em{font-style:normal;font-size:var(--pg-size-caption);color:var(--play-muted);margin-top:.15rem;display:block}.pg-chrome--viewport-tablet .pg-dash__body,.pg-chrome--viewport-mobile .pg-dash__body,.pg-chrome--viewport-tablet .pg-dash__charts,.pg-chrome--viewport-mobile .pg-dash__charts,.pg-chrome--viewport-tablet .pg-dash__mid,.pg-chrome--viewport-mobile .pg-dash__mid,.pg-chrome--viewport-tablet .pg-dash-components__split,.pg-chrome--viewport-mobile .pg-dash-components__split{grid-template-columns:1fr}.pg-chrome--viewport-tablet .pg-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-chrome--viewport-mobile .pg-kpi-grid{grid-template-columns:1fr}.pg-chrome--viewport-tablet .pg-dash-orders th:nth-child(3),.pg-chrome--viewport-tablet .pg-dash-orders td:nth-child(3),.pg-chrome--viewport-mobile .pg-dash-orders th:nth-child(2),.pg-chrome--viewport-mobile .pg-dash-orders td:nth-child(2),.pg-chrome--viewport-mobile .pg-dash-orders th:nth-child(3),.pg-chrome--viewport-mobile .pg-dash-orders td:nth-child(3){display:none}.pg-sales-chart{grid-template-columns:2.5rem minmax(0,1fr);gap:.5rem;min-height:220px;display:grid}.pg-sales-chart__y{color:var(--play-muted);flex-direction:column;justify-content:space-between;padding:.35rem 0;font-size:.68rem;display:flex}.pg-sales-chart__plot{border-radius:calc(var(--pg-radius) - 4px);background:repeating-linear-gradient(to top, transparent 0, transparent calc(25% - 1px), var(--play-border) calc(25% - 1px), var(--play-border) 25%);position:relative}@supports (color:color-mix(in lab, red, red)){.pg-sales-chart__plot{background:repeating-linear-gradient(to top, transparent 0, transparent calc(25% - 1px), color-mix(in srgb, var(--play-border) 80%, transparent) calc(25% - 1px), color-mix(in srgb, var(--play-border) 80%, transparent) 25%)}}.pg-sales-chart__plot{padding:.5rem .25rem 0}.pg-sales-chart__plot .pg-line{height:200px}.pg-sales-chart__tip{background:var(--play-primary);color:var(--play-primary-fg);border-radius:6px;padding:.25rem .45rem;font-size:.68rem;font-weight:600;position:absolute;top:18%;left:28%}.pg-sales-chart__x{color:var(--play-muted);grid-column:2;justify-content:space-between;margin-top:.35rem;font-size:.68rem;display:flex}.pg-deals{flex-direction:column;gap:.15rem;display:flex}.pg-deals__head,.pg-deals__row{font-size:var(--pg-size-small);grid-template-columns:1.3fr 1.4fr 1.2fr .5fr .7fr .8fr;align-items:center;gap:.75rem;padding:.7rem .85rem;display:grid}.pg-deals__head{background:var(--play-surface-muted);border-radius:calc(var(--pg-radius) - 2px);color:var(--play-ink);font-weight:700}.pg-deals__row{border-bottom:1px solid var(--play-border)}@supports (color:color-mix(in lab, red, red)){.pg-deals__row{border-bottom:1px solid color-mix(in srgb, var(--play-border) 75%, transparent)}}.pg-deals__row{color:var(--play-ink)}@supports (color:color-mix(in lab, red, red)){.pg-deals__row{color:color-mix(in srgb, var(--play-ink) 82%, transparent)}}.pg-deals__product{align-items:center;gap:.55rem;font-weight:600;display:inline-flex}.pg-deals__thumb{background:linear-gradient(135deg,#d8d8d8,#f4f4f4);border-radius:10px;width:2rem;height:2rem}.pg-status-pill{color:#fff;min-width:5.5rem;font-size:var(--pg-size-caption);border-radius:999px;justify-content:center;padding:.28rem .55rem;font-weight:700;display:inline-flex}.pg-status-pill--ok{background:#00b69b}.pg-status-pill--warn{background:#fcbe2d}.pg-status-pill--bad{background:#fd5454}.pg-dabang-top,.pg-dabang-mid,.pg-dabang-bot{gap:var(--pg-gap);display:grid}.pg-dabang-top{grid-template-columns:1.55fr 1fr}.pg-dabang-mid,.pg-dabang-bot{grid-template-columns:1.2fr 1fr 1fr}.pg-sales-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.pg-sales-tile{border-radius:calc(var(--pg-radius) - 2px);color:#1f2937;padding:.9rem}.pg-sales-tile--rose{background:#ffe2e5}.pg-sales-tile--amber{background:#fff4de}.pg-sales-tile--mint{background:#dcfce7}.pg-sales-tile--violet{background:#f3e8ff}.pg-sales-tile__icon{background:#ffffffb3;border-radius:10px;place-items:center;width:2rem;height:2rem;margin-bottom:.65rem;display:grid}.pg-sales-tile__delta{font-size:var(--pg-size-caption);color:#64748b;margin:.45rem 0 0}.pg-legend{color:var(--play-muted);font-size:var(--pg-size-caption);flex-wrap:wrap;gap:.85rem;margin-top:.75rem;display:flex}.pg-dot{vertical-align:middle;border-radius:999px;width:.55rem;height:.55rem;margin-right:.3rem;display:inline-block}.pg-dot--a{background:var(--play-primary)}.pg-dot--b{background:var(--play-success)}.pg-dot--c{background:var(--play-warning)}.pg-stat-pair{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.85rem;display:grid}.pg-stat-pair em{color:var(--play-muted);font-style:normal;font-size:var(--pg-size-caption);display:block}.pg-stat-pair strong{font-size:var(--pg-size-h4);font-family:var(--pg-font-display)}.pg-products{flex-direction:column;gap:.75rem;display:flex}.pg-products__row{font-size:var(--pg-size-small);grid-template-columns:1.5rem 1.2fr 1fr auto;align-items:center;gap:.65rem;display:grid}.pg-products__bar{background:var(--play-surface-muted);border-radius:999px;height:.35rem;display:block;overflow:hidden}.pg-products__bar i{background:var(--play-primary);height:100%;display:block}.pg-map{border-radius:calc(var(--pg-radius) - 2px);background:radial-gradient(circle at 30% 40%, var(--play-primary), transparent 28%), radial-gradient(circle at 62% 48%, var(--play-success), transparent 24%), radial-gradient(circle at 78% 36%, var(--play-warning), transparent 20%), var(--play-surface-muted);min-height:160px;position:relative}@supports (color:color-mix(in lab, red, red)){.pg-map{background:radial-gradient(circle at 30% 40%, color-mix(in srgb, var(--play-primary) 18%, transparent), transparent 28%), radial-gradient(circle at 62% 48%, color-mix(in srgb, var(--play-success) 16%, transparent), transparent 24%), radial-gradient(circle at 78% 36%, color-mix(in srgb, var(--play-warning) 18%, transparent), transparent 20%), var(--play-surface-muted)}}.pg-map__blob{border-radius:999px;width:.7rem;height:.7rem;position:absolute}.pg-map__blob--a{background:#f97316;top:38%;left:28%}.pg-map__blob--b{background:#22c55e;top:44%;left:58%}.pg-map__blob--c{background:#3b82f6;top:32%;left:72%}.pg-map__blob--d{background:#a855f7;top:58%;left:46%}.pg-multi-line .pg-line,.pg-area-stack .pg-line{height:150px}.pg-help-card{border-radius:var(--pg-radius);background:var(--play-primary);flex-direction:column;gap:.45rem;padding:1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.pg-help-card{background:color-mix(in srgb, var(--play-primary) 88%, #0f172a)}}.pg-help-card{color:#fff}.pg-help-card__icon{background:#ffffff29;border-radius:999px;place-items:center;width:2rem;height:2rem;display:grid}.pg-help-card p{opacity:.85;font-size:var(--pg-size-caption);margin:0}.pg-help-card .pg-btn{color:#0f172a;background:#fff;align-self:flex-start}.pg-phone--purity{width:min(420px,100%)}.pg-phone__header--purity{align-items:flex-start}.pg-phone__header-actions{align-items:center;gap:.35rem;display:inline-flex}.pg-phone__kpis--4{grid-template-columns:1fr 1fr}.pg-phone-kpi{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.pg-phone-kpi__delta{font-size:var(--pg-size-caption);color:var(--play-success);margin:.2rem 0 0}.pg-phone-kpi__icon{background:var(--play-primary);border-radius:8px;place-items:center;width:1.8rem;height:1.8rem;display:grid}@supports (color:color-mix(in lab, red, red)){.pg-phone-kpi__icon{background:color-mix(in srgb, var(--play-primary) 85%, #0f172a)}}.pg-phone-kpi__icon{color:#fff}.pg-phone__feature-row,.pg-phone__chart-row,.pg-phone__bottom-row{gap:.65rem;display:grid}.pg-phone-feature p{color:var(--play-muted);font-size:var(--pg-size-caption);margin:.35rem 0 .55rem}.pg-phone-feature--media{background:linear-gradient(160deg, var(--play-primary), #0f172ab8), var(--play-surface-muted)}@supports (color:color-mix(in lab, red, red)){.pg-phone-feature--media{background:linear-gradient(160deg, color-mix(in srgb, var(--play-primary) 55%, transparent), #0f172ab8), var(--play-surface-muted)}}.pg-phone-feature--media{color:#fff}.pg-phone-feature--media p,.pg-phone-feature--media .pg-link{color:#ffffffe0}.pg-phone-chart--dark{color:#fff;background:#0f172a}.pg-phone-chart--dark .pg-bar{background:#fff}.pg-phone-metrics{grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.75rem;display:grid}.pg-phone-metrics em{opacity:.7;font-size:.68rem;font-style:normal;display:block}.pg-project-list,.pg-timeline{flex-direction:column;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.pg-project-list li>div,.pg-timeline li>div{justify-content:space-between;gap:.5rem;margin-bottom:.3rem;display:flex}.pg-project-list strong,.pg-timeline strong{font-size:var(--pg-size-small)}.pg-project-list em,.pg-timeline em{color:var(--play-muted);font-style:normal;font-size:var(--pg-size-caption)}.pg-timeline li{grid-template-columns:.7rem 1fr;gap:.55rem;display:grid}.pg-timeline__dot{background:var(--play-primary);border-radius:999px;width:.55rem;height:.55rem;margin-top:.35rem}.pg-phone__body--auth{text-align:center;justify-content:center;gap:.75rem;padding:2rem 1.25rem}.pg-chrome--elev-flat .pg-card,.pg-chrome--elev-flat .pg-kpi-card{box-shadow:none}.pg-chrome--elev-deep .pg-card,.pg-chrome--elev-deep .pg-kpi-card{box-shadow:0 12px 32px #0f172a24}@media (max-width:1100px){.pg-kpi-grid,.pg-sales-tiles,.pg-dabang-top,.pg-dabang-mid,.pg-dabang-bot,.pg-dash__charts,.pg-dash__mid,.pg-dash-components__split,.pg-mkt-features,.pg-mkt-quotes,.pg-mkt-stats{grid-template-columns:1fr 1fr}.pg-mkt-logos{grid-template-columns:repeat(4,minmax(0,1fr))}.pg-dash__body,.pg-mkt-showcase,.pg-mkt-faq,.pg-mkt-footer{grid-template-columns:1fr}.pg-deals__head,.pg-deals__row{grid-template-columns:1.2fr 1fr .7fr .8fr}.pg-deals__head span:nth-child(3),.pg-deals__head span:nth-child(4),.pg-deals__row span:nth-child(3),.pg-deals__row span:nth-child(4){display:none}}@media (max-width:980px){.playground-workspace{grid-template-columns:1fr}.playground-controls{border-right:0;border-bottom:1px solid var(--line);width:100%;max-height:none;padding:1rem 0;position:relative}.playground-stage-wrap{padding:1.25rem 0}.pg-kpis,.pg-split,.pg-pricing__grid,.pg-mkt-features,.pg-mkt-quotes,.pg-mkt-stats,.pg-mkt-showcase,.pg-mkt-faq,.pg-mkt-footer,.pg-settings,.pg-form-layout,.pg-dash__charts,.pg-dash__mid,.pg-dash-components__split{grid-template-columns:1fr}.pg-topbar,.pg-topbar--product{flex-wrap:wrap;gap:.65rem}.pg-topbar__left{flex:100%;width:100%}.pg-search{width:100%;min-width:0;max-width:none}.pg-topbar__actions{flex-shrink:0;margin-left:auto}.pg-mkt-nav nav{display:none}.pg-mkt-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.pg-mkt-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-mkt-mock__charts{grid-template-columns:1fr}}.style-ref-banner{border:0;border-bottom:1px solid var(--line);color:var(--muted);background:0 0;border-radius:0;justify-content:space-between;align-items:flex-start;gap:1rem;margin:0 0 1rem;padding:.55rem 0 .75rem;font-size:.8rem;line-height:1.45;display:flex}.style-ref-banner strong{color:var(--ink);font-weight:560}.inspiration-page{flex-direction:column;gap:0;min-width:0;padding:.15rem 0 2.5rem;display:flex}.inspiration-page__intro{margin:0 0 1.35rem}.inspiration-page__title{letter-spacing:-.045em;color:var(--ink);margin:0;font-size:clamp(1.85rem,3.2vw,2.35rem);font-weight:600;line-height:1.1}.inspiration-page__lede{max-width:36rem;color:var(--muted);letter-spacing:-.015em;margin:.45rem 0 0;font-size:1rem;line-height:1.45}.inspiration-page__search{border:0;border-bottom:1px solid var(--line-strong);background:0 0;align-items:center;gap:.55rem;min-height:48px;margin:0 0 .85rem;padding:0 .15rem;display:flex}.inspiration-page__search-icon{width:18px;height:18px;color:var(--faint);flex-shrink:0}.inspiration-page__search input{letter-spacing:-.02em;min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:.7rem 0;font-size:1.05rem}.inspiration-page__search input::placeholder{color:var(--faint)}.inspiration-page__search-clear{width:1.6rem;height:1.6rem;color:var(--faint);border-radius:6px;flex-shrink:0;place-items:center;display:grid}.inspiration-page__search-clear:hover{background:var(--chip);color:var(--ink)}.inspiration-page__search-clear svg{width:14px;height:14px}.inspiration-page__filters{flex-wrap:wrap;align-items:flex-end;gap:.55rem .75rem;margin:0 0 .85rem;display:flex}.inspiration-filter{flex-direction:column;gap:.25rem;min-width:0;display:flex}.inspiration-filter__label{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);font-size:.68rem;font-weight:560}.inspiration-filter select{border:0;border-bottom:1px solid var(--line);min-height:34px;color:var(--ink);letter-spacing:-.01em;appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238f8f8f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right .15rem center no-repeat;border-radius:0;padding:0 1.6rem 0 .55rem;font-size:.86rem}.inspiration-filter select:focus-visible{border-bottom-color:var(--ink);outline:none}.inspiration-page__clear{min-height:34px;color:var(--muted);align-self:flex-end;padding:0 .35rem;font-size:.82rem;font-weight:500}.inspiration-page__clear:hover{color:var(--ink)}.inspiration-page__count{color:var(--faint);letter-spacing:-.01em;margin:0 0 1.1rem;font-size:.78rem}.inspiration-page__note{color:var(--muted);margin:-.4rem 0 .85rem;font-size:.8rem}.inspiration-grid{outline:none;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.75rem 1.25rem;display:grid}.inspiration-card{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:0;flex-direction:column;gap:.65rem;padding:0;transition:opacity .15s;display:flex;overflow:visible}.inspiration-card:hover{opacity:.94}.inspiration-card.is-focused{opacity:1}.inspiration-card.is-focused .inspiration-card__media{outline:2px solid var(--ink);outline-offset:2px}.inspiration-card__media{aspect-ratio:4/3;border-radius:var(--radius-sm);background:#f0f0f0;flex:auto;min-height:0;position:relative;overflow:hidden}.inspiration-card__media img{object-fit:cover;width:100%;height:100%;display:block}.inspiration-card__fav{color:#c23b2e;background:#ffffffeb;border-radius:999px;place-items:center;width:1.7rem;height:1.7rem;display:grid;position:absolute;top:.55rem;right:.55rem}.inspiration-card__fav svg{width:13px;height:13px}.inspiration-card__body{flex-direction:column;gap:.12rem;min-height:2.4rem;padding:0;display:flex}.inspiration-card__body strong{letter-spacing:-.02em;color:var(--ink);font-size:.9rem;font-weight:560;line-height:1.25}.inspiration-card__body span{color:var(--muted);letter-spacing:-.01em;font-size:.78rem;line-height:1.3}.inspiration-empty{text-align:center;border:0;border-radius:0;grid-column:1/-1;padding:3rem 0}.inspiration-empty h3{margin:0;font-size:1.05rem}.inspiration-empty p{color:var(--muted);margin:.35rem 0 0}.inspiration-detail{z-index:60;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.inspiration-detail__backdrop{cursor:pointer;background:#0a0a0a66;border:0;margin:0;padding:0;position:absolute;inset:0}.inspiration-detail__panel{border-radius:var(--radius);border:1px solid var(--line);background:#fff;flex-direction:column;gap:.95rem;width:min(820px,100%);max-height:min(92dvh,960px);padding:1.25rem 1.35rem 1.4rem;display:flex;position:relative;overflow:auto;box-shadow:0 12px 40px #0000001a}.inspiration-detail__header{justify-content:space-between;gap:1rem;display:flex}.inspiration-detail__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:0;font-size:.7rem}.inspiration-detail__header h2{letter-spacing:-.03em;margin:.25rem 0 0;font-size:1.4rem}.inspiration-detail__header p{color:var(--muted);margin:.35rem 0 0;line-height:1.45}.inspiration-detail__media{border-radius:var(--radius-sm);background:#111;border:0;overflow:hidden}.inspiration-detail__media img{object-fit:contain;background:#111;width:100%;height:auto;max-height:min(52vh,480px);display:block}.inspiration-detail__meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.inspiration-detail__meta dt{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);font-size:.65rem}.inspiration-detail__meta dd{margin:.2rem 0 0;font-size:.85rem}.inspiration-detail__meta a{align-items:center;gap:.3rem;display:inline-flex}.inspiration-detail__meta a svg{width:13px;height:13px}.inspiration-detail__block textarea,.inspiration-tag-add input{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;font:inherit;background:#fff;padding:.65rem .75rem}.inspiration-tags{flex-wrap:wrap;gap:.3rem;margin-bottom:.45rem;display:flex}.inspiration-tag-add{gap:.4rem;display:flex}.inspiration-disclaimer{color:var(--faint);margin:0;font-size:.75rem;line-height:1.4}.inspiration-detail__footer{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.inspiration-detail__footer .btn-primary,.inspiration-detail__footer .btn-secondary{align-items:center;gap:.35rem;display:inline-flex}.inspiration-detail__footer svg{width:14px;height:14px}@media (max-width:900px){.inspiration-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem .85rem}.inspiration-page__filters{gap:.65rem}.inspiration-detail__meta{grid-template-columns:1fr}}@media (min-width:1100px){.inspiration-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem 1.5rem}}.a11y-intake{flex-direction:column;gap:32px;width:100%;min-width:0;max-width:720px;margin:0 auto;padding:.35rem 0 2rem;display:flex}.a11y-intake__intro{flex-direction:column;gap:8px;display:flex}.a11y-intake__title{font-family:var(--font-space-grotesk), system-ui, sans-serif;letter-spacing:-.035em;color:var(--ink);margin:0;font-size:clamp(1.65rem,2.4vw,2rem);font-weight:560;line-height:1.15}.a11y-intake__lede{letter-spacing:-.015em;max-width:36rem;color:var(--muted);margin:0;font-size:.95rem;line-height:1.55}.a11y-intake__section{flex-direction:column;gap:20px;min-width:0;display:flex}.a11y-intake__section-title{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:.92rem;font-weight:600}.a11y-source-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.a11y-source-cards--compact .a11y-source-card{gap:6px;padding:1rem 1.1rem}.a11y-source-cards--compact .a11y-source-card__icon{width:2.15rem;height:2.15rem}.a11y-source-cards--compact .a11y-source-card__desc{font-size:.8rem}.a11y-source-card{text-align:left;background:#fff;border:1px solid #00000014;border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;height:100%;min-height:100%;padding:1.25rem;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex}.a11y-source-card:hover{background:#fafafa;border-color:#00000024}.a11y-source-card:focus-visible{box-shadow:var(--focus-ring);outline:none}.a11y-source-card.is-active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.a11y-source-card__icon{width:2.5rem;height:2.5rem;color:var(--ink);background:#f4f4f5;border-radius:10px;place-items:center;display:grid}.a11y-source-card.is-active .a11y-source-card__icon{color:var(--accent);background:#fff}.a11y-source-card__title{letter-spacing:-.025em;color:var(--ink);font-size:.98rem;font-weight:600}.a11y-source-card.is-active .a11y-source-card__title{color:var(--accent)}.a11y-source-card__desc{color:var(--muted);font-size:.84rem;line-height:1.45}.a11y-source-card__meta{letter-spacing:-.01em;color:var(--faint);margin-top:auto;padding-top:.35rem;font-size:.72rem}.a11y-dropzone{width:100%;color:var(--muted);text-align:center;background:#fafafa;border:1px dashed #d4d4d8;border-radius:14px;justify-items:center;gap:.35rem;padding:2rem 1.25rem;display:grid}.a11y-dropzone strong{letter-spacing:-.02em;color:var(--ink);margin-top:.35rem;font-size:.95rem;font-weight:600}.a11y-dropzone span{font-size:.84rem}.a11y-dropzone em{color:var(--faint);margin-top:.45rem;font-size:.72rem;font-style:normal}.a11y-dropzone:hover,.a11y-dropzone.is-dragover{border-color:var(--accent);background:var(--accent-tint)}.a11y-dropzone:focus-visible{box-shadow:var(--focus-ring);outline:none}.a11y-file-preview{background:#fff;border:1px solid #00000014;border-radius:12px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:12px;display:grid}.a11y-file-preview__thumb{object-fit:cover;border:1px solid var(--line);background:#f4f4f5;border-radius:8px;width:56px;height:56px}.a11y-file-preview__meta{gap:2px;min-width:0;display:grid}.a11y-file-preview__meta strong{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:600;overflow:hidden}.a11y-file-preview__meta span{color:var(--muted);font-size:.75rem}.a11y-file-preview__actions{flex-wrap:wrap;gap:8px;display:inline-flex}.a11y-url-field{flex-direction:column;gap:8px;width:100%;display:flex}.a11y-url-field__label{letter-spacing:-.01em;color:var(--muted);font-size:.72rem;font-weight:560}.a11y-url-field__shell{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:10px;width:100%;height:44px;padding:0 12px;display:flex}.a11y-url-field__shell:focus-within{box-shadow:var(--focus-ring);border-color:var(--accent-border)}.a11y-url-field__shell svg{color:var(--muted);flex-shrink:0}.a11y-url-field__shell input{background:0 0;border:0;width:100%;min-width:0;height:100%;font-size:.9rem}.a11y-url-field__error,.a11y-intake__error{color:#b42318;margin:0;font-size:.8rem}.a11y-intake__footer{flex-direction:column;align-items:flex-end;gap:12px;width:100%;display:flex}.a11y-intake__run{height:44px;min-height:44px;padding-inline:1.1rem}.a11y-spin{animation:.9s linear infinite a11y-spin}@keyframes a11y-spin{to{transform:rotate(360deg)}}@media (max-width:720px){.a11y-source-cards{grid-template-columns:1fr}.a11y-file-preview{grid-template-columns:56px minmax(0,1fr)}.a11y-file-preview__actions{grid-column:1/-1}.a11y-intake__footer{align-items:stretch}.a11y-intake__run{justify-content:center;width:100%}}.a11y-workspace{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:0;margin-top:.15rem;display:grid}.a11y-sidebar{border-right:1px solid var(--line);box-sizing:border-box;flex-direction:column;gap:1.5rem;width:280px;min-width:280px;max-width:280px;max-height:100dvh;padding:.5rem 1.25rem 2rem 0;display:flex;position:sticky;top:0;overflow:auto}.a11y-sidebar__label{letter-spacing:-.01em;color:var(--faint);margin:0 0 .65rem;font-size:.7rem;font-weight:560}.a11y-score-cards{flex-direction:column;gap:.75rem;display:flex}.a11y-score-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;border-radius:12px;flex-direction:column;gap:.85rem;width:100%;padding:.85rem .9rem;transition:border-color .12s,background-color .12s;display:flex}.a11y-score-card:hover{background:#00000004}.a11y-score-card.is-active{box-shadow:inset 2px 0 0 var(--accent);background:#00000005;border-color:#00000024}.a11y-score-card:focus-visible{box-shadow:var(--focus-ring);outline:none}.a11y-score-card.is-active:focus-visible{box-shadow:inset 2px 0 0 var(--accent), var(--focus-ring)}.a11y-score__eyebrow{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:.8rem;font-weight:560}.a11y-score__value{letter-spacing:-.05em;color:var(--ink);margin:.3rem 0 0;font-size:1.75rem;font-weight:620;line-height:1}.a11y-score__grade{color:var(--muted);letter-spacing:-.015em;margin:.3rem 0 0;font-size:.8rem}.a11y-score__count{color:var(--faint);letter-spacing:-.01em;margin:.15rem 0 0;font-size:.74rem}.a11y-categories__list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.a11y-categories__list li{letter-spacing:-.01em;grid-template-columns:minmax(0,5.1rem) minmax(0,1fr) 1.5rem;align-items:center;gap:.4rem;font-size:.72rem;display:grid}.a11y-categories__name{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.a11y-categories__track{background:#ececee;border-radius:999px;height:3px;overflow:hidden}.a11y-categories__fill{border-radius:inherit;background:var(--ink);height:100%;display:block}.a11y-categories__score{font-variant-numeric:tabular-nums;text-align:right;color:var(--ink);font-weight:560}.a11y-config__list{flex-direction:column;gap:.55rem;margin:0;padding:0;display:flex}.a11y-config__list>div{flex-direction:column;gap:.1rem;min-width:0;display:flex}.a11y-config__list dt{color:var(--faint);letter-spacing:-.01em;font-size:.68rem;font-weight:520}.a11y-config__list dd{letter-spacing:-.015em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.82rem;font-weight:520;overflow:hidden}.a11y-sidebar__actions{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.a11y-sidebar__ghost{color:var(--muted);letter-spacing:-.01em;background:0 0;border:0;padding:0;font-size:.8rem;font-weight:520}.a11y-sidebar__ghost:hover:not(:disabled){color:var(--ink)}.a11y-sidebar__ghost:disabled{opacity:.45;cursor:default}.a11y-sidebar__note{color:var(--muted);margin:.35rem 0 0;font-size:.76rem}.a11y-main{flex-direction:column;gap:1.5rem;min-width:0;padding:.25rem 0 2.5rem 2rem;display:flex}.a11y-issues{flex-direction:column;gap:.2rem;display:flex}.a11y-issue{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.75rem;width:100%;padding:.7rem .75rem;transition:background .12s;display:grid}.a11y-issue:hover{background:#00000005}.a11y-issue.is-active{background:var(--accent-tint);box-shadow:inset 2px 0 0 var(--accent)}.a11y-issue__badge{letter-spacing:-.01em;text-transform:capitalize;min-height:1.35rem;color:var(--muted);white-space:nowrap;background:#0000000a;border-radius:999px;align-items:center;padding:.1rem .45rem;font-size:.66rem;font-weight:600;display:inline-flex}.a11y-issue__badge.a11y-sev--critical,.a11y-issue__badge.a11y-sev--serious{background:var(--bad-bg);color:var(--bad)}.a11y-issue__badge.a11y-sev--moderate{color:#a16207;background:#fff7e8}.a11y-issue__body{flex-direction:column;gap:.15rem;min-width:0;display:flex}.a11y-issue__title{letter-spacing:-.02em;color:var(--ink);font-size:.9rem;font-weight:560;line-height:1.3}.a11y-issue.is-applied .a11y-issue__title{color:var(--muted)}.a11y-issue__cat{color:var(--faint);letter-spacing:-.01em;font-size:.72rem}.a11y-issue__detail{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;line-height:1.35;overflow:hidden}.a11y-issue__applied{color:var(--good);white-space:nowrap;align-items:center;gap:.25rem;margin-top:.1rem;font-size:.7rem;display:inline-flex}.a11y-detail{border-top:1px solid var(--line);flex-direction:column;gap:1.4rem;padding-top:.25rem;display:flex}.a11y-detail__head{flex-direction:column;gap:.55rem;display:flex}.a11y-detail__title-row{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.a11y-detail__title{letter-spacing:-.03em;color:var(--ink);margin:0;font-size:1.2rem;font-weight:600;line-height:1.25}.a11y-detail__explain{max-width:44rem;color:var(--muted);letter-spacing:-.01em;margin:0;font-size:.92rem;line-height:1.5}.a11y-detail__block{flex-direction:column;gap:.4rem;display:flex}.a11y-detail__label{color:var(--faint);letter-spacing:-.01em;margin:0;font-size:.7rem;font-weight:560}.a11y-detail__block>p{max-width:44rem;color:var(--muted);letter-spacing:-.01em;margin:0;font-size:.92rem;line-height:1.55}.a11y-detail__recommendation{letter-spacing:-.025em;font-weight:560;color:var(--ink)!important;font-size:1.12rem!important;line-height:1.45!important}.a11y-before-after{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.a11y-scene{flex-direction:column;gap:.45rem;min-width:0;display:flex}.a11y-scene__title{letter-spacing:-.01em;color:var(--faint);margin:0;font-size:.7rem;font-weight:560}.a11y-scene__frame{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;justify-content:center;gap:.75rem;min-height:160px;padding:1.1rem 1.15rem;display:flex}.a11y-scene__type,.a11y-scene__contrast,.a11y-scene__focus,.a11y-scene__touch{flex-direction:column;gap:.7rem;display:flex}.a11y-scene__touch{flex-flow:wrap;align-items:center}.a11y-scene__heading{margin:0;line-height:1.2}.a11y-scene__body{margin:0;font-size:.88rem;line-height:1.45}.a11y-scene__btn,.a11y-scene__input{min-height:36px;font:inherit;letter-spacing:-.015em;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0 .85rem;font-size:.84rem;font-weight:550;display:inline-flex}.a11y-scene__input{cursor:default;justify-content:flex-start;width:100%}.a11y-scene__meta{color:var(--muted);letter-spacing:-.01em;margin:0;font-size:.72rem}.a11y-detail__actions{align-items:center;display:flex}.a11y-detail__fix,.btn-primary.a11y-detail__fix{align-items:center;gap:.35rem;width:auto;max-width:max-content;height:36px;min-height:36px;padding:0 .9rem;font-size:.84rem;display:inline-flex}.a11y-empty{color:var(--muted);flex-direction:column;align-items:flex-start;gap:.25rem;padding:1.25rem .25rem;display:flex}.a11y-empty svg{opacity:.7;width:20px;height:20px}.a11y-empty h3{color:var(--ink);margin:.2rem 0 0;font-size:1rem;font-weight:600}.a11y-empty p{margin:0;font-size:.85rem}.a11y-workspace--report{flex-direction:column;grid-template-columns:none;gap:1.25rem;display:flex}.a11y-report-toolbar{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.a11y-lens-tab{color:var(--muted);letter-spacing:-.015em;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;margin:0;padding:.4rem .75rem;font-size:.82rem;font-weight:520}.a11y-lens-tab:hover{color:var(--ink);background:#00000008}.a11y-lens-tab.is-active{color:var(--ink);border-color:var(--line);background:#0000000a}.a11y-lens-tab:focus-visible{box-shadow:var(--focus-ring);outline:none}.a11y-report{flex-direction:column;gap:1.75rem;width:100%;min-width:0;max-width:40rem;padding:0 0 2.5rem;display:flex}.a11y-report__hero{flex-direction:column;gap:.65rem;display:flex}.a11y-report__hero-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.a11y-report__label{color:var(--muted);letter-spacing:-.01em;margin:0;font-size:.8rem;font-weight:520}.a11y-report__score{align-items:baseline;gap:.45rem;margin:.2rem 0 0;display:flex}.a11y-report__score strong{letter-spacing:-.05em;color:var(--ink);font-size:2.75rem;font-weight:650;line-height:1}.a11y-report__score>span{color:var(--muted);letter-spacing:-.02em;font-size:1.05rem;font-weight:550}.a11y-report__score--good strong{color:#166534}.a11y-report__score--fair strong{color:#a16207}.a11y-report__score--poor strong{color:#b91c1c}.a11y-report__actions{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.a11y-report__actions .btn-secondary{align-items:center;gap:.35rem;width:auto;height:34px;min-height:34px;padding:0 .8rem;font-size:.8rem;display:inline-flex}.a11y-report__summary{max-width:36rem;color:var(--ink);letter-spacing:-.015em;margin:0;font-size:.98rem;line-height:1.55}.a11y-report__source{color:var(--faint);letter-spacing:-.01em;margin:0;font-size:.78rem}.a11y-report__section{flex-direction:column;gap:.75rem;min-width:0;display:flex}.a11y-report__h2{letter-spacing:-.025em;color:var(--ink);margin:0;font-size:1rem;font-weight:600}.a11y-report__working{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.a11y-report__working li{color:#14532d;letter-spacing:-.015em;white-space:nowrap;background:#edf7ef;border-radius:999px;align-items:center;gap:.35rem;margin:0;padding:.3rem .55rem .3rem .4rem;font-size:.78rem;font-weight:520;line-height:1.2;display:inline-flex}.a11y-report__working li svg{color:#15803d;flex-shrink:0}.a11y-report__empty{color:var(--muted);margin:0;font-size:.9rem;line-height:1.45}.a11y-report__issues{flex-direction:column;gap:0;display:flex}.a11y-issue-card{border-top:1px solid var(--line);grid-template-columns:1.75rem minmax(0,1fr);gap:.55rem .75rem;padding:1rem 0;display:grid}.a11y-issue-card:last-child{border-bottom:1px solid var(--line)}.a11y-issue-card__icon{color:var(--muted);justify-content:center;align-items:flex-start;padding-top:.2rem;display:flex}.a11y-issue-card__body{flex-direction:column;gap:.35rem;min-width:0;display:flex}.a11y-issue-card__head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.a11y-issue-card__title{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:.95rem;font-weight:600}.a11y-issue-card__sev{letter-spacing:-.01em;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:.28rem;margin:0;padding:.22rem .5rem .22rem .38rem;font-size:.7rem;font-weight:560;line-height:1;display:inline-flex}.a11y-issue-card__sev svg{flex-shrink:0}.a11y-issue-card__sev--critical,.a11y-issue-card__sev--serious{color:#9f1239;background:#fee2e2}.a11y-issue-card__sev--moderate{color:#92400e;background:#fef3c7}.a11y-issue-card__sev--minor{color:#52525b;background:#f4f4f5}.a11y-issue-card__detail{color:var(--ink-2,var(--muted));letter-spacing:-.01em;margin:0;font-size:.9rem;line-height:1.5}.a11y-issue-card__rec{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:.9rem;line-height:1.5}.a11y-report__priority{flex-direction:column;gap:1rem;display:flex}.a11y-report__priority-label{color:var(--muted);letter-spacing:-.01em;margin:0 0 .35rem;font-size:.78rem;font-weight:560}.a11y-report__priority ul{flex-direction:column;gap:.35rem;margin:0;padding:0 0 0 1.1rem;display:flex}.a11y-report__priority li{color:var(--ink);letter-spacing:-.01em;font-size:.9rem;line-height:1.5}.a11y-report__refs-toggle{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.75rem;margin:0;padding:0;display:flex}.a11y-report__refs-toggle svg{color:var(--muted);flex-shrink:0;transition:transform .15s}.a11y-report__refs-toggle.is-open svg{transform:rotate(180deg)}.a11y-report__refs-toggle:focus-visible{box-shadow:var(--focus-ring);border-radius:6px;outline:none}.a11y-report__refs-hint{color:var(--faint);margin:0;font-size:.82rem}.a11y-report__ref-groups{flex-direction:column;gap:.85rem;margin:.35rem 0 0;padding:0;list-style:none;display:flex}.a11y-report__ref-source{color:var(--muted);letter-spacing:-.01em;margin:0 0 .25rem;font-size:.78rem;font-weight:560}.a11y-report__ref-groups>li>ul{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.a11y-report__ref-groups>li>ul>li{color:var(--ink-2,var(--muted));font-size:.85rem;line-height:1.45}.a11y-report__ref-groups a{color:var(--ink);text-underline-offset:2px;text-decoration:underline;-webkit-text-decoration-color:var(--line);-webkit-text-decoration-color:var(--line);-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.a11y-report__ref-groups a:hover{-webkit-text-decoration-color:var(--ink);-webkit-text-decoration-color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}@media (max-width:980px){.a11y-report__score strong{font-size:2.35rem}.a11y-report__actions{width:100%}.a11y-workspace{grid-template-columns:1fr}.a11y-sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;min-width:0;max-width:none;max-height:none;padding:0 0 1.25rem;position:relative}.a11y-main{padding:1.25rem 0 2rem}.a11y-before-after{grid-template-columns:1fr}}.fp-workspace{flex-direction:column;gap:1.5rem;padding:.35rem 0 2.5rem;display:flex}.fp-hero__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);align-items:center;gap:.35rem;margin:0;font-size:.72rem;display:inline-flex}.fp-hero__title{letter-spacing:-.035em;margin:.25rem 0 0;font-size:1.35rem;font-weight:600}.fp-hero__lede{max-width:40rem;color:var(--muted);margin:.35rem 0 0;font-size:.9rem;line-height:1.5}.fp-status,.fp-error{align-items:center;gap:.4rem;margin:0;font-size:.82rem;display:inline-flex}.fp-status--center,.fp-error--center{justify-content:center;align-self:center}.fp-error{color:#b42318}.fp-spin{animation:.9s linear infinite fp-spin}@keyframes fp-spin{to{transform:rotate(360deg)}}.fp-empty-wrap{place-items:center;min-height:min(62vh,560px);padding:1rem 0 2rem;display:grid}.fp-empty-card{text-align:center;background:#fff;border:1px solid #00000014;border-radius:16px;justify-items:center;gap:.7rem;width:min(100%,440px);padding:2.4rem 2rem 2.1rem;display:grid}.fp-empty-card__icon{width:3.25rem;height:3.25rem;color:var(--ink);background:#f4f4f5;border-radius:12px;place-items:center;margin-bottom:.25rem;display:grid}.fp-empty-card h3{letter-spacing:-.03em;color:var(--ink);margin:0;font-size:1.05rem;font-weight:600}.fp-empty-card>p{max-width:28rem;color:var(--muted);margin:0;font-size:.88rem;line-height:1.5}.fp-empty-card__actions{justify-items:stretch;gap:.85rem;width:100%;margin-top:.85rem;display:grid}.fp-empty-card__actions .btn-primary{justify-content:center;width:100%}.fp-or{width:100%;color:var(--faint);letter-spacing:.04em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:.65rem;font-size:.72rem;display:grid}.fp-or:before,.fp-or:after{content:"";background:var(--line);height:1px}.fp-field-row{grid-template-columns:minmax(0,1fr) auto;gap:.45rem;width:100%;display:grid}.fp-field-row input{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;min-height:38px;padding:0 .7rem;font-size:.86rem}.fp-results{flex-direction:column;gap:1.35rem;min-width:0;display:flex}.audit-results{flex-direction:column;gap:.75rem;width:100%;min-width:0;max-width:52rem;display:flex}.audit-results__header{flex-direction:column;gap:.35rem;min-width:0;display:flex}.audit-results__back{width:fit-content;color:var(--muted);font:inherit;letter-spacing:-.01em;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:.35rem;margin:0;padding:.3rem .45rem .3rem .25rem;font-size:.85rem;font-weight:520;display:inline-flex}.audit-results__back:hover{color:var(--ink);background:#0000000a}.audit-results__back:focus-visible{box-shadow:var(--focus-ring);outline:none}.audit-results__title-row{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.audit-results__title{letter-spacing:-.03em;min-width:0;color:var(--ink);margin:0;font-size:1.35rem;font-weight:600;line-height:1.2}.audit-section-title{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:1rem;font-weight:600}.audit-exec{background:#fff;border:1px solid #00000014;border-radius:16px;flex-direction:column;gap:1rem;width:100%;min-width:0;padding:1.2rem 1.25rem 1.25rem;display:flex;box-shadow:0 1px 2px #0f172a08}.audit-exec__title{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:1rem;font-weight:600}.audit-exec__hero{align-items:flex-start;gap:1.15rem;min-width:0;display:flex}.audit-exec__ring{background:radial-gradient(circle at 50% 42%,#fffffff2,#f6f8fae6);border-radius:50%;flex-shrink:0;width:88px;height:88px;position:relative;box-shadow:inset 0 0 0 1px #0f172a0a}.audit-exec__ring svg{display:block}.audit-exec__ring-track{stroke:#eef0f3}.audit-exec__ring-progress{transition:stroke-dashoffset .45s}.audit-exec__ring--good .audit-exec__ring-progress{stroke:#16a34a}.audit-exec__ring--fair .audit-exec__ring-progress{stroke:#ca8a04}.audit-exec__ring--poor .audit-exec__ring-progress{stroke:#dc2626}.audit-exec__ring-value{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.05rem;display:flex;position:absolute;inset:0}.audit-exec__ring-value strong{letter-spacing:-.05em;color:var(--ink);font-size:1.55rem;font-weight:650;line-height:1}.audit-exec__ring-value span{letter-spacing:.02em;color:var(--faint);font-size:.65rem;font-weight:520}.audit-exec__hero-copy{flex-direction:column;align-items:flex-start;gap:.55rem;min-width:0;padding-top:.2rem;display:flex}.audit-exec__grade{letter-spacing:-.01em;border:1px solid #0000;border-radius:999px;align-items:center;margin:0;padding:.28rem .7rem;font-size:.8rem;font-weight:600;line-height:1.2;display:inline-flex}.audit-exec__grade--good{color:#166534;background:#e8f8ee;border-color:#c6ebd4}.audit-exec__grade--fair{color:#854d0e;background:#fef9c3;border-color:#f5e6a8}.audit-exec__grade--poor{color:#991b1b;background:#fdeceb;border-color:#f5c9c4}.audit-exec__lede{max-width:36rem;color:var(--ink-2);margin:0;font-size:.92rem;line-height:1.5}.audit-exec__subhead{letter-spacing:-.01em;color:var(--muted);margin:0 0 .55rem;font-size:.78rem;font-weight:600}.audit-exec__strengths{min-width:0}.audit-exec__chips{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.audit-exec__chip{color:var(--ink);letter-spacing:-.01em;background:#f3f4f6;border:1px solid #0f172a14;border-radius:999px;align-items:center;gap:.35rem;margin:0;padding:.38rem .72rem .38rem .55rem;font-size:.8rem;font-weight:520;line-height:1.2;display:inline-flex;box-shadow:inset 0 1px #ffffffb3}.audit-exec__chip svg{color:#16a34a;flex-shrink:0}.audit-exec__divider{background:#00000012;border:0;height:1px;margin:.1rem 0}.vf-card{background:#fff;border:1px solid #00000014;border-radius:12px;flex-direction:column;gap:.75rem;width:100%;min-width:0;padding:.95rem 1rem;display:flex}.vf-card--embedded{background:0 0;border:0;border-radius:0;gap:.65rem;padding:0}.vf-card__heading{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:1rem;font-weight:600}.vf-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1.35rem;display:grid}.vf-meta__item{align-items:flex-start;gap:.55rem;min-width:0;display:flex}.vf-meta__icon{width:1.7rem;height:1.7rem;color:var(--ink-2);background:#f4f5f6;border-radius:8px;flex-shrink:0;place-items:center;margin-top:.05rem;display:grid}.vf-meta__body{flex-direction:column;gap:.2rem;min-width:0;display:flex}.vf-meta__label{letter-spacing:.02em;text-transform:uppercase;color:var(--faint);font-size:.72rem;font-weight:600}.vf-meta__value{color:var(--ink);overflow-wrap:anywhere;font-size:.84rem;line-height:1.35}.vf-meta__stack{flex-direction:column;gap:.08rem;margin:0;padding:0;list-style:none;display:flex}.vf-meta__stack li{color:var(--ink);font-size:.84rem;line-height:1.35}.vf-card__val--icons{flex-wrap:wrap;align-items:center;gap:.55rem;display:inline-flex}.vf-card__swatches{gap:.28rem;margin-top:.2rem;display:inline-flex}.vf-card__swatch{border:1px solid #00000014;border-radius:4px;flex-shrink:0;width:1.1rem;height:1.1rem}.vf-card__icon-preview{color:var(--ink-2);align-items:center;gap:.35rem;display:inline-flex}.audit-findings{flex-direction:column;gap:.85rem;min-width:0;display:flex}.audit-findings__empty{color:var(--muted);margin:0;font-size:.9rem;line-height:1.45}.audit-findings__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.audit-finding{background:#fff;border:1px solid #00000014;border-radius:12px;flex-direction:column;gap:.85rem;min-width:0;padding:1rem 1.05rem 1.05rem;display:flex}.audit-finding__head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.audit-finding__title-row{align-items:center;gap:.5rem;min-width:0;display:flex}.audit-finding__icon{width:1.7rem;height:1.7rem;color:var(--ink-2);background:#f4f5f6;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.audit-finding__title{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:.92rem;font-weight:600}.audit-finding__score{font-variant-numeric:tabular-nums;letter-spacing:-.02em;flex-shrink:0;font-size:.95rem;font-weight:650}.audit-finding__score.is-strong{color:#166534}.audit-finding__score.is-mixed{color:#a16207}.audit-finding__score.is-weak{color:#b91c1c}.audit-finding__bar{background:#0000000f;border-radius:999px;height:3px;overflow:hidden}.audit-finding__bar span{border-radius:inherit;background:#18181b;height:100%;display:block}.audit-finding.is-strong .audit-finding__bar span{background:#166534}.audit-finding.is-mixed .audit-finding__bar span{background:#a16207}.audit-finding.is-weak .audit-finding__bar span{background:#b91c1c}.audit-finding__block{flex-direction:column;gap:.3rem;min-width:0;display:flex}.audit-finding__label{letter-spacing:.03em;text-transform:uppercase;color:var(--faint);margin:0;font-size:.7rem;font-weight:600}.audit-finding__observation{color:var(--ink);margin:0;font-size:.85rem;line-height:1.45}.audit-finding__rec-callout{border-left:3px solid var(--accent);background:var(--accent-tint);border-radius:0 10px 10px 0;flex-direction:column;gap:.3rem;min-width:0;margin:0;padding:.7rem .8rem;display:flex}.audit-finding__rec-callout .audit-finding__label{color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.audit-finding__rec-callout .audit-finding__label{color:color-mix(in srgb, var(--accent) 72%, var(--ink))}}.audit-finding__rec-text{color:var(--ink);margin:0;font-size:.84rem;font-weight:520;line-height:1.45}.audit-finding__refs{flex-direction:column;gap:.4rem;min-width:0;padding-top:.15rem;display:flex}.audit-finding__ref-chips{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.audit-finding__ref-chip{color:var(--ink-2);letter-spacing:-.01em;background:#f3f4f6;border:1px solid #0f172a14;border-radius:999px;align-items:center;margin:0;padding:.28rem .55rem;font-size:.74rem;font-weight:520;line-height:1.2;text-decoration:none;display:inline-flex}a.audit-finding__ref-chip:hover{color:var(--ink);background:#ebecef;border-color:#0f172a1f}.audit-finding__ref-chip.is-static{cursor:default}@media (max-width:720px){.audit-exec__hero{flex-direction:column;align-items:flex-start}.audit-findings__grid,.vf-meta{grid-template-columns:1fr}}.fp-scorecard{background:#fff;border:1px solid #00000014;border-radius:16px;flex-direction:column;gap:1rem;padding:1.15rem 1.2rem 1.25rem;display:flex}.fp-scorecard__hero{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.fp-scorecard__eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);margin:0;font-size:.72rem}.fp-scorecard__title{letter-spacing:-.03em;margin:.3rem 0 0;font-size:1.05rem;font-weight:600}.fp-scorecard__summary{color:var(--muted);max-width:42rem;margin:.45rem 0 0;font-size:.9rem;line-height:1.5}.fp-scorecard__score{text-align:right;flex-shrink:0;min-width:4.5rem}.fp-scorecard__score strong{letter-spacing:-.04em;font-size:2rem;font-weight:650;line-height:1;display:block}.fp-scorecard__score span{color:var(--muted);margin-top:.25rem;font-size:.78rem;display:block}.fp-scorecard__score--good strong{color:#166534}.fp-scorecard__score--fair strong{color:#a16207}.fp-scorecard__score--poor strong{color:#b91c1c}.fp-scorecard__criteria{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.fp-criterion{background:#fafafa;border:1px solid #00000012;border-radius:12px;margin:0;padding:.85rem .9rem}.fp-criterion__head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.fp-criterion__head strong{font-size:.88rem;font-weight:600}.fp-criterion__head span{font-variant-numeric:tabular-nums;font-size:.86rem;font-weight:600}.fp-criterion.is-strong .fp-criterion__head span{color:#166534}.fp-criterion.is-mixed .fp-criterion__head span{color:#a16207}.fp-criterion.is-weak .fp-criterion__head span{color:#b91c1c}.fp-criterion__bar{background:#0000000f;border-radius:999px;height:4px;margin-top:.45rem;overflow:hidden}.fp-criterion__bar span{border-radius:inherit;background:#18181b;height:100%;display:block}.fp-criterion.is-strong .fp-criterion__bar span{background:#166534}.fp-criterion.is-mixed .fp-criterion__bar span{background:#a16207}.fp-criterion.is-weak .fp-criterion__bar span{background:#b91c1c}.fp-criterion__finding,.fp-criterion__rec{color:var(--ink);margin:.55rem 0 0;font-size:.8rem;line-height:1.45}.fp-criterion__rec{color:var(--muted)}.fp-practice-cites{flex-direction:column;gap:.35rem;margin:.65rem 0 0;padding:0;list-style:none;display:flex}.fp-practice-cites li{background:#ffffffd9;border:1px solid #0000000d;border-radius:8px;flex-direction:column;gap:.1rem;padding:.35rem .45rem;display:flex}.fp-practice-cites__source{letter-spacing:.03em;text-transform:uppercase;color:var(--faint);font-size:.68rem}.fp-practice-cites__title{color:var(--ink);font-size:.78rem;line-height:1.35}.a11y-practice-cites li{background:#fafafa}@media (max-width:860px){.fp-scorecard__criteria{grid-template-columns:1fr}.fp-scorecard__hero{flex-direction:column}.fp-scorecard__score{text-align:left}}.fp-summary-card{background:#fff;border:1px solid #00000014;border-radius:16px;grid-template-columns:minmax(200px,280px) minmax(0,1fr);gap:1.25rem;padding:1.15rem;display:grid}.fp-summary-card__media{border:1px solid var(--line);background:#f4f4f5;border-radius:12px;min-height:180px;overflow:hidden}.fp-summary-card__media img{object-fit:cover;width:100%;height:100%;display:block}.fp-summary-card__eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);margin:0;font-size:.72rem}.fp-summary-card__body h3{letter-spacing:-.03em;margin:.35rem 0 0;font-size:1.05rem;font-weight:600}.fp-summary-card__body>p{color:var(--ink);margin:.55rem 0 0;font-size:.92rem;line-height:1.55}.fp-disclaimer{color:var(--muted)!important;font-size:.78rem!important;line-height:1.45!important}.fp-action-row{flex-wrap:wrap;gap:.45rem;margin-top:1rem;display:flex}.fp-reanalyze{border-top:1px solid var(--line);margin-top:1rem;padding-top:.75rem}.fp-reanalyze summary{cursor:pointer;color:var(--muted);font-size:.8rem;list-style:none}.fp-reanalyze summary::-webkit-details-marker{display:none}.fp-reanalyze__body{gap:.75rem;max-width:28rem;margin-top:.75rem;display:grid}.fp-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:1.35rem;display:grid}.fp-section-card{background:#fff;border:1px solid #00000014;border-radius:16px;flex-direction:column;gap:1rem;height:100%;min-height:0;padding:1.35rem 1.3rem 1.25rem;display:flex}.fp-section-card__head h3{letter-spacing:-.03em;margin:0;font-size:.98rem;font-weight:600}.fp-section-card__head p{color:var(--muted);margin:.3rem 0 0;font-size:.8rem;line-height:1.4}.fp-findings{gap:.55rem;margin:0;display:grid}.fp-findings div{grid-template-columns:7.5rem minmax(0,1fr);align-items:baseline;gap:.65rem;display:grid}.fp-findings dt{color:var(--faint);margin:0;font-size:.78rem}.fp-findings dd{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:.9rem;font-weight:550}.fp-section-card__support{border-top:1px solid var(--line);margin-top:auto;padding-top:.85rem}.fp-section-card__support-label{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);margin:0 0 .45rem;font-size:.7rem}.fp-section-card__note{color:var(--muted);margin:0;font-size:.78rem;line-height:1.45}.fp-bar-list{gap:.4rem;display:grid}.fp-bar__meta{justify-content:space-between;gap:.5rem;margin-bottom:.18rem;display:flex}.fp-bar__label{color:var(--ink);font-size:.78rem}.fp-bar__value{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.72rem}.fp-bar__track{background:#f0f0f0;border-radius:999px;height:5px;overflow:hidden}.fp-bar__fill{border-radius:inherit;background:#18181b;height:100%;display:block}.fp-bar__fill--accent{background:linear-gradient(90deg,#27272a,#52525b)}.fp-palette{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}.fp-palette__item{gap:.35rem;min-width:0;display:grid}.fp-palette__swatch{aspect-ratio:1;border:1px solid #00000014;border-radius:12px;width:100%;display:block}.fp-palette__label{letter-spacing:-.01em;color:var(--ink);font-size:.74rem;font-weight:550}.fp-palette__hex{color:var(--muted);text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.fp-language-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.fp-language-list li{letter-spacing:-.02em;color:var(--ink);padding-left:.95rem;font-size:.9rem;font-weight:550;position:relative}.fp-language-list li:before{content:"";background:var(--ink);border-radius:999px;width:.35rem;height:.35rem;position:absolute;top:.55em;left:0}.fp-icon-matches{flex:1;align-content:start;gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.fp-icon-match{background:#f7f7f8;border-radius:12px;gap:.45rem;padding:.75rem .8rem;display:grid}.fp-icon-match__meta{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.fp-icon-match__name{letter-spacing:-.02em;font-size:.9rem;font-weight:600}.fp-icon-match__score{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.8rem}.fp-icon-match__samples{color:var(--ink);align-items:center;gap:.65rem;display:flex}@media (max-width:1100px){.fp-summary-card{grid-template-columns:minmax(160px,220px) minmax(0,1fr)}.fp-empty-card{width:min(100%,420px);padding:2.1rem 1.6rem 1.9rem}}@media (max-width:900px){.fp-summary-card,.fp-grid{grid-template-columns:1fr;grid-auto-rows:auto}.fp-palette{grid-template-columns:repeat(4,minmax(0,1fr))}.fp-section-card{height:auto;overflow:visible}}@media (max-width:640px){.fp-workspace{gap:1.15rem;padding-bottom:2rem}.fp-empty-wrap{min-height:auto;padding:.5rem 0 1.25rem}.fp-empty-card{width:100%;padding:1.75rem 1.25rem 1.5rem}.fp-summary-card{gap:1rem;padding:1rem}.fp-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.fp-findings div{grid-template-columns:1fr;gap:.15rem}.fp-field-row{grid-template-columns:1fr}.fp-action-row{grid-template-columns:1fr;display:grid}.fp-action-row .btn-primary,.fp-action-row .btn-secondary{justify-content:center;width:100%}}.patterns-page{grid-template-columns:minmax(0,1fr);align-items:start;gap:0;min-height:70vh;display:grid}.patterns-page--references .patterns-side{display:none}.patterns-mode{box-sizing:border-box;background:#f3f4f6;border:1px solid #0000000f;border-radius:10px;flex:none;align-items:stretch;gap:0;height:36px;margin:0;padding:3px;display:inline-flex}.patterns-mode__btn{color:#6b7280;letter-spacing:-.015em;background:0 0;border:0;border-radius:8px;min-width:7.5rem;height:100%;padding:0 .9rem;font-size:.8rem;font-weight:520}.patterns-mode__btn.is-active{color:#111827;background:#fff;box-shadow:0 1px 2px #0000000f,0 1px 1px #0000000a}.pattern-tile__badge{display:none}.patterns-side{border-right:1px solid var(--line);box-sizing:border-box;max-height:calc(100dvh - 5rem);padding:.35rem .85rem 1.5rem 0;position:sticky;top:.5rem;overflow:auto}.patterns-side__group{margin-bottom:.15rem}.patterns-side__item,.patterns-side__sub{text-align:left;width:100%;color:var(--muted);font:inherit;letter-spacing:-.01em;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:.38rem .5rem;font-size:.84rem;font-weight:500;display:block}.patterns-side__item:hover,.patterns-side__sub:hover{color:var(--ink);background:#0000000a}.patterns-side__item.is-active{color:var(--ink);background:#0000000f}.patterns-side__subs{flex-direction:column;gap:.05rem;padding:.1rem 0 .35rem .55rem;display:flex}.patterns-side__sub{padding:.28rem .45rem;font-size:.78rem;font-weight:450}.patterns-side__sub.is-active{color:var(--ink);font-weight:550}.patterns-browse{min-width:0;padding:0 0 2.5rem}.patterns-browse>.page-header{margin-bottom:var(--space-header-below)}.patterns-browse__intro{display:none}.patterns-browse__title{letter-spacing:-.045em;margin:0;font-size:clamp(1.85rem,3vw,2.35rem);font-weight:600;line-height:1.1}.patterns-browse__lede{max-width:34rem;color:var(--muted);letter-spacing:-.015em;margin:.4rem 0 0;font-size:1rem;line-height:1.45}.patterns-browse__collections{border-radius:var(--radius-sm);min-height:34px;color:var(--muted);background:0 0;border:0;flex-shrink:0;align-items:center;gap:.4rem;padding:0 .75rem;font-size:.82rem;font-weight:520;display:inline-flex}.patterns-browse__collections:hover{color:var(--ink);background:#0000000a}.patterns-browse__collections span{min-width:1.25rem;height:1.25rem;color:var(--ink);background:#0000000f;border-radius:999px;justify-content:center;align-items:center;padding:0 .3rem;font-size:.7rem;display:inline-flex}.patterns-browse__filters{flex-direction:column;gap:.5rem;margin:0 0 .85rem;display:flex}.patterns-browse__filter-row{flex-wrap:nowrap;align-items:center;gap:.5rem;width:100%;min-width:0;display:flex}.patterns-browse__filter-row--top{justify-content:flex-start}.patterns-browse__filter-row .ui-field--search{flex:16rem;min-width:12rem}.patterns-page--references .patterns-browse__mode-chips{background:#e9e9eb;border:0;border-radius:10px;flex-wrap:nowrap;flex:none;align-self:center;align-items:center;gap:0;min-height:36px;padding:3px;display:inline-flex}.patterns-page--references .patterns-browse__mode-chips .segmented__btn{width:8.25rem;min-height:30px;color:var(--muted);box-shadow:none;white-space:nowrap;background:0 0;border-radius:8px;flex:0 0 8.25rem;padding:0 .8rem}.patterns-page--references .patterns-browse__mode-chips .segmented__btn.is-active{color:var(--ink);background:#fff;box-shadow:0 1px 2px #00000014,0 1px 1px #0000000a}.patterns-page--references .patterns-browse__filter-row .ui-field--search{flex:auto;min-width:0}.patterns-browse__search{border:1px solid var(--line);border-radius:var(--radius-sm);box-sizing:border-box;background:#fff;flex:auto;align-items:center;gap:.45rem;width:auto;min-width:0;height:36px;min-height:36px;margin:0;padding:0 .75rem;display:flex;position:relative}.patterns-browse__search svg{width:16px;height:16px;color:var(--faint);flex-shrink:0}.patterns-browse__search input{min-width:0;height:100%;font:inherit;letter-spacing:-.01em;color:var(--ink);background:0 0;border:0;outline:none;flex:auto;padding:0;font-size:.84rem}.patterns-browse__search input::placeholder{color:var(--faint)}.patterns-browse__category{flex:none;margin-left:auto}.patterns-browse__category-btn,.patterns-browse__category .chip{white-space:nowrap;height:36px;min-height:36px}.patterns-browse__category-menu{max-height:16rem;overflow:auto}.patterns-browse__category-menu button{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.patterns-browse__chips,.patterns-chip-btn{display:none!important}.patterns-browse__count{color:var(--faint);margin:0 0 1rem;font-size:.78rem}.patterns-gallery{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1rem;display:grid}.pattern-card{border:1px solid var(--line);border-radius:var(--radius);text-align:left;cursor:pointer;background:#fff;flex-direction:column;gap:0;height:100%;min-height:0;padding:0;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.pattern-card:hover{border-color:#00000047;transform:translateY(-3px)}.pattern-card__media{aspect-ratio:16/11;border-radius:var(--radius) var(--radius) 0 0;width:100%;box-shadow:none;background:#f3f4f6;border:0;flex:none;display:block;position:relative;overflow:hidden}.pattern-card__media img{object-fit:cover;object-position:top center;width:100%;height:100%;box-shadow:none;border:0;transition:none;display:block;transform:none}.pattern-card__fav{width:1.55rem;height:1.55rem;color:var(--accent);background:#ffffffeb;border-radius:999px;place-items:center;display:grid;position:absolute;top:.55rem;right:.55rem}.pattern-card__body{text-align:left;flex-direction:column;flex:none;gap:6px;min-width:0;padding:16px;display:flex}.pattern-card__title{letter-spacing:-.025em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;font-weight:600;line-height:1.25;overflow:hidden}.pattern-card__meta{display:none}.pattern-card__desc{color:var(--faint);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:.8125rem;line-height:1.35;display:-webkit-box;overflow:hidden}.pattern-tile{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:.65rem;padding:0;display:flex}.pattern-tile__media{aspect-ratio:16/10;border-radius:var(--radius-sm);background:#f0f0f0;display:block;position:relative;overflow:hidden}.pattern-tile__media img{object-fit:cover;width:100%;height:100%;display:block}.pattern-tile__fav{color:#c23b2e;background:#ffffffeb;border-radius:999px;place-items:center;width:1.55rem;height:1.55rem;display:grid;position:absolute;top:.55rem;right:.55rem}.pattern-tile__meta{flex-direction:column;gap:.12rem;min-height:2.35rem;display:flex}.pattern-tile__meta strong{letter-spacing:-.02em;color:var(--ink);font-size:.9rem;font-weight:560}.pattern-tile__meta span{color:var(--muted);letter-spacing:-.01em;font-size:.78rem;line-height:1.3}.patterns-empty{color:var(--muted);grid-column:1/-1;margin:2rem 0;font-size:.9rem}.patterns-detail{z-index:70;justify-content:flex-end;display:flex;position:fixed;inset:0}.patterns-detail__backdrop{cursor:pointer;background:#0a0a0a47;border:0;margin:0;padding:0;position:absolute;inset:0}.patterns-detail__panel{z-index:1;border-left:1px solid var(--line);background:#fff;flex-direction:column;gap:1rem;width:min(520px,100%);height:100%;padding:1.25rem 1.35rem 2rem;display:flex;position:relative;overflow:auto}.patterns-detail__head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.patterns-detail__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:0;font-size:.68rem}.patterns-detail__head h3{letter-spacing:-.03em;margin:.25rem 0 0;font-size:1.35rem;line-height:1.2}.patterns-detail__shot{border-radius:var(--radius-sm);background:#111;overflow:hidden}.patterns-detail__shot img{object-fit:contain;background:#111;width:100%;height:auto;max-height:min(42vh,380px);display:block}.patterns-detail__attrs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.patterns-detail__attrs dt{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);font-size:.65rem}.patterns-detail__attrs dd{margin:.2rem 0 0;font-size:.88rem}.patterns-detail__attrs a{align-items:center;gap:.25rem;display:inline-flex}.patterns-detail__block h4{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);margin:0 0 .45rem;font-size:.72rem;font-weight:560}.patterns-detail__block ul{color:var(--muted);margin:0;padding-left:1.1rem;font-size:.88rem;line-height:1.45}.patterns-detail__block textarea,.patterns-detail__block select{border:0;border-bottom:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:0 0;border-radius:0;padding:.55rem 0;font-size:.88rem}.patterns-related{flex-direction:column;gap:.45rem;display:flex}.patterns-related__item{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:.65rem;padding:0;display:grid}.patterns-related__item img{object-fit:cover;background:#f0f0f0;border-radius:6px;width:72px;height:48px}.patterns-related__item span{color:var(--ink);flex-direction:column;gap:.1rem;font-size:.84rem;font-weight:520;display:flex}.patterns-related__item small{color:var(--muted);font-size:.74rem;font-weight:450}.patterns-detail__actions{flex-wrap:wrap;gap:.45rem;margin-top:.25rem;display:flex}.patterns-detail__actions .btn-secondary,.patterns-detail__actions .btn-primary{align-items:center;gap:.35rem;display:inline-flex}.patterns-detail__actions .btn-secondary.is-fav{color:#c23b2e}.patterns-disclaimer{color:var(--faint);margin:0;font-size:.72rem;line-height:1.4}.patterns-drawer{z-index:75;justify-content:flex-end;display:flex;position:fixed;inset:0}.patterns-drawer__backdrop{cursor:pointer;background:#0a0a0a47;border:0;margin:0;padding:0;position:absolute;inset:0}.patterns-drawer__panel{z-index:1;border-left:1px solid var(--line);background:#fff;flex-direction:column;gap:.85rem;width:min(400px,100%);height:100%;padding:1.15rem 1.2rem 2rem;display:flex;position:relative;overflow:auto}.patterns-drawer__head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.patterns-drawer__head h3{letter-spacing:-.03em;margin:0;font-size:1.2rem}.patterns-drawer__tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:.15rem;display:flex}.patterns-drawer__tabs button{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 .65rem;font-size:.8rem;font-weight:500}.patterns-drawer__tabs button.is-active{color:var(--ink);border-bottom-color:var(--ink)}.patterns-drawer__new{grid-template-columns:minmax(0,1fr) auto;gap:.35rem;margin-bottom:.65rem;display:grid}.patterns-drawer__new input{border:0;border-bottom:1px solid var(--line);min-height:34px;font:inherit;background:0 0;padding:0 .15rem;font-size:.88rem}.patterns-drawer__new button{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.patterns-drawer__col-tabs{flex-wrap:wrap;gap:.3rem;margin-bottom:.75rem;display:flex}.patterns-drawer__col-tabs button{min-height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.35rem;padding:0 .6rem;font-size:.78rem;display:inline-flex}.patterns-drawer__col-tabs button.is-active{color:var(--ink);background:#0000000f}.patterns-drawer__col-tabs em{color:var(--faint);font-size:.68rem;font-style:normal}.patterns-drawer__list{flex-direction:column;gap:.45rem;display:flex}.patterns-drawer__item{border-bottom:1px solid var(--line);grid-template-columns:auto 56px minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.35rem 0;display:grid}.patterns-drawer__item--btn{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:56px minmax(0,1fr);width:100%}.patterns-drawer__item img{object-fit:cover;background:#f0f0f0;border-radius:5px;width:56px;height:40px}.patterns-drawer__item strong{letter-spacing:-.01em;font-size:.82rem;display:block}.patterns-drawer__item span{color:var(--muted);font-size:.72rem;display:block}.patterns-drawer__grip{color:var(--faint);cursor:grab}.patterns-drawer__item>button{width:1.6rem;height:1.6rem;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.patterns-drawer__notes{flex-direction:column;gap:.65rem;display:flex}.patterns-drawer__note{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;width:100%;padding:.65rem 0;display:block}.patterns-drawer__note strong{margin-bottom:.25rem;font-size:.84rem;display:block}.patterns-drawer__note p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.4}@media (max-width:900px){.patterns-page{grid-template-columns:1fr}.patterns-side{display:none}.patterns-browse{padding:1.15rem 0 2rem}.patterns-browse__filter-row--top,.patterns-page--references .patterns-browse__filter-row{flex-wrap:wrap}.patterns-page--references .patterns-browse__mode-chips{width:auto}.patterns-browse__category{margin-left:0}.patterns-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}@media (max-width:560px){.patterns-gallery{grid-template-columns:minmax(0,1fr);gap:1rem}}.analyze-page{flex-direction:column;gap:0;width:100%;min-width:0;max-width:none;margin:0;padding:0;display:flex}.analyze-page>.page-header{margin-bottom:0}.analyze-page>*+*{margin-top:var(--space-section)}.analyze-page>.page-header+*{margin-top:var(--space-header-below)}.analyze-intro{justify-content:space-between;align-items:flex-start;gap:var(--space-5);width:100%;margin:0 0 var(--space-header-below);min-width:0;display:flex}.analyze-intro__copy{gap:var(--space-header-gap);flex-direction:column;min-width:0;max-width:40rem;display:flex}.analyze-intro__title{font-family:var(--font-space-grotesk), system-ui, sans-serif;font-size:var(--text-page-title);letter-spacing:-.03em;font-weight:600;line-height:var(--lh-page-title);color:var(--ink);margin:0}.analyze-intro__lede{max-width:36rem;font-size:var(--text-body);line-height:var(--lh-body);letter-spacing:-.015em;color:var(--muted);margin:0}.analyze-intro__actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;flex-shrink:0;display:flex}.analyze-modes{gap:var(--space-heading-controls);flex-direction:column;display:flex}.analyze-modes__heading{font-size:var(--text-section);letter-spacing:-.02em;color:var(--ink);margin:0;font-weight:600}.analyze-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;width:100%;display:grid}.analyze-mode-card{background:#fff;border:1px solid #00000014;border-radius:16px;flex-direction:column;min-width:0;transition:opacity .2s;display:flex;overflow:hidden}.analyze-mode-card:hover{border-color:#00000024}.analyze-mode-card.is-selected{background:#fff;border-color:#00000014}.analyze-mode-card.is-selected:hover{border-color:#00000014}.analyze-mode-card.is-dimmed{opacity:.72}.analyze-mode-card__hit{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:.65rem;margin:0;padding:1.25rem 1.25rem 1.15rem;display:flex}.analyze-mode-card__hit:focus-visible{box-shadow:inset var(--focus-ring);outline:none}.analyze-mode-card__icon{width:2.35rem;height:2.35rem;color:var(--ink);background:#f3f4f5;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.analyze-mode-card__title{letter-spacing:-.03em;color:var(--ink);font-size:1.05rem;font-weight:600;line-height:1.25}.analyze-mode-card__desc{letter-spacing:-.015em;color:var(--muted);font-size:.88rem;line-height:1.5}.analyze-mode-card__body{flex-direction:column;gap:.9rem;padding:0 1.25rem 1.25rem;display:flex}.analyze-action-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.analyze-action-tile{border:1px solid var(--line-strong);text-align:center;cursor:pointer;width:100%;height:36px;min-height:36px;color:var(--ink);font:inherit;white-space:nowrap;background:#fff;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;gap:.4rem;margin:0;padding:0 .75rem;transition:background-color .14s,border-color .14s;display:inline-flex}.analyze-action-tile:hover:not(:disabled){color:var(--ink);background:#fafafa;border-color:#d8d8d8}.analyze-action-tile:active:not(:disabled){color:var(--ink);background:#f5f5f5;border-color:#d0d0d0}.analyze-action-tile.is-active{color:var(--ink);background:#fafafa;border-color:#d0d0d0}.analyze-action-tile:disabled{opacity:.5;cursor:not-allowed}.analyze-action-tile:focus-visible{box-shadow:var(--focus-ring);outline:none}.analyze-action-tile__icon{width:auto;height:auto;color:inherit;background:0 0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.analyze-action-tile.is-active .analyze-action-tile__icon{color:inherit;background:0 0}.analyze-action-tile__label{letter-spacing:-.02em;color:inherit;white-space:nowrap;font-size:.82rem;font-weight:600;line-height:1.2}.analyze-review-setup--embedded{border-top:1px solid #0000000f;margin-top:.15rem;padding:.85rem 0 0}@media (max-width:900px){.analyze-action-tiles{grid-template-columns:1fr}}@media (max-width:720px){.analyze-mode-grid{grid-template-columns:1fr}}.analyze-mode-cards{gap:var(--space-related);flex-direction:column;width:100%;display:flex}.analyze-mode-cards__row{gap:var(--space-related);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;width:100%;display:grid}.analyze-mode-hint{border:1px solid var(--line);border-radius:var(--radius-control);color:var(--muted);background:#fafafa;margin:0;padding:.75rem 1rem;font-size:.88rem}.analyze-input{gap:var(--space-related);flex-direction:column;width:100%;display:flex}.analyze-upload{gap:var(--space-related);background:0 0;border:0;border-radius:0;flex-direction:column;padding:0;display:flex}.analyze-upload__drop{width:100%;min-height:108px;color:var(--muted);text-align:center;background:#fafafa;border:1px dashed #0000001f;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1.1rem 1rem;transition:border-color .15s,background-color .15s;display:flex}.analyze-upload__drop:hover,.analyze-upload__drop.is-dragover{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.analyze-upload__drop:hover,.analyze-upload__drop.is-dragover{background:color-mix(in srgb, var(--accent) 4%, #fff)}}.analyze-upload__drop:hover,.analyze-upload__drop.is-dragover{color:var(--ink)}.analyze-upload__drop:disabled{opacity:.65;cursor:not-allowed}.analyze-upload__drop-icon{width:2.25rem;height:2.25rem;color:var(--ink);background:#fff;border:1px solid #0000000f;border-radius:10px;place-items:center;margin-bottom:.15rem;display:grid}.analyze-upload__drop strong{color:var(--ink);font-size:.95rem;font-weight:600}.analyze-upload__drop-cta{color:var(--accent);font-size:.84rem;font-weight:550}.analyze-upload__drop em{font-size:.8rem;font-style:normal}.analyze-url-block{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.analyze-url-block__field{width:100%;min-width:0}.analyze-url-block__field input{width:100%;height:var(--control-height);border:1px solid var(--line);border-radius:var(--radius-control);font:inherit;font-size:var(--text-control);box-sizing:border-box;background:#fff;padding:0 .85rem}.analyze-url-block__field input:focus-visible{box-shadow:var(--focus-ring);outline:none}.analyze-url-block__actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:nowrap;width:100%;display:flex}.analyze-url-block__actions .btn-primary,.analyze-url-block__actions .btn-secondary{flex:none;width:auto;min-width:5.5rem}.analyze-url-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;width:100%;display:flex}.analyze-url-row__field{flex:16rem;min-width:0}.analyze-url-row__field input{width:100%;height:var(--control-height);border:1px solid var(--line);border-radius:var(--radius-control);font:inherit;font-size:var(--text-control);box-sizing:border-box;background:#fff;padding:0 .85rem}.analyze-url-row__field input:focus-visible{box-shadow:var(--focus-ring);outline:none}.analyze-url-row .analyze-upload__error{flex:100%}.analyze-preview{border:1px solid var(--line);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px 16px;width:100%;padding:.75rem;display:flex}.analyze-preview__thumb{object-fit:cover;border:1px solid var(--line);background:#f4f4f5;border-radius:8px;flex-shrink:0;width:56px;height:56px}.analyze-preview__meta{flex-direction:column;flex:10rem;gap:2px;min-width:0;display:flex}.analyze-preview__meta strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:560;overflow:hidden}.analyze-preview__meta span{color:var(--muted);font-size:.78rem}.analyze-preview__actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.analyze-upload__error{color:#b42318;margin:0;font-size:.84rem}.analyze-upload__pending{color:var(--muted);margin:0;font-size:.84rem}.analyze-review-setup{background:0 0;border:0;border-radius:0;flex-direction:column;gap:14px;padding:0;display:flex}.analyze-review-setup__title{letter-spacing:-.02em;margin:0;font-size:.95rem;font-weight:600}.analyze-review-setup__lede{color:var(--muted);margin:0;font-size:.86rem;line-height:1.45}.analyze-style-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.analyze-style-option{text-align:left;background:#fff;border:1px solid #00000014;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:1rem;display:flex}.analyze-style-option.is-active{border:2px solid var(--accent);box-shadow:none;background:#fff;padding:calc(1rem - 1px)}.analyze-style-option strong{color:var(--ink);font-size:.9rem}.analyze-style-option span{color:var(--muted);font-size:.8rem}.analyze-saved-picker{background:#fafafa;border:1px solid #00000014;border-radius:12px;padding:.5rem}.analyze-saved-picker__empty{color:var(--muted);margin:0;padding:.75rem;font-size:.86rem}.analyze-saved-picker__list{flex-direction:column;gap:.25rem;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.analyze-saved-picker__list button{text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.65rem .75rem;display:flex}.analyze-saved-picker__list button:hover{background:#fff}.analyze-saved-picker__list button.is-active{box-shadow:inset 0 0 0 1px var(--accent);background:#fff}.analyze-saved-picker__list strong{color:var(--ink);font-size:.88rem}.analyze-saved-picker__list span{color:var(--muted);font-size:.78rem}.analyze-review-setup__footer{flex-direction:column;align-items:flex-start;gap:.65rem;display:flex}.analyze-loading{border:1px solid var(--accent-border);background:var(--accent-tint);color:var(--ink);border-radius:12px;flex-direction:column;align-items:flex-start;gap:.65rem;padding:1rem 1.15rem;display:flex}.analyze-loading>div:first-of-type{flex-direction:column;gap:.15rem;display:flex}.analyze-loading strong{font-size:.92rem}.analyze-loading span{color:var(--muted);font-size:.82rem}.analyze-loading__bar{background:#2f6fed29;border-radius:999px;width:100%;height:4px;overflow:hidden}.analyze-loading__bar span{border-radius:inherit;background:var(--accent);width:40%;height:100%;animation:1.2s ease-in-out infinite analyze-progress;display:block}@keyframes analyze-progress{0%{transform:translate(-120%)}to{transform:translate(320%)}}.analyze-spin{animation:.8s linear infinite analyze-spin}@keyframes analyze-spin{to{transform:rotate(360deg)}}.analyze-save-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.35rem 0 .75rem;display:flex}.analyze-save-row input{border:1px solid var(--line);border-radius:var(--radius-sm);min-width:0;height:36px;font:inherit;flex:12rem;padding:0 .75rem}.analyze-save-row__note{color:var(--accent);font-size:.82rem}.analyze-another{margin-top:.75rem}@media (max-width:980px){.analyze-intro,.page-header{flex-direction:column;align-items:stretch}.analyze-intro__actions,.page-header__actions{justify-content:flex-start}}@media (max-width:720px){.analyze-mode-cards__row,.analyze-mode-grid,.analyze-action-tiles,.analyze-style-options{grid-template-columns:1fr}.analyze-intro__actions .btn-primary,.analyze-intro__actions .btn-secondary,.page-header__actions .btn-primary,.page-header__actions .btn-secondary{width:100%}.page-header__actions,.analyze-url-row{flex-direction:column;align-items:stretch}.analyze-url-row .btn-primary,.analyze-url-row .btn-secondary{width:100%}.analyze-url-block__actions{flex-wrap:nowrap;justify-content:flex-end}.analyze-url-block__actions .btn-primary,.analyze-url-block__actions .btn-secondary{flex:none;width:auto}.analyze-preview__actions{width:100%;margin-left:0}}.tools-page{flex-direction:column;gap:0;padding:0;display:flex}.tools-page>.page-header{margin-bottom:var(--space-header-below)}.tools-toolbar{width:100%;margin-bottom:var(--space-5);flex-wrap:nowrap;align-items:center;gap:10px;display:flex}.tools-toolbar .ui-field--search{flex:auto;width:auto;min-width:12rem;max-width:none;min-height:0}.tools-toolbar .search-field{border:1px solid var(--line-strong);background-color:#fff;width:100%}.tools-toolbar .ui-select{flex:none;width:auto;min-width:0}.tools-toolbar__select-shell,.tools-toolbar .ui-select__trigger{border:1px solid var(--line-strong);background-color:#fff;width:auto;min-width:8.5rem}.tools-count{margin:0 0 var(--space-2);color:var(--muted);font-size:.8rem}.tools-grid{grid-template-columns:1fr;align-items:stretch;gap:1.1rem;display:grid}@media (min-width:640px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1440px){.tools-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.tool-card{border:1px solid var(--line);border-radius:var(--radius);text-align:left;cursor:pointer;background:#fff;flex-direction:column;gap:.85rem;height:100%;min-height:0;padding:1.15rem 1.15rem 1.05rem;transition:border-color .15s,transform .15s;display:flex;position:relative}.tool-card:hover{border-color:#00000047;transform:translateY(-2px)}.tool-card:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.tool-card__head{align-items:center;gap:.75rem;min-width:0;padding-right:1.75rem;display:flex}.tool-card__logo,.tool-card__logo-fallback{object-fit:contain;background:#f4f4f5;border-radius:10px;flex-shrink:0}.tool-card__logo-fallback{color:var(--ink);letter-spacing:-.02em;place-items:center;font-size:.95rem;font-weight:600;display:grid}.tool-card__titles{min-width:0}.tool-card__name{letter-spacing:-.025em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;font-weight:600;line-height:1.25;overflow:hidden}.tool-card__meta{color:var(--muted);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:.15rem 0 0;font-size:.78rem;overflow:hidden}.tool-card__desc{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:auto;margin:0;font-size:.84rem;line-height:1.45;display:-webkit-box;overflow:hidden}.site-content .tool-card__ext,.tool-card__ext{width:20px;height:20px;color:var(--ink);background:0 0;place-items:center;text-decoration:none;display:grid;position:absolute;top:16px;right:16px}.site-content .tool-card__ext svg,.tool-card__ext svg{color:inherit;stroke:currentColor;fill:none}.site-content .tool-card__ext:hover,.tool-card__ext:hover{color:var(--ink);opacity:.7}.tool-card__ext:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.tools-detail{z-index:70;justify-content:flex-end;display:flex;position:fixed;inset:0}.tools-detail__backdrop{cursor:pointer;background:#0a0a0a47;border:0;margin:0;padding:0;position:absolute;inset:0}.tools-detail__panel{z-index:1;border-left:1px solid var(--line);background:#fff;flex-direction:column;gap:1rem;width:min(480px,100%);height:100%;padding:1.25rem 1.35rem 2rem;display:flex;position:relative;overflow:auto}.tools-detail__head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.tools-detail__identity{align-items:center;gap:.85rem;min-width:0;display:flex}.tools-detail__eyebrow{color:var(--muted);letter-spacing:-.01em;margin:0 0 .2rem;font-size:.75rem}.tools-detail__head h3{letter-spacing:-.03em;color:var(--ink);margin:0;font-size:1.35rem;font-weight:600;line-height:1.2}.tools-detail__attrs{flex-direction:column;gap:.95rem;margin:0;display:flex}.tools-detail__attrs dt{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 .25rem;font-size:.72rem;font-weight:560}.tools-detail__attrs dd{color:var(--ink);margin:0;font-size:.9rem;line-height:1.45}.tools-detail__attrs a{color:var(--ink);align-items:center;gap:.3rem;display:inline-flex}.tools-detail__list{flex-direction:column;gap:.3rem;margin:0;padding-left:1.1rem;display:flex}.tools-detail__block h4{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 .65rem;font-size:.78rem;font-weight:560}.tools-related{flex-direction:column;gap:.45rem;display:flex}.tools-related__item{border:1px solid var(--line);border-radius:var(--radius-sm);text-align:left;cursor:pointer;background:#fff;align-items:center;gap:.7rem;width:100%;padding:.55rem .65rem;transition:border-color .15s,background .15s;display:flex}.tools-related__item:hover{background:#fafafa;border-color:#00000047}.tools-related__item span{letter-spacing:-.02em;min-width:0;color:var(--ink);flex-direction:column;gap:.1rem;font-size:.88rem;font-weight:550;display:flex}.tools-related__item small{color:var(--muted);font-size:.75rem;font-weight:450}.tools-detail__actions{flex-wrap:wrap;gap:.6rem;margin-top:auto;padding-top:.5rem;display:flex}.tools-detail__actions .btn-primary{text-decoration:none}@media (max-width:720px){.tools-toolbar{flex-wrap:wrap}.tools-toolbar .ui-field--search,.tools-toolbar .search-field{flex:100%;width:100%;min-width:0}.tools-toolbar .ui-select{flex:auto;min-width:0}.tools-detail__panel{width:100%}.tool-card,.tools-related__item{min-height:44px}}.resources-page{flex-direction:column;gap:0;width:100%;min-width:0;display:flex}.resources-page>.page-header{margin-bottom:var(--space-header-below)}.resources-mode{width:auto;min-width:12.5rem}.resources-library{flex-direction:column;gap:0;width:100%;min-width:0;display:flex}.resources-toolbar{align-items:center;gap:var(--space-2);width:100%;min-width:0;margin-bottom:var(--space-3);display:flex}.resources-toolbar .ui-field--search,.resources-toolbar .search-field{flex:auto;width:100%;min-width:0;max-width:none}.resources-toolbar .ui-field--search{flex-basis:auto;min-height:0}.resources-count{margin:0 0 var(--space-3);color:var(--muted);font-size:.8rem}.resources-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:stretch;gap:.85rem;width:100%;display:grid}.resources-grid>.empty-state{grid-column:1/-1}a.resources-card,button.resources-card{border:1px solid var(--line);width:100%;min-width:0;height:100%;min-height:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;box-sizing:border-box;background:#fff;border-radius:12px;flex-direction:column;align-items:stretch;gap:.65rem;margin:0;padding:.7rem .7rem .75rem;text-decoration:none;transition:border-color .14s,box-shadow .14s,background-color .14s;display:flex;position:relative;overflow:hidden}a.resources-card:hover,button.resources-card:hover{border-color:#00000029;box-shadow:0 6px 18px #0000000a}a.resources-card:focus-visible,button.resources-card:focus-visible{box-shadow:var(--focus-ring);border-color:#2f6fed73;outline:none}a.resources-card.is-selected,button.resources-card.is-selected{border-color:#0000003d;box-shadow:0 0 0 1px #00000014}.resources-card__cover{background:#f4f5f6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:108px;min-height:108px;max-height:108px;display:flex;overflow:hidden}.resources-card__paper{aspect-ratio:3/4;background:var(--surface-muted);border-radius:3px;flex:none;width:auto;max-width:4.75rem;height:calc(100% - 12px);display:block;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000f,0 6px 12px #0000000a}.resources-card__paper .resources-page-face{z-index:1;transition:opacity var(--motion);position:absolute;inset:0}.resources-card__page-shot{z-index:2;object-fit:cover;object-position:top center;opacity:0;width:100%;height:100%;transition:opacity var(--motion);background:var(--bg-elevated);display:block;position:relative}.resources-card__page-shot.is-ready{opacity:1}.resources-card__logo{object-fit:contain;object-position:center;image-rendering:auto;background:#fff;border:1px solid #0000000f;border-radius:12px;flex-shrink:0;width:4.25rem;height:4.25rem;margin:0}.resources-card__mark{width:4.25rem;height:4.25rem;color:var(--ink);background:#fff;border:1px solid #0000000f;border-radius:12px;place-items:center;display:grid}.resources-card__logo-fallback{display:none}.resources-page-face{width:100%;height:100%;display:block}.resources-page-face__sheet{box-sizing:border-box;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--line);flex-direction:column;width:100%;height:100%;min-height:5.5rem;padding:.4rem .45rem .35rem;display:flex;overflow:hidden}.resources-page-face__brand{align-items:center;gap:.28rem;min-width:0;margin-bottom:.3rem;display:flex}.resources-page-face__mono{background:var(--ink);color:#fff;letter-spacing:-.04em;border-radius:2px;flex-shrink:0;place-items:center;width:.8rem;height:.8rem;font-size:.46rem;font-weight:700;display:grid}.resources-page-face__brand-text{letter-spacing:.01em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.46rem;font-weight:650;overflow:hidden}.resources-page-face__page{color:var(--faint);flex-shrink:0;margin-left:auto;font-size:.44rem}.resources-page-face__title{letter-spacing:-.02em;color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .25rem;font-size:.56rem;font-weight:650;line-height:1.25;display:-webkit-box;overflow:hidden}.resources-page-face__rule{background:var(--line);height:1px;margin:0 0 .25rem;display:block}.resources-page-face__body{flex-direction:column;flex:auto;gap:.18rem;min-height:0;display:flex;overflow:hidden}.resources-page-face__body p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.4rem;line-height:1.35;display:-webkit-box;overflow:hidden}.resources-page-face__line{background:var(--line-strong);border-radius:1px;height:1.5px;display:block}.resources-page-face__line--mid{width:78%}.resources-page-face__line--short{width:52%}.resources-page-face__foot{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;margin-top:auto;padding-top:.2rem;font-size:.38rem;overflow:hidden}.resources-page-face--sheet .resources-page-face__sheet,.resources-page-face--hd .resources-page-face__sheet{min-height:0;box-shadow:none;border-color:var(--line);border-radius:2px;padding:8% 9% 7%}.resources-page-face--sheet .resources-page-face__mono,.resources-page-face--hd .resources-page-face__mono{width:1.05rem;height:1.05rem;font-size:.6rem}.resources-page-face--sheet .resources-page-face__brand-text,.resources-page-face--hd .resources-page-face__brand-text{font-size:.68rem}.resources-page-face--sheet .resources-page-face__page,.resources-page-face--hd .resources-page-face__page{font-size:.66rem}.resources-page-face--sheet .resources-page-face__title{-webkit-line-clamp:3;margin-bottom:.5rem;font-size:1rem}.resources-page-face--hd .resources-page-face__title{-webkit-line-clamp:3;margin-bottom:.6rem;font-size:1.25rem}.resources-page-face--sheet .resources-page-face__body p{-webkit-line-clamp:3;font-size:.76rem;line-height:1.45}.resources-page-face--hd .resources-page-face__body p{-webkit-line-clamp:4;font-size:.9rem;line-height:1.5}.resources-page-face--sheet .resources-page-face__foot,.resources-page-face--hd .resources-page-face__foot{padding-top:.7rem;font-size:.66rem}.resources-page-face.is-covered{opacity:0;pointer-events:none}.resources-card__body{flex-direction:column;flex:auto;gap:.3rem;min-width:0;padding-right:1.25rem;display:flex}.resources-card__badge{color:var(--muted);letter-spacing:-.01em;background:#f3f4f5;border-radius:999px;align-self:flex-start;margin:0;padding:.08rem .4rem;font-size:.64rem;font-weight:550;line-height:1.3;display:inline-flex}.resources-card__title{letter-spacing:-.025em;color:var(--ink);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:.9rem;font-weight:650;line-height:1.3;display:-webkit-box;overflow:hidden}.resources-card__summary{color:var(--ink-2);-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:.78rem;line-height:1.4;display:-webkit-box;overflow:hidden}.site-content .resources-card__ext,.resources-card__ext{z-index:2;width:1.5rem;height:1.5rem;color:var(--accent);pointer-events:none;background:#ffffffeb;border:0;border-radius:6px;place-items:center;margin:0;padding:0;text-decoration:none;display:grid;position:absolute;top:.55rem;right:.55rem;box-shadow:0 0 0 1px #0000000a}.site-content .resources-card__ext svg,.resources-card__ext svg{color:inherit;stroke:currentColor;fill:none}a.resources-card:hover .resources-card__ext,a.resources-card:focus-visible .resources-card__ext{color:var(--accent-hover)}.resources-link:hover{background:#0000000a}.resources-question{flex-direction:column;gap:.4rem;display:flex}.resources-question textarea,.resources-inline-form input{box-sizing:border-box;border:1px solid var(--line,#e8e8e8);width:100%;font:inherit;color:var(--ink,#0a0a0a);resize:vertical;background:#fff;border-radius:10px;padding:.7rem .8rem;font-size:.92rem;line-height:1.4}.resources-question textarea:focus-visible,.resources-inline-form input:focus-visible{box-shadow:var(--focus-ring);outline:none}.resources-suggestions .chip-row{max-height:none}.resources-suggestions .chip{white-space:normal;text-align:left;max-width:100%;height:auto;min-height:32px;padding-top:.35rem;padding-bottom:.35rem;line-height:1.3}.resources-recent ul{flex-direction:column;gap:.25rem;margin:.35rem 0 0;padding:0;list-style:none;display:flex}.resources-recent button{text-align:left;width:100%;font:inherit;color:var(--muted,#6b6b6b);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.4rem .45rem;font-size:.84rem}.resources-recent button:hover{color:var(--ink,#0a0a0a);background:#0000000a}.resources-answer{border:1px solid var(--line,#e8e8e8);background:#fff;border-radius:12px;padding:1.1rem 1.15rem 1.25rem}.resources-answer__head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.resources-answer h3,.resources-answer h4{letter-spacing:.04em;text-transform:uppercase;color:var(--muted,#6b6b6b);margin:0;font-size:.78rem;font-weight:600}.resources-answer h4{margin-top:1.1rem;margin-bottom:.35rem}.resources-answer p{color:var(--ink,#0a0a0a);margin:0;font-size:.94rem;line-height:1.5}.resources-answer__warning{background:#f7f7f7;border-radius:8px;padding:.55rem .7rem;color:var(--muted,#6b6b6b)!important;margin:0 0 .75rem!important;font-size:.86rem!important}.resources-badge{border:1px solid var(--line,#e8e8e8);color:var(--muted,#6b6b6b);border-radius:999px;padding:.2rem .45rem;font-size:.72rem;font-weight:550}.resources-citations{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.resources-citations li{border-bottom:1px solid #0000000d;flex-direction:column;gap:.15rem;padding-bottom:.55rem;display:flex}.resources-citations strong{letter-spacing:-.015em;font-size:.9rem}.resources-citations span{color:var(--muted,#6b6b6b);font-size:.78rem}.resources-citations a{color:var(--ink,#0a0a0a);align-items:center;gap:.25rem;font-size:.8rem;display:inline-flex}.resources-citations em{color:var(--muted,#6b6b6b);font-size:.82rem;font-style:normal}.resources-review-copy{color:var(--ink,#0a0a0a);background:#fafafa;border-left:2px solid #0000002e;margin:0;padding:.75rem .85rem;font-size:.92rem;line-height:1.5}.resources-answer__actions{margin-top:1rem}.resources-inline-form{flex-wrap:wrap;gap:.4rem;margin:.5rem 0 .75rem;display:flex}.resources-inline-form input{resize:none;flex:12rem;min-height:36px}.resources-detail{z-index:70;place-items:stretch end;display:grid;position:fixed;inset:0}.resources-detail__backdrop{cursor:pointer;background:#0f0f0f2e;border:0;position:absolute;inset:0}.resources-detail__panel{background:var(--bg-elevated);border-left:1px solid var(--line);box-sizing:border-box;flex-direction:column;width:min(32.5rem,100vw);min-width:0;height:100%;min-height:0;max-height:100%;transition:width .28s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.resources-detail__panel.is-hd-preview,.resources-detail__panel.has-preview{width:min(40rem,100vw)}.resources-detail__head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-3);flex-shrink:0;display:flex}.resources-detail__title-text{gap:var(--space-header-gap);flex-direction:column;min-width:0;display:flex}.resources-detail__eyebrow{font-size:var(--text-label);letter-spacing:.04em;text-transform:uppercase;color:var(--faint);margin:0;font-weight:550;line-height:1.3}.resources-detail__title{letter-spacing:-.035em;color:var(--ink);margin:0;font-size:1.35rem;font-weight:600;line-height:1.2}.resources-detail__close{flex-shrink:0;margin:-.1rem -.2rem 0 0}.resources-detail__scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding:0 var(--space-5) var(--space-6);gap:var(--space-5);flex-direction:column;flex:auto;display:flex;overflow:hidden auto}.resources-detail__preview{gap:var(--space-1);flex-direction:column;flex-shrink:0;min-width:0;display:flex}.resources-detail__preview-stage{border-radius:var(--radius);background:var(--surface-muted);padding:var(--space-3)}.resources-detail__preview-frame{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--bg-elevated);border-radius:3px;width:100%;max-width:22rem;min-height:18rem;max-height:min(68vh,38rem);margin:0 auto;position:relative;overflow:auto;box-shadow:0 1px 2px #0000000a}.resources-detail__preview-frame.is-scrollable{aspect-ratio:auto}.resources-detail__panel.is-hd-preview .resources-detail__preview-stage{padding:var(--space-3)}.resources-detail__preview-hit{cursor:zoom-in;z-index:3;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}.resources-detail__preview-frame .resources-page-face{z-index:1;transition:opacity var(--motion);position:absolute;inset:0}.resources-detail__preview-frame.is-scrollable .resources-page-face{min-height:18rem}.resources-detail__preview-img{z-index:2;object-fit:contain;object-position:top center;opacity:0;width:100%;height:100%;transition:opacity var(--motion);background:var(--bg-elevated);display:block;position:relative}.resources-detail__preview-img.is-scroll-page{object-fit:contain;height:auto;min-height:100%}.resources-detail__preview-img.is-ready{opacity:1}.resources-detail__preview-bar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:0 .1rem;display:flex}.resources-detail__preview-meta{font-size:var(--text-meta);color:var(--muted)}.resources-detail__preview-action{font:inherit;font-size:var(--text-helper);color:var(--ink);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;align-items:center;gap:.3rem;margin:0;padding:.25rem .35rem;font-weight:520;display:inline-flex}.resources-detail__preview-action:hover{background:#0000000a}.resources-detail__preview-action:focus-visible{box-shadow:var(--focus-ring);outline:none}.resources-detail__lead{min-width:0}.resources-detail__label{margin:0 0 var(--space-label-input);font-size:var(--text-label);letter-spacing:.04em;text-transform:uppercase;color:var(--faint);font-weight:550}.resources-detail__takeaways{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.resources-detail__takeaways li{font-size:var(--text-body);line-height:var(--lh-body);letter-spacing:-.015em;color:var(--ink);margin:0;padding-left:.95rem;position:relative}.resources-detail__takeaways li:before{content:"";background:var(--ink);opacity:.35;border-radius:50%;width:4px;height:4px;position:absolute;top:.62em;left:0}.resources-detail__summary{max-width:36rem;font-size:var(--text-helper);color:var(--ink-2);margin:0;line-height:1.55}.resources-detail__context{gap:var(--space-4);display:grid}.resources-detail__block{max-width:36rem;margin:0}.resources-detail__block p,.resources-detail__quote{font-size:var(--text-helper);color:var(--ink-2);margin:0;line-height:1.55}.resources-detail__quote{color:var(--ink);padding-left:var(--space-2);border-left:2px solid var(--line-strong)}.resources-detail__related ul{flex-direction:column;gap:.1rem;margin:0;padding:0;list-style:none;display:flex}.resources-detail__related button{text-align:left;border-radius:var(--radius-sm);width:100%;font:inherit;letter-spacing:-.015em;color:var(--ink);cursor:pointer;background:0 0;border:0;margin:0 -.4rem;padding:.45rem .4rem;font-size:.9rem;font-weight:520;display:block}.resources-detail__related button:hover{background:var(--surface-muted)}.resources-detail__related button:focus-visible{box-shadow:var(--focus-ring);outline:none}.resources-detail__note{gap:var(--space-label-input);flex-direction:column;display:flex}.resources-detail__note textarea{box-sizing:border-box;border:1px solid var(--line-strong);border-radius:var(--radius-control);width:100%;font:inherit;font-size:var(--text-helper);color:var(--ink);background:var(--bg);resize:vertical;min-height:4.25rem;padding:.7rem .8rem;line-height:1.45}.resources-detail__note textarea:focus-visible{background:var(--bg-elevated);box-shadow:var(--focus-ring);border-color:var(--line-strong);outline:none}.resources-detail__foot{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5) var(--space-4);border-top:1px solid var(--line);background:var(--bg-elevated);flex-shrink:0;display:flex}.resources-detail__foot-spacer{width:1px;height:1px;display:block}.resources-detail__ghost{font:inherit;font-size:var(--text-helper);color:var(--muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;align-items:center;gap:.35rem;margin:0;padding:.35rem .4rem;font-weight:520;text-decoration:none;display:inline-flex}.resources-detail__ghost:hover{color:var(--ink);background:var(--surface-muted)}.resources-detail__ghost:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (max-width:720px){.resources-detail__panel,.resources-detail__panel.is-hd-preview{width:100%}}.app-shell--advisor .app-main{overflow:hidden}.app-shell--advisor .app-main__inner{flex-direction:column;height:100%;min-height:0;padding-top:24px;padding-bottom:16px;display:flex;overflow:hidden}.advisor-page{box-sizing:border-box;flex-direction:column;flex:auto;width:100%;min-width:0;max-width:none;min-height:0;margin:0;padding:0;display:flex;overflow:hidden}.advisor-page>.page-header{flex-shrink:0}.advisor-shell{background:#fff;border:1px solid #00000014;border-radius:14px;flex:auto;grid-template-columns:minmax(0,1fr);width:100%;height:auto;min-height:0;max-height:none;display:grid;overflow:hidden;box-shadow:0 1px 2px #00000008}.advisor-shell.is-sidebar-collapsed{grid-template-columns:3.25rem minmax(0,1fr)}.advisor-shell.is-sidebar-collapsed .advisor-sidebar{opacity:1;pointer-events:auto;padding-left:.45rem;padding-right:.45rem}.advisor-shell.is-sidebar-collapsed .advisor-sidebar__new-label,.advisor-shell.is-sidebar-collapsed .advisor-sidebar__section{display:none}.advisor-shell.is-sidebar-collapsed .advisor-sidebar__top{flex-direction:column;gap:.4rem}.advisor-shell.is-sidebar-collapsed .advisor-sidebar__new{width:100%;padding-inline:0}.advisor-shell.is-sidebar-collapsed .advisor-sidebar__toggle{width:100%}.advisor-sidebar{background:#f7f7f8;border-right:1px solid #0000000f;flex-direction:column;gap:1rem;min-width:0;padding:.85rem .7rem 1rem;transition:opacity .18s,padding .18s;display:flex;overflow:hidden}.advisor-sidebar__top{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.advisor-sidebar__new{min-width:0;min-height:2.35rem;color:var(--ink,#0a0a0a);font:inherit;letter-spacing:-.015em;cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:10px;flex:auto;justify-content:center;align-items:center;gap:.45rem;font-size:.86rem;font-weight:550;display:inline-flex}.advisor-sidebar__new:hover{background:#fafafa;border-color:#00000024}.advisor-sidebar__toggle{width:2.35rem;height:2.35rem;color:var(--ink-2,#3a3a3a);cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.advisor-sidebar__toggle:hover{color:var(--ink,#0a0a0a);background:#fafafa;border-color:#00000024}.advisor-sidebar__section{flex-direction:column;flex:auto;gap:.45rem;min-height:0;display:flex;overflow:hidden}.advisor-sidebar__label{color:var(--muted,#666);letter-spacing:-.01em;margin:0 .35rem;font-size:.72rem;font-weight:500}.advisor-sidebar__list{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:.15rem;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.advisor-sidebar__list::-webkit-scrollbar{width:0;height:0;display:none}.advisor-sidebar__item{text-align:left;width:100%;font:inherit;letter-spacing:-.015em;color:var(--ink-2,#3a3a3a);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.55rem .6rem;font-size:.84rem;line-height:1.35;display:block}.advisor-sidebar__item span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.advisor-sidebar__item:hover{color:var(--ink,#0a0a0a);background:#0000000a}.advisor-sidebar__item.is-active{color:var(--ink,#0a0a0a);background:#fff;font-weight:550;box-shadow:0 0 0 1px #0000000f}.advisor-sidebar__empty{color:var(--muted,#666);margin:.25rem .35rem 0;font-size:.8rem;line-height:1.45}.advisor-main{background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}.advisor-main__head{border-bottom:1px solid #0000000d;flex-shrink:0;align-items:center;gap:.75rem;padding:.85rem 1.15rem;display:flex}.advisor-main__title{letter-spacing:-.02em;color:var(--ink,#0a0a0a);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:600;overflow:hidden}.advisor-main__new{border:1px solid var(--line);min-height:32px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:.4rem;margin-left:auto;padding:0 .7rem;font-size:.8rem;font-weight:550;display:inline-flex}.advisor-main__new:hover{background:var(--surface-muted)}.advisor-stream{scrollbar-width:none;-ms-overflow-style:none;flex:auto;min-height:0;padding:1.25rem 1.25rem .5rem;overflow:auto}.advisor-stream::-webkit-scrollbar{width:0;height:0;display:none}.advisor-hero{text-align:center;flex-direction:column;align-items:center;gap:.85rem;max-width:38rem;margin:4.5rem auto 2rem;display:flex}.advisor-hero__mark{color:#2563eb;background:#dbeafe;border-radius:12px;place-items:center;width:3rem;height:3rem;margin-bottom:.25rem;display:grid}.advisor-hero__title{letter-spacing:-.04em;max-width:18ch;color:var(--ink,#0a0a0a);margin:0;font-size:clamp(1.45rem,2.6vw,1.85rem);font-weight:600;line-height:1.15}.advisor-hero__prompts{flex-wrap:wrap;justify-content:center;gap:.45rem;width:100%;margin-top:.65rem;display:flex}.advisor-hero__prompt{font:inherit;letter-spacing:-.015em;color:var(--ink-2,#3a3a3a);cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:999px;padding:.55rem .9rem;font-size:.84rem;transition:background .12s,border-color .12s}.advisor-hero__prompt:hover{color:var(--ink,#0a0a0a);background:#f7f7f8;border-color:#00000024}.advisor-messages{flex-direction:column;gap:1.35rem;width:100%;max-width:46rem;margin:0 auto;padding-bottom:1rem;display:flex}.advisor-msg--user{justify-content:flex-end;display:flex}.advisor-bubble{max-width:min(36rem,92%);color:var(--ink,#0a0a0a);letter-spacing:-.015em;white-space:pre-wrap;background:#f2f2f3;border-radius:1.15rem 1.15rem .35rem;padding:.8rem 1rem;font-size:.95rem;line-height:1.5}.advisor-msg--assistant{justify-content:flex-start;display:flex}.advisor-thinking{color:var(--muted,#666);background:#f7f7f8;border-radius:12px;align-items:center;gap:.55rem;padding:.7rem .9rem;font-size:.88rem;display:inline-flex}.advisor-thinking__dot{background:var(--ink,#0a0a0a);border-radius:999px;width:.45rem;height:.45rem;animation:1s ease-in-out infinite advisor-pulse}.advisor-card{flex-direction:column;gap:1rem;width:100%;max-width:42rem;padding:.15rem .1rem .35rem;display:flex}.advisor-card__head{align-items:center;gap:.55rem;display:flex}.advisor-card__brand{letter-spacing:-.015em;color:var(--ink,#0a0a0a);font-size:.8rem;font-weight:600}.advisor-card__badge{color:var(--muted,#666);background:#f3f3f4;border-radius:999px;padding:.15rem .45rem;font-size:.72rem;font-weight:500}.advisor-card__badge--ok{color:var(--ink-2,#3a3a3a)}.advisor-card__note{color:var(--muted,#666);background:#f7f7f8;border-radius:10px;margin:0;padding:.65rem .75rem;font-size:.86rem;line-height:1.45}.advisor-card__sources{flex-wrap:wrap;gap:.4rem;display:flex}.advisor-card__source{max-width:100%;color:inherit;background:#fafafa;border:1px solid #0000000f;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .55rem;font-size:.78rem;text-decoration:none;display:inline-flex}.advisor-card__source span{background:#0000000f;border-radius:999px;flex-shrink:0;place-items:center;width:1.05rem;height:1.05rem;font-size:.68rem;font-weight:600;display:grid}.advisor-card__source strong{letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;font-weight:550;overflow:hidden}.advisor-card__source:hover{background:#fff;border-color:#0000001f}.advisor-card__section h3{letter-spacing:-.01em;color:var(--muted,#666);text-transform:none;margin:0 0 .35rem;font-size:.8rem;font-weight:550}.advisor-card__section p,.advisor-card__quote{letter-spacing:-.015em;color:var(--ink,#0a0a0a);margin:0;font-size:.95rem;line-height:1.55}.advisor-card__actions{gap:.45rem;padding-top:.25rem;display:flex}.advisor-composer-dock{background:linear-gradient(#fff0 0%,#fff 28%);flex-shrink:0;padding:.65rem 1.15rem .95rem}.advisor-composer{background:#fff;border:1px solid #0000001a;border-radius:1.35rem;flex-direction:column;max-width:46rem;margin:0 auto;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden;box-shadow:0 8px 28px #0000000d}.advisor-composer:focus-within{border-color:#0000002e;box-shadow:0 10px 32px #00000012}.advisor-composer__label{margin:0;display:block}.advisor-composer textarea{box-sizing:border-box;resize:none;width:100%;font:inherit;letter-spacing:-.015em;color:var(--ink,#0a0a0a);field-sizing:content;background:0 0;border:0;outline:none;min-height:3.25rem;max-height:10rem;padding:.95rem 1.1rem .35rem;font-size:.98rem;line-height:1.45;display:block}.advisor-composer textarea::placeholder{color:#00000061}.advisor-composer__bar{justify-content:space-between;align-items:center;gap:.75rem;padding:.35rem .55rem .55rem 1.05rem;display:flex}.advisor-composer__hint{color:#00000061;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.advisor-send{background:var(--ink,#0a0a0a);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;width:2.15rem;height:2.15rem;transition:opacity .15s,transform .12s;display:inline-flex}.advisor-send:hover:not(:disabled){transform:translateY(-1px)}.advisor-send:disabled{opacity:.22;cursor:not-allowed}.advisor-send__pulse{background:#fff;border-radius:999px;width:.55rem;height:.55rem;animation:.9s ease-in-out infinite advisor-pulse}@keyframes advisor-pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.advisor-composer-dock__note{display:none}@media (max-width:900px){.advisor-shell{grid-template-columns:1fr;height:auto;min-height:0}.advisor-sidebar{border-bottom:1px solid #0000000f;border-right:0;max-height:min(42vh,18rem);display:flex}.advisor-shell.is-sidebar-collapsed .advisor-sidebar,.advisor-shell:not(.is-sidebar-collapsed) .advisor-sidebar{display:flex}.advisor-shell.is-sidebar-collapsed{grid-template-columns:1fr}.advisor-shell.is-sidebar-collapsed .advisor-sidebar{max-height:none;padding-left:.7rem;padding-right:.7rem}.advisor-shell.is-sidebar-collapsed .advisor-sidebar__top{flex-direction:row;gap:.4rem}.advisor-shell.is-sidebar-collapsed .advisor-sidebar__new{flex:auto;width:auto}.advisor-shell.is-sidebar-collapsed .advisor-sidebar__new-label{display:inline}.advisor-shell.is-sidebar-collapsed .advisor-sidebar__toggle{width:2.35rem}.advisor-hero{margin-top:1.25rem}}@media (max-width:640px){.advisor-shell{border-radius:12px;height:auto;min-height:0}.advisor-composer-dock{padding-left:.75rem;padding-right:.75rem}.advisor-stream{padding-left:.85rem;padding-right:.85rem}}@media (max-width:1100px){.patterns-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.playground-preview-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.style-ref-banner{flex-direction:column;align-items:stretch}.generate-bar,.generate-bar--color,.generate-bar--color-secondary,.generate-bar--type,.generate-bar--type-secondary{flex-wrap:wrap;overflow-x:visible}.generate-bar .font-search{flex:100%;min-width:0;max-width:none}.generate-bar__metric{flex:auto}.generate-bar__metric:last-of-type .input-shell--bar{width:100%;min-width:0}.patterns-browse__filter-row,.patterns-browse__filter-row--top{flex-wrap:wrap}.patterns-browse__filter-row .ui-field--search,.patterns-browse__filter-row .search-field{flex:100%;width:100%;min-width:0}.fp-scorecard__criteria{grid-template-columns:1fr}.advisor-composer{min-width:0}.advisor-hero__prompt{max-width:100%}}@media (max-width:820px){.site-tabs-wrap{width:100%}.site-tabs{width:100%;max-width:100%}.site-header{flex-wrap:wrap}.site-header__meta{max-width:100%}}@media (max-width:720px){.icon-card__previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem .75rem;min-height:0;padding:.85rem .75rem}.pg-deals__head,.pg-deals__row{grid-template-columns:1.2fr .9fr .8fr}.pg-deals__head span:nth-child(n+4),.pg-deals__row span:nth-child(n+4){display:none}.playground-stage{min-width:0;max-width:100%;overflow-x:auto}.playground-stage-wrap{min-width:0;overflow-x:hidden}.playground-stage__frame,.pg-chrome{min-width:0;max-width:100%}.pg-topbar__actions{flex-wrap:wrap;justify-content:flex-end;max-width:100%}.pg-search{min-width:0}.fp-summary-card{grid-template-columns:1fr}.fp-summary-card__media{min-height:160px;max-height:220px}.fp-summary-card__media img{object-fit:cover}.fp-action-row{grid-template-columns:1fr;display:grid}.fp-action-row .btn-primary,.fp-action-row .btn-secondary{justify-content:center;width:100%}.analyze-save-row{flex-wrap:wrap}.analyze-save-row input{flex:100%;width:100%;min-width:0}.gen-fields{flex-wrap:wrap}.input-shell--bar{min-width:0}}@media (max-width:640px){.site-tabs{height:36px}.site-tab{padding:0 .55rem;font-size:.7rem}.patterns-gallery,.playground-preview-gallery,.pg-kpi-grid,.pg-sales-tiles,.pg-dabang-top,.pg-dabang-mid,.pg-dabang-bot{grid-template-columns:1fr}.pg-deals__head,.pg-deals__row{grid-template-columns:1fr .7fr}.pg-deals__head span:nth-child(n+3),.pg-deals__row span:nth-child(n+3){display:none}.advisor-hero__title{font-size:1.35rem}.advisor-composer textarea,.resources-card,.tool-card,.pattern-card,.icon-card{min-width:0}.tool-card__titles,.pattern-card__title,.icon-card__name{overflow-wrap:anywhere;word-break:break-word}.page-header__desc,.page-header__title{max-width:100%}.daily-quote-drawer{padding:.85rem}.daily-quote-drawer__panel{width:100%;max-height:min(84dvh,640px)}}@media (max-width:480px){.site-header__meta{display:none}.generate-summary__chip,.chip{max-width:100%}.analyze-mode-card__desc{overflow-wrap:anywhere}.fp-scorecard__score strong{font-size:1.65rem}}@media (max-width:390px){.site-tab{padding:0 .45rem;font-size:.66rem}.btn-primary,.btn-secondary,.btn-ghost{min-width:0}.advisor-sidebar__new{font-size:.8rem}}:is(.home-feature-card,.interactive-card,.analyze-mode-card,.a11y-source-card){border-color:var(--line);box-shadow:none;background-color:#fff}:is(.home-feature-card,.interactive-card,.analyze-mode-card,.a11y-source-card):hover{border-color:var(--line-strong);box-shadow:none;background-color:#fff}:is(.home-feature-card__icon,.interactive-card__icon,.analyze-mode-card__icon,.a11y-source-card__icon){background:var(--accent-soft);color:var(--accent)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}