.xmH7pa_tile{gap:var(--spacing-8);min-width:0;padding:var(--spacing-7);box-shadow:0 0 40px 10px var(--gray-1);flex-direction:column;display:flex;overflow:hidden}@media (min-width:768px){.xmH7pa_tile{padding:var(--spacing-9);gap:36px}}.xmH7pa_header{gap:var(--spacing-6);flex-direction:column;display:flex}@media (min-width:1024px){.xmH7pa_header{flex-direction:row;justify-content:space-between;align-items:flex-end}}.xmH7pa_heading{flex-direction:column;gap:10px;min-width:0;display:flex}.xmH7pa_title{letter-spacing:-.015em}.xmH7pa_description{max-width:640px;line-height:24px}.xmH7pa_actions{align-items:center;gap:var(--spacing-5);flex-wrap:wrap;flex-shrink:0;display:flex}
.W-6WMa_file{border-radius:var(--radius-3);background:var(--gray-1);flex-direction:column;width:100%;display:flex;overflow:hidden}.W-6WMa_fileHeader{justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:14px var(--spacing-7);border-bottom:1px solid var(--gray-4);display:flex}.W-6WMa_fileName{color:var(--gray-11);font-family:var(--font-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:16px;overflow:hidden}.W-6WMa_fileMeta{color:var(--gray-10);font-family:var(--font-primary);flex-shrink:0;font-size:13px;line-height:16px}.W-6WMa_source{padding:28px var(--spacing-8);max-height:620px;color:var(--gray-12);font-family:var(--font-mono,monospace);white-space:pre;margin:0;font-size:13px;line-height:22px;overflow:auto}.W-6WMa_preview{gap:var(--spacing-7);padding:28px var(--spacing-8);flex-direction:column;max-height:620px;display:flex;overflow:auto}.W-6WMa_frontmatter{border:1px solid var(--gray-4);border-radius:var(--radius-3);overflow:hidden}.W-6WMa_frontmatterToggle{align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-3) var(--spacing-4);color:var(--gray-11);font-size:var(--font-size-2);font-family:var(--font-primary);cursor:pointer;background:0 0;border:0;display:flex}.W-6WMa_frontmatterToggle:focus-visible{outline:2px solid var(--accent-9);outline-offset:-2px}.W-6WMa_chevron{transition:transform .15s;display:inline-block}@media (prefers-reduced-motion:reduce){.W-6WMa_chevron{transition:none}}.W-6WMa_chevronOpen{transform:rotate(90deg)}.W-6WMa_frontmatterCode{padding:var(--spacing-4);border-top:1px solid var(--gray-4);color:var(--gray-11);font-family:var(--font-mono,monospace);font-size:var(--font-size-2);white-space:pre;margin:0;line-height:1.7;overflow:auto}.W-6WMa_section{gap:var(--spacing-3);padding-bottom:var(--spacing-7);border-bottom:1px solid var(--gray-4);flex-direction:column;display:flex}.W-6WMa_section:last-child{border-bottom:0;padding-bottom:0}.W-6WMa_entries{gap:var(--spacing-2);flex-direction:column;margin:0;display:flex}.W-6WMa_entry{justify-content:space-between;align-items:center;gap:var(--spacing-4);display:flex}.W-6WMa_entryLabel{align-items:center;gap:var(--spacing-2);color:var(--gray-12);font-size:13px;display:flex}.W-6WMa_entrySwatch{border:1px solid var(--gray-6a);border-radius:4px;flex-shrink:0;width:14px;height:14px;display:inline-block}.W-6WMa_entryValue{color:var(--gray-11);font-family:var(--font-mono,monospace);font-size:var(--font-size-2);text-align:right;margin:0}.W-6WMa_tabs{flex-shrink:0;width:max-content}.W-6WMa_tabs.W-6WMa_tabs label{padding:0 14px}
._2EMlra_root{padding-top:var(--spacing-10);flex-direction:column;gap:20px;display:flex}._2EMlra_description{max-width:420px;line-height:24px}._2EMlra_tools{gap:var(--spacing-4);margin:var(--spacing-4) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}._2EMlra_tool{align-items:center;gap:var(--spacing-4);height:34px;padding:0 var(--spacing-5);border-radius:var(--radius-2);background:var(--gray-3);color:var(--gray-11);font-family:var(--font-primary);font-size:var(--font-size-3);font-weight:550;line-height:18px;display:inline-flex}
.DvvQtq_root{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb, var(--gray-1) 24%, transparent);border:1px solid var(--gray-4a);border-radius:var(--radius-2);align-items:center;gap:var(--spacing-3);opacity:0;padding:var(--spacing-6) var(--spacing-7);pointer-events:none;transform:translate(-50%, calc(-50% + var(--spacing-3)));z-index:2;transition:opacity .24s,transform .24s;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 0 12px #0000001f}.DvvQtq_root[data-visible=true]{opacity:1;transform:translate(-50%,-50%)}
.HLtVGG_root{z-index:10;width:48px;position:absolute;top:0;bottom:0;right:0}.HLtVGG_root:hover .HLtVGG_track,.HLtVGG_root[data-dragging] .HLtVGG_track{background:color-mix(in srgb, var(--gray-8a) 100%, transparent);height:calc(100% - var(--spacing-5)*2)}.HLtVGG_track{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--gray-6a);cursor:pointer;height:40%;right:var(--spacing-4);touch-action:none;border-radius:200px;width:8px;transition:height .24s,background .16s;position:absolute;top:50%;transform:translateY(-50%)}.HLtVGG_thumb{background:var(--gray-12);border-radius:200px;width:100%;transition:background .16s;position:absolute;left:0}.HLtVGG_thumb:hover{background:var(--gray-12)}
.w2ppqW_container{bottom:var(--spacing-3);gap:var(--spacing-1);left:var(--spacing-3);z-index:10;flex-direction:column;display:flex;position:absolute}.w2ppqW_buttonUp{border-radius:var(--radius-1) var(--radius-1) 0 0}.w2ppqW_buttonDown{border-radius:0 0 var(--radius-1) var(--radius-1)}.w2ppqW_disabled{cursor:not-allowed;opacity:.5}
._7LUu9W_root{width:100%;height:100%;position:relative;overflow:hidden}._7LUu9W_iframe{transform-origin:0 0;border:0;display:block;position:absolute;top:0;left:0}._7LUu9W_iframeNonInteractive{pointer-events:none}._7LUu9W_dragOverlay{cursor:grab;touch-action:pan-y pinch-zoom;z-index:1;position:absolute;inset:0}._7LUu9W_dragOverlay._7LUu9W_dragging{cursor:grabbing}._7LUu9W_dragOverlay._7LUu9W_inert{cursor:default;pointer-events:none}._7LUu9W_loaderOverlay{background:var(--gray-1);color:var(--gray-11);z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}
.dyTMrq_body{gap:var(--spacing-7);flex-direction:column;width:100%;display:flex}.dyTMrq_previewCard{aspect-ratio:16/10;border-radius:var(--radius-3);background:var(--gray-1);width:100%;overflow:hidden}.dyTMrq_switcher{max-width:100%;display:flex;overflow-x:auto}@media (min-width:768px){.dyTMrq_switcher{justify-content:center}}.dyTMrq_tabs{flex-shrink:0;width:max-content}.dyTMrq_tabs.dyTMrq_tabs label{padding:0 14px}
.d1GQ8a_grid{gap:var(--spacing-9);grid-template-columns:1fr;align-items:stretch;width:100%;display:grid}@media (min-width:1024px){.d1GQ8a_grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.d1GQ8a_colorGroups{flex-direction:column;gap:28px;display:flex}.d1GQ8a_colorGroup{gap:var(--spacing-5);flex-direction:column;display:flex}.d1GQ8a_groupLabel{color:var(--gray-10);font-family:var(--font-primary);font-size:var(--font-size-2);letter-spacing:.08em;text-transform:uppercase;font-weight:500;line-height:16px}.d1GQ8a_colorRow{gap:var(--spacing-5);grid-template-columns:repeat(auto-fill,minmax(104px,1fr));display:grid}.d1GQ8a_colorCard{flex-direction:column;gap:10px;min-width:0;display:flex}.d1GQ8a_swatch{border:1px solid var(--gray-4a);border-radius:10px;height:88px;display:block}.d1GQ8a_hex{color:var(--gray-10);font-family:var(--font-primary);font-size:var(--font-size-2);text-overflow:ellipsis;white-space:nowrap;line-height:16px;overflow:hidden}.d1GQ8a_specimens{flex-direction:column;display:flex}.d1GQ8a_specimen{align-items:baseline;gap:var(--spacing-6);padding:var(--spacing-6) 0;border-bottom:1px solid var(--gray-4);display:flex}.d1GQ8a_specimen:first-child{padding-top:0}.d1GQ8a_specimen:last-child{border-bottom:0;padding-bottom:0}.d1GQ8a_specimenLabel{width:72px;color:var(--gray-10);font-family:var(--font-primary);font-size:var(--font-size-2);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;line-height:16px;overflow:hidden}.d1GQ8a_specimenSample{min-width:0;color:var(--gray-12);text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;line-height:1.15;overflow:hidden}.d1GQ8a_specimenMeta{color:var(--gray-10);font-family:var(--font-primary);font-size:var(--font-size-2);white-space:nowrap;flex-shrink:0;line-height:16px}.d1GQ8a_spacingList{flex-direction:column;gap:14px;display:flex}.d1GQ8a_spacingRow{align-items:center;gap:20px;display:flex}.d1GQ8a_spacingLabel{width:40px;color:var(--gray-10);font-family:var(--font-primary);font-size:var(--font-size-2);flex-shrink:0;line-height:16px}.d1GQ8a_spacingBar{background:var(--gray-9);border-radius:3px;flex-shrink:0;height:12px;display:block}.d1GQ8a_spacingValue{color:var(--gray-11);font-family:var(--font-primary);font-size:var(--font-size-2);line-height:16px}.d1GQ8a_radiusList{gap:var(--spacing-9);flex-wrap:wrap;display:flex}.d1GQ8a_radiusItem{flex-direction:column;align-items:center;gap:14px;display:flex}.d1GQ8a_radiusBox{border:2px solid var(--gray-8);background:var(--gray-4);width:80px;height:80px;display:block}
.TgnBIW_root{gap:var(--spacing-9);flex-direction:column;width:100%;display:flex}
.uEGTFG_root{width:100%}.uEGTFG_slide{gap:var(--spacing-3);cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;width:100%;padding:0;display:flex}.uEGTFG_slide:focus-visible{outline:none}.uEGTFG_slide:focus-visible .uEGTFG_media{outline:2px solid var(--accent-9);outline-offset:2px}.uEGTFG_slide:hover .uEGTFG_media{border-color:var(--gray-8a);transform:translateY(-2px);box-shadow:0 12px 32px #0000002e}@media (prefers-reduced-motion:reduce){.uEGTFG_slide:hover .uEGTFG_media{transform:none}}.uEGTFG_media{aspect-ratio:16/10;border:1px solid var(--gray-5a);border-radius:var(--radius-4);background:var(--gray-3a);width:100%;transition:border-color .2s,transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){.uEGTFG_media{transition:none}}.uEGTFG_slideActive .uEGTFG_media{border-color:var(--accent-9);box-shadow:0 0 0 1px var(--accent-9)}.uEGTFG_mediaImage{object-fit:cover;object-position:top}.uEGTFG_mediaFallback{background:linear-gradient(135deg, var(--gray-3a), var(--gray-6a));color:var(--gray-10);font-size:28px;font-weight:500;font-family:var(--font-primary);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.uEGTFG_check{top:var(--spacing-2);right:var(--spacing-2);background:var(--accent-9);width:22px;height:22px;color:var(--accent-contrast,#fff);border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute}.uEGTFG_name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.Q8FRUG_controls{flex-shrink:0;width:100%}@media (min-width:1024px){.Q8FRUG_controls{flex:0 0 320px;max-width:320px}}.Q8FRUG_preview{width:100%;min-width:0}.Q8FRUG_previewCard{aspect-ratio:16/10;width:100%;overflow:hidden;box-shadow:0 1px 2px #0000000f,0 12px 32px #0000001a}
.WQ91Ya_root{width:100%;position:relative}.WQ91Ya_controlsColumn{width:100%;z-index:var(--layer-1);flex:none;position:relative}.WQ91Ya_previewColumn{width:100%;z-index:var(--layer-0);position:relative}.WQ91Ya_matrix{box-shadow:0 0 100px 20px var(--gray-2);border-radius:var(--radius-3)}.WQ91Ya_previewCard{aspect-ratio:16/10;width:100%;overflow:hidden;box-shadow:0 1px 2px #0000000f,0 12px 32px #0000001a}@media (min-width:1024px){.WQ91Ya_controlsColumn{flex:0 0 320px;max-width:320px}}
._2_nT1W_root{aspect-ratio:16/10;background-color:var(--gray-2);border-radius:20px;width:100%;position:relative;overflow:hidden}._2_nT1W_heatmap{mix-blend-mode:screen;opacity:.85;pointer-events:none;z-index:2;position:absolute;inset:0}._2_nT1W_stats{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--gray-3a);z-index:4;background:#111111bf;border-radius:16px;gap:32px;padding:16px 24px;display:flex;position:absolute;top:24px;right:24px}._2_nT1W_statItem{min-width:0}@media (max-width:640px){._2_nT1W_stats{display:none}}