body:has(.sc){background:var(--color-white)}.sc{padding:var(--spacing-xxl);background:var(--color-white);min-height:100%;font-family:var(--font-primary)}.sc-page-title{color:var(--color-neutral-10);margin-bottom:var(--spacing-xxl);padding-bottom:var(--spacing-lg);border-bottom:3px solid var(--color-primary)}.sc-details{border-bottom:1px solid var(--color-neutral-90)}.sc-summary{padding:var(--spacing-lg) 0;cursor:pointer;color:var(--color-primary);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;list-style:none;display:flex}.sc-summary::-webkit-details-marker{display:none}.sc-summary:after{content:"+";color:var(--color-neutral-50);flex-shrink:0;font-size:1.25rem;font-weight:400;transition:transform .2s}.sc-details[open]>.sc-summary:after{content:"−"}.sc-details-body{padding-bottom:var(--spacing-xxl)}.sc-color-group{margin-bottom:var(--spacing-xl)}.sc-color-group-label{color:var(--color-neutral-40);margin-bottom:var(--spacing-sm)}.sc-color-swatches{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.sc-swatch{flex-direction:column;width:6.75rem;display:flex}.sc-swatch-box{height:3.5rem;margin-bottom:var(--spacing-xs);border:1px solid #00000014;border-radius:.375rem}.sc-swatch-name{color:var(--color-neutral-20);word-break:break-all;font-size:.7rem;font-weight:700;line-height:1.2}.sc-swatch-var{color:var(--color-neutral-50);word-break:break-all;font-family:monospace;font-size:.6rem;line-height:1.4}.sc-swatch-hex{color:var(--color-neutral-60);font-family:monospace;font-size:.65rem}.sc-type-list{flex-direction:column;display:flex}.sc-type-item{align-items:baseline;gap:var(--spacing-xl);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-neutral-90);display:flex}.sc-type-label{width:8.75rem;color:var(--color-neutral-50);flex-shrink:0;font-family:monospace;font-size:.7rem}.sc-type-meta{color:var(--color-neutral-60);white-space:nowrap;margin-left:auto;font-family:monospace;font-size:.65rem}.sc-icons{gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.sc-icon-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl);border:1px solid var(--color-neutral-90);background:var(--color-white);border-radius:.5rem;flex-direction:column;min-width:6.25rem;display:flex}.sc-icon-preview{color:var(--color-neutral-20);display:flex}.sc-icon-name{color:var(--color-neutral-50);text-align:center;font-family:monospace;font-size:.65rem}.sc-row-label{color:var(--color-neutral-50);margin-bottom:var(--spacing-xs);margin-top:var(--spacing-lg);font-family:monospace;font-size:.7rem}.sc-button-row{gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-white);border:1px solid var(--color-neutral-90);border-radius:.5rem;flex-wrap:wrap;align-items:center;display:flex}.sc-button-row--dark{background:var(--color-primary);border-color:var(--color-primary)}.sc-molecules{gap:var(--spacing-xl);flex-wrap:wrap;max-width:40rem;display:flex}.sc-checkbox-grid{gap:var(--spacing-xxl);flex-wrap:wrap;align-items:flex-start;display:flex}.sc-checkbox-col{gap:var(--spacing-lg);flex-direction:column;display:flex}.sc-checkbox-col--wide{max-width:25rem}.sc-calendar-row{gap:var(--spacing-xxl);flex-wrap:wrap;align-items:flex-start;display:flex}.sc-text-input-grid{gap:var(--spacing-xl);flex-direction:column;max-width:30rem;display:flex}.sc-text-input-row{gap:var(--spacing-xs);flex-direction:column;display:flex}.sc-text-input-row>.sc-row-label{margin-top:0}