.ThemePresets-module__cLQpaa__root{--tp-border:#0000001a;--tp-border-strong:#0003;--tp-bg:#00000005;--tp-bg-strong:#0000000a;--tp-fg:#1a1a23;--tp-fg-soft:#1a1a23a6;--tp-fg-softer:#1a1a2380;--tp-accent:#7c5cff;grid-template-columns:1fr 1.4fr;align-items:stretch;gap:16px;margin:24px 0 32px;display:grid}html.dark .ThemePresets-module__cLQpaa__root{--tp-border:#ffffff1a;--tp-border-strong:#ffffff38;--tp-bg:#ffffff08;--tp-bg-strong:#ffffff0f;--tp-fg:#e8e9f1;--tp-fg-soft:#e8e9f1a6;--tp-fg-softer:#e8e9f180}@media (max-width:720px){.ThemePresets-module__cLQpaa__root{grid-template-columns:1fr}}.ThemePresets-module__cLQpaa__tabs{flex-direction:column;gap:6px;display:flex}.ThemePresets-module__cLQpaa__tab{border:1px solid var(--tp-border);background:var(--tp-bg);cursor:pointer;text-align:left;height:100%;color:var(--tp-fg-soft);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-family:inherit;transition:border-color .15s,background .15s,color .15s;display:flex;position:relative}.ThemePresets-module__cLQpaa__tab:hover{border-color:var(--tp-border-strong);background:var(--tp-bg-strong);color:var(--tp-fg)}.ThemePresets-module__cLQpaa__tabActive{border-color:var(--tp-accent);background:var(--tp-bg-strong);color:var(--tp-fg);box-shadow:0 0 0 3px #7c5cff1f}.ThemePresets-module__cLQpaa__swatch{border-radius:6px;flex-shrink:0;width:18px;height:18px;display:inline-block;box-shadow:inset 0 0 0 1px #00000014,inset 0 1px #ffffff2e}.ThemePresets-module__cLQpaa__tabLabel{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ThemePresets-module__cLQpaa__tabName{letter-spacing:-.01em;color:var(--tp-fg);font-size:13px;font-weight:600}.ThemePresets-module__cLQpaa__tabDesc{color:var(--tp-fg-softer);font-size:11.5px;line-height:1.3}.ThemePresets-module__cLQpaa__defaultBadge{letter-spacing:.04em;text-transform:uppercase;color:var(--tp-accent);white-space:nowrap;background:#7c5cff1a;border:1px solid #7c5cff40;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.ThemePresets-module__cLQpaa__body{flex-direction:column;gap:12px;height:100%;display:flex}.ThemePresets-module__cLQpaa__stage{border:1px solid var(--tp-border);background:var(--tp-bg);border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:100px;padding:28px 20px;display:flex}:is(.ThemePresets-module__cLQpaa__stage .daterly,.ThemePresets-module__cLQpaa__stage .daterly-range){width:100%;max-width:280px}.ThemePresets-module__cLQpaa__stage .daterly__field{width:100%;min-width:0}.ThemePresets-module__cLQpaa__codeBlock{border:1px solid var(--tp-border);background:#0000000a;border-radius:10px;overflow:hidden}html.dark .ThemePresets-module__cLQpaa__codeBlock{background:#0006}.ThemePresets-module__cLQpaa__codeHeader{border-bottom:1px solid var(--tp-border);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.ThemePresets-module__cLQpaa__codeBadge{letter-spacing:.05em;text-transform:uppercase;color:var(--tp-accent);background:#7c5cff1a;border:1px solid #7c5cff38;border-radius:4px;padding:2px 7px;font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:10px;font-weight:600;display:inline-flex}.ThemePresets-module__cLQpaa__copyBtn{border:1px solid var(--tp-border);color:var(--tp-fg-soft);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-family:inherit;font-size:11px;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.ThemePresets-module__cLQpaa__copyBtn:hover{border-color:var(--tp-accent);color:var(--tp-fg);background:#7c5cff0f}.ThemePresets-module__cLQpaa__codeBody{color:var(--tp-fg);white-space:pre;margin:0;padding:14px 16px;font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:12.5px;line-height:1.55;overflow-x:auto}
.ComponentPreview-module__boKFSq__root{--cp-border:#0000001a;--cp-bg:#00000005;--cp-fg-soft:#1a1a238c;--cp-accent:#7c5cff;border:1px solid var(--cp-border);background:var(--cp-bg);border-radius:12px;margin:20px 0 28px;position:relative}html.dark .ComponentPreview-module__boKFSq__root{--cp-border:#ffffff1a;--cp-bg:#ffffff08;--cp-fg-soft:#e8e9f18c}.ComponentPreview-module__boKFSq__header{border-bottom:1px solid var(--cp-border);align-items:center;gap:10px;padding:8px 14px;display:flex}.ComponentPreview-module__boKFSq__badge{letter-spacing:.06em;text-transform:uppercase;color:var(--cp-accent);background:#7c5cff1a;border:1px solid #7c5cff38;border-radius:4px;padding:2px 7px;font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:10px;font-weight:600}.ComponentPreview-module__boKFSq__title{color:var(--cp-fg-soft);font-size:12px}.ComponentPreview-module__boKFSq__titleMeta{opacity:.75;font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:11px}.ComponentPreview-module__boKFSq__stage{justify-content:center;align-items:center;padding:32px 24px;display:flex;position:relative}.ComponentPreview-module__boKFSq__stage .daterly__popover{z-index:50}.ComponentPreview-module__boKFSq__stage[data-kind=calendar]{padding:20px}:is(.ComponentPreview-module__boKFSq__stage .daterly,.ComponentPreview-module__boKFSq__stage .daterly-range){width:320px;display:block}.ComponentPreview-module__boKFSq__stage[data-kind=range] .daterly-range{width:360px}:is(.ComponentPreview-module__boKFSq__stage .daterly__field,.ComponentPreview-module__boKFSq__stage .daterly-range .daterly__field){width:100%;min-width:0}