.playground_wrapper__5jTbh{display:flex;align-items:flex-start;gap:24px;background:#000;border:1px solid var(--doc-border);border-radius:12px;padding:32px;margin-bottom:40px}.playground_cardPreview__3auSJ{flex:1 1;display:flex;justify-content:center}.playground_mockCard__iHo5p{width:310px;background:hsla(0,0%,100%,.08);border-radius:16px;overflow:hidden;padding:16px}.playground_mockCardImage__j7ngL{height:180px;background:linear-gradient(160deg,rgba(68,148,252,.25),rgba(20,30,50,.9));border-radius:12px;position:relative;overflow:hidden}.playground_mockTag__cjZcV{position:absolute;top:8px;left:8px;padding:6px 8px;border-radius:8px;background:#4494fc;color:#09121f;font-size:12px;font-weight:600;z-index:2;line-height:1}.playground_mockProviderBadge__HNoDx{position:absolute;bottom:8px;left:8px;display:flex;align-items:center;gap:6px;padding:4px 12px 4px 4px;border-radius:999px;background:rgba(0,0,0,.6);z-index:2}.playground_mockProviderLogo__LA2yA{width:24px;height:24px;border-radius:100px;background:#4494fc}.playground_mockProviderBadge__HNoDx span{font-size:14px;font-weight:600;color:#fff}.playground_mockFav__gNoXB{position:absolute;top:8px;right:8px;width:40px;height:40px;border-radius:20px;background:rgba(0,0,0,.6);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;z-index:2}.playground_mockFavActive__rbIPR{background:#4494fc;color:#000}.playground_mockCardBody__FkxxK{padding-top:16px}.playground_mockTitle__46VzA{font-size:16px;font-weight:600;color:#fff;line-height:1.3}.playground_mockFooter___nMt_{margin-top:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.playground_mockMeta__g1rzg{flex:1 1;min-width:0}.playground_mockRatingRow__TfBfG{display:flex;align-items:center;gap:6px}.playground_mockStars__jND15{font-size:16px;color:#4494fc;letter-spacing:1px}.playground_mockRatingText__8z1C0{font-size:16px;font-weight:600;color:#fff}.playground_mockDuration__IMz1h,.playground_mockNoRating__5Pq_K{font-size:14px;color:hsla(0,0%,100%,.6)}.playground_mockDuration__IMz1h{margin-top:4px}.playground_mockPriceCol__wFEB4{display:flex;flex-direction:column;align-items:flex-end}.playground_mockPrice__MK_px{font-size:16px;font-weight:600;color:#fff}.playground_mockPriceSub___vayh{margin-top:2px;font-size:14px;color:hsla(0,0%,100%,.6)}.playground_controls__uU0zx{width:200px;flex-shrink:0;background:var(--doc-surface);border:1px solid var(--doc-border);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:16px}.playground_controlTitle__E6dbX{font-size:13px;font-weight:600;color:var(--doc-text);padding-bottom:12px;border-bottom:1px solid var(--doc-border)}.playground_controlRow__g_qok{display:flex;align-items:center;justify-content:space-between;gap:8px}.playground_controlLabel__ge2UQ{font-size:13px;color:var(--doc-text-muted)}.playground_toggle__Q2Nqt{width:40px;height:22px;border-radius:11px;background:hsla(0,0%,100%,.15);border:none;cursor:pointer;position:relative;flex-shrink:0}.playground_toggleOn__RcsBA{background:#4494fc}.playground_toggleKnob__AkyvI{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff}.playground_toggleOn__RcsBA .playground_toggleKnob__AkyvI{transform:translateX(18px)}.playground_segmented__WTVGq{display:flex;border-radius:6px;overflow:hidden;border:1px solid var(--doc-border-2)}.playground_seg__6UxoH{flex:1 1;padding:4px 8px;font-size:12px;font-weight:500;color:var(--doc-text-muted);background:transparent;border:none;cursor:pointer;white-space:nowrap}.playground_seg__6UxoH+.playground_seg__6UxoH{border-left:1px solid var(--doc-border-2)}.playground_segActive__MokzK{background:rgba(68,148,252,.2);color:#4494fc;font-weight:600}.page_subtitle__NC3vD{font-size:18px;color:var(--doc-text-muted);margin-bottom:48px;line-height:1.5}.page_colorList__6sRqx{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.page_colorItem__xh69C{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--doc-surface);border:1px solid var(--doc-border);border-radius:6px}.page_colorDot__Zsofn{width:24px;height:24px;border-radius:4px;border:1px solid var(--doc-border-2);flex-shrink:0}.page_colorName__EF7_s{font-size:14px;font-weight:600;color:var(--doc-text);min-width:140px}.page_colorValue__418r9{font-size:12px;color:var(--doc-text-subtle);font-family:var(--font-mono)}.page_moleculeSection__bXUAy{margin-bottom:24px;border:1px solid var(--doc-border);border-radius:12px;overflow:hidden}.page_moleculeHeader__cXQIr{display:flex;flex-direction:column;gap:2px;padding:14px 16px 12px;border-bottom:1px solid var(--doc-border);background:var(--doc-surface)}.page_moleculePath__4U1_6{font-size:13px;font-weight:600;color:var(--doc-text)}.page_moleculeDesc__8z_11{font-size:12px;color:var(--doc-text-subtle)}.page_moleculePreview__7_qb4{padding:24px 20px;background:var(--doc-surface)}.page_molVariantRow__t_BT4{display:flex;gap:32px;flex-wrap:wrap}.page_molVariantItem__lRJvT{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.page_molVariantLabel__eOq1v{font-size:11px;color:var(--doc-text-subtle);text-transform:uppercase;letter-spacing:.5px}.page_molTag__WdjKj{display:inline-flex;align-items:center;padding:6px 8px;border-radius:8px;background:#4494fc;color:#09121f;font-size:12px;font-weight:600;line-height:1}.page_molFav__68LBl{width:40px;height:40px;border-radius:20px;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;cursor:default;border:1px solid hsla(0,0%,100%,.08)}.page_molFavOn__kIXhG{background:#4494fc;color:#000;border-color:transparent}.page_molProviderList__s_4KF{display:flex;flex-direction:column;gap:8px}.page_molProvider__dOKD9{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 4px;border-radius:999px;background:rgba(0,0,0,.6);width:-moz-fit-content;width:fit-content}.page_molProviderLogo__StbSf{width:24px;height:24px;border-radius:100px;flex-shrink:0}.page_molProviderName__qCtDH{font-size:14px;font-weight:600;color:#fff}.page_molRatingRow__2yNoa{display:flex;align-items:center;gap:6px}.page_molStars__LIhrb{font-size:16px;color:#4494fc;letter-spacing:1px}.page_molRatingCount__2XlbK{font-size:16px;font-weight:600;color:#fff}.page_molDuration__oHdS9{margin-top:4px}.page_molDuration__oHdS9,.page_molNoRating__9xYi_{font-size:14px;color:hsla(0,0%,100%,.6)}.page_molPriceCol__byvcY{display:flex;flex-direction:column;align-items:flex-start}.page_molPrice__euH5Q{font-size:16px;font-weight:600;color:#fff}.page_molPriceSub__JOS_O{margin-top:2px;font-size:14px;color:hsla(0,0%,100%,.6)}