.pg-family{--pg-family-wash:color-mix(in srgb, var(--foreground) 4%, transparent);min-height:0;font-family:var(--font-sans);flex-direction:column;flex:1;font-size:14px;font-weight:400;display:flex;container:iris-playground/inline-size}.pg-family-header{justify-content:space-between;align-items:center;gap:12px;padding:16px 20px 10px;display:flex}.pg-family-header strong{letter-spacing:-.025em;font-size:16px;font-weight:500}.pg-family-header>span{color:var(--muted-foreground);font-size:11px}.pg-family-project{color:var(--muted-foreground);padding:0 20px 12px;font-size:12px}.pg-family-search{margin:0 16px 14px;display:block}.pg-family-search input{border:1px solid var(--border);outline-offset:3px;background:0 0;border-radius:6px;width:100%;padding:9px 11px}.pg-family-nav,.pg-family-scopes{border-bottom:1px solid var(--border);background:var(--card);grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:8px 12px;display:grid}.pg-family-nav{flex-shrink:0}.pg-family-nav button,.pg-family-scopes button{min-height:52px;color:var(--muted-foreground);cursor:pointer;border:1px solid #0000;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 2px;font-size:12px;display:flex}.pg-family-nav svg,.pg-family-scopes svg{flex:none;width:18px;height:18px}.pg-family-nav button[aria-current],.pg-family-scopes button[aria-selected=true]{background:var(--pg-family-wash);border-color:var(--border);color:var(--foreground);font-weight:500}.pg-family button:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.pg-family-scroll{scroll-behavior:smooth;flex:1;min-height:0;overflow:auto}.pg-family-scopes{z-index:2;position:sticky;top:0}.pg-family[data-compact-scroll=true]{overflow:auto}.pg-family[data-compact-scroll=true] .pg-family-nav{z-index:3;position:sticky;top:0}.pg-family[data-compact-scroll=true] .pg-family-scroll{flex:none;overflow:visible}.pg-family[data-compact-scroll=true] .pg-family-scopes{position:static}.pg-family-content{flex-direction:column;gap:16px;padding:24px 20px;display:flex}.pg-family-content h1{letter-spacing:-.035em;margin:0;font-size:22px;font-weight:450;line-height:1.25}.pg-family-content h2{margin:0;font-size:16px;font-weight:500}.pg-family-content p{color:var(--muted-foreground);margin:0;font-size:13px;line-height:1.7}.pg-family-lead{max-width:48ch}.pg-family-score{align-items:center;gap:18px;padding:12px 0;display:flex}.pg-family-score>strong{letter-spacing:-.04em;font-size:34px;font-weight:400;line-height:1.1}.pg-family-score>strong small{color:var(--muted-foreground);margin-left:4px;font-size:12px}.pg-family-score>span{gap:6px;display:grid}.pg-family-score b{font-size:13px;font-weight:500}.pg-family-score span small,.pg-family-tool small{color:var(--muted-foreground);font-size:12px;line-height:1.6;display:block}.pg-family-primary{background:var(--primary);min-height:42px;color:var(--primary-foreground);border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:10px 14px;font-weight:500;display:flex}.pg-family-tool{text-align:left;overflow-wrap:anywhere;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:12px 4px;display:flex}.pg-family-tool>span{flex:1;min-width:0}.pg-family-tool strong{font-weight:500}.pg-family-tool svg,.pg-family-primary svg{flex:none;width:17px;height:17px}.pg-family-presets{gap:8px;display:grid}.pg-family-presets button{border:1px solid var(--border);text-align:left;border-radius:6px;gap:5px;padding:12px;display:grid}.pg-family-presets button[aria-pressed=true]{border-color:var(--foreground);background:var(--pg-family-wash)}.pg-family-presets strong{font-weight:500}.pg-family-presets small{color:var(--muted-foreground);line-height:1.6}@container iris-playground (max-width:26em){.pg-family-nav,.pg-family-scopes{grid-template-columns:repeat(2,minmax(0,1fr))}}@container iris-playground (max-width:320px){.pg-family-nav,.pg-family-scopes{grid-template-columns:minmax(0,1fr)}.pg-family-nav button,.pg-family-scopes button{flex-direction:row;justify-content:flex-start;gap:10px;min-height:40px;padding:8px 12px}}@media (max-height:700px){.pg-family-scopes{position:static}}@media (prefers-reduced-motion:reduce){.pg-family-scroll{scroll-behavior:auto}}.iris-pg-app{--font-sans:var(--v2-archivo), sans-serif;font-family:var(--font-sans)}@media (hover:hover) and (pointer:fine){.pg-family-nav button:hover:not([aria-current]),.pg-family-scopes button:hover:not([aria-selected=true]),.pg-family-tool:hover{background:var(--pg-family-wash)}}
.iris-account-menu-trigger{border:1px solid var(--border);height:2rem;color:var(--foreground);box-shadow:none;background:0 0;border-radius:.375rem;font-size:.8125rem;transition:background-color .15s ease-out,border-color .15s ease-out}.iris-account-menu-trigger:hover:not(:disabled),.iris-account-menu-trigger[aria-expanded=true]{border-color:color-mix(in oklab, var(--primary) 45%, var(--border));background:var(--landing-surface-hover)}.iris-account-menu-panel{border:1px solid var(--border);background:var(--popover);color:var(--popover-foreground);box-shadow:var(--landing-shadow-floating);border-radius:.4375rem;padding:.3125rem}.iris-account-menu-item{min-height:2.125rem;color:var(--popover-foreground);border-radius:.3125rem;padding:.5rem .75rem;font-size:.8125rem;line-height:1.25rem;transition:background-color .15s ease-out}.iris-account-menu-item:hover,.iris-account-menu-item:focus-visible,.iris-account-menu-item[data-highlighted]{background:color-mix(in oklab, var(--primary) 10%, var(--popover));color:var(--popover-foreground)}[data-slot=select-item].iris-account-menu-item{padding-right:2.5rem}.iris-account-menu-label{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;padding:.375rem .75rem;font-size:.625rem}.iris-account-menu-note{border-top:1px solid var(--border);color:var(--muted-foreground);margin:.3125rem .5rem .1875rem;padding-top:.375rem;font-size:.6875rem;line-height:1.4}.iris-account-menu-divider{border-top:1px solid var(--border);margin:.25rem .5rem}
[data-slot=switch-thumb]{background:var(--background);transition:translate .15s ease-out;top:3px;left:3px;translate:0}[data-slot=switch-thumb][data-checked]{translate:20px}@media (prefers-reduced-motion:reduce){[data-slot=switch-thumb],[data-slot=switch-track]{transition:none}}