html.demo-themes-locked{overflow:hidden}.demo-themes{--dt-page: #fafafa;--dt-card: #ffffff;--dt-fg: #0a0a0a;--dt-muted: #f5f5f5;--dt-muted-fg: #737373;--dt-accent: #ebebeb;--dt-border: #ebebeb;--dt-input: #e5e5e5;--dt-primary: #171717;--dt-primary-hover: #333333;--dt-primary-fg: #fafafa;--dt-ring: #0a0a0a;--dt-overlay: rgba(0, 0, 0, .4);--dt-shadow: rgba(0, 0, 0, .08);font-family:Instrument Sans,ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1.45;letter-spacing:normal;text-transform:none;color:var(--dt-fg);-webkit-font-smoothing:antialiased}@media(prefers-color-scheme:dark){.demo-themes{--dt-page: #0a0a0a;--dt-card: #111111;--dt-fg: #fafafa;--dt-muted: #171717;--dt-muted-fg: #a3a3a3;--dt-accent: #262626;--dt-border: #262626;--dt-input: #303030;--dt-primary: #fafafa;--dt-primary-hover: #e5e5e5;--dt-primary-fg: #0a0a0a;--dt-ring: #d4d4d4;--dt-overlay: rgba(0, 0, 0, .6);--dt-shadow: rgba(0, 0, 0, .5)}}.demo-themes *,.demo-themes *:before,.demo-themes *:after{box-sizing:border-box}.demo-themes button,.demo-themes a{margin:0;font:inherit;color:inherit;text-transform:none;letter-spacing:normal;text-decoration:none;cursor:pointer}.demo-themes button:disabled{cursor:default}.demo-themes p{margin:0}.demo-themes button:focus-visible,.demo-themes a:focus-visible{outline:2px solid var(--dt-ring);outline-offset:2px}.demo-themes__btn{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;border:1px solid transparent;border-radius:6px;font-size:14px!important;font-weight:500!important;white-space:nowrap;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.demo-themes__btn:disabled{opacity:.5}.demo-themes__btn--primary{background:var(--dt-primary);color:var(--dt-primary-fg)!important}.demo-themes__btn--primary:hover:not(:disabled){background:var(--dt-primary-hover)}.demo-themes__btn--outline{border-color:var(--dt-input);background:var(--dt-card);color:var(--dt-fg)!important;box-shadow:0 1px 2px var(--dt-shadow)}.demo-themes__btn--outline:hover:not(:disabled){background:var(--dt-accent)}.demo-themes__btn--secondary{background:var(--dt-muted);color:var(--dt-fg)!important}.demo-themes__btn--secondary:disabled{opacity:1}.demo-themes__btn--ghost{background:transparent;color:var(--dt-muted-fg)!important}.demo-themes__btn--ghost:hover{background:var(--dt-accent);color:var(--dt-fg)!important}.demo-themes__btn--icon{width:36px;padding:0}.demo-themes__chip{display:inline-flex;align-items:center;padding:2px 6px;border:1px solid var(--dt-border);border-radius:6px;color:var(--dt-muted-fg);font-size:11px;font-weight:500;line-height:16px;white-space:nowrap}.demo-themes__chip--solid{border-color:var(--dt-primary);background:var(--dt-primary);color:var(--dt-primary-fg)}.demo-themes__muted{color:var(--dt-muted-fg);font-size:13px}.demo-themes__tab{position:fixed;top:50%;right:0;z-index:10002;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 8px;border:1px solid var(--dt-border);border-right:0;border-radius:8px 0 0 8px;background:var(--dt-card);color:var(--dt-fg)!important;box-shadow:0 4px 16px var(--dt-shadow);transform:translateY(-50%);transition:padding .15s ease,background-color .15s ease}.demo-themes__tab:hover{padding-right:12px;background:var(--dt-muted)}.demo-themes__tab--pulse{animation:demo-themes-pulse 2.2s ease-in-out infinite}.demo-themes__tab-label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:13px;font-weight:500}.demo-themes__tab-count{min-width:20px;padding:1px 5px;border-radius:6px;background:var(--dt-primary);color:var(--dt-primary-fg);font-size:11px;font-weight:600;line-height:16px;text-align:center}.demo-themes__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10002;background:var(--dt-overlay)}.demo-themes__drawer{position:fixed;top:0;right:0;bottom:0;z-index:10003;display:flex;flex-direction:column;width:min(400px,100vw);border-left:1px solid var(--dt-border);background:var(--dt-page);box-shadow:-8px 0 32px var(--dt-shadow)}.demo-themes__head{display:flex;flex-direction:column;gap:14px;padding:16px 20px;border-bottom:1px solid var(--dt-border);background:var(--dt-card)}.demo-themes__head-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-themes__brand{display:flex;align-items:center;gap:10px}.demo-themes__logo{display:block;width:auto;max-width:none;height:26px}.demo-themes__title{margin-bottom:2px;font-size:17px;font-weight:600;letter-spacing:-.01em}.demo-themes__current{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--dt-border);border-radius:8px;background:var(--dt-muted)}.demo-themes__current-text{display:flex;flex:1;flex-direction:column;min-width:0;text-align:center}.demo-themes__current-text .demo-themes__muted{font-size:12px}.demo-themes__current-name{overflow:hidden;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.demo-themes__list{display:flex;flex:1;flex-direction:column;gap:12px;padding:16px 20px 20px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--dt-input) transparent}.demo-themes__count{flex:none;margin-bottom:-2px}.demo-themes__card{flex:none;overflow:hidden;border:1px solid var(--dt-border);border-radius:8px;background:var(--dt-card);box-shadow:0 1px 2px var(--dt-shadow);transition:border-color .15s ease}.demo-themes__card:hover{border-color:var(--dt-input)}.demo-themes__card--active,.demo-themes__card--active:hover{border-color:var(--dt-primary)}.demo-themes__preview{position:relative;display:block;width:100%;aspect-ratio:16 / 10;padding:0;overflow:hidden;border:0;border-bottom:1px solid var(--dt-border);border-radius:0;background:var(--dt-muted)}.demo-themes__preview img{display:block;width:100%;max-width:none;height:100%;object-fit:cover;object-position:top;transition:object-position 5s ease-in-out}.demo-themes__card:hover .demo-themes__preview img{object-position:bottom}.demo-themes__loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0a0a80}.demo-themes__loader:after{content:"";width:28px;height:28px;border:2px solid rgba(250,250,250,.3);border-top-color:#fafafa;border-radius:50%;animation:demo-themes-spin .8s linear infinite}.demo-themes__body{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px}.demo-themes__body .demo-themes__btn{width:100%;margin-top:4px}.demo-themes__name-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.demo-themes__name{font-size:15px;font-weight:600;letter-spacing:-.01em}.demo-themes__badges{display:flex;flex-wrap:wrap;gap:6px}.demo-themes__badges:empty{display:none}.demo-themes__description{display:-webkit-box;overflow:hidden;color:var(--dt-muted-fg);font-size:13px;-webkit-line-clamp:3;-webkit-box-orient:vertical}.demo-themes__tags{display:flex;flex-wrap:wrap;gap:4px}.demo-themes__tag{padding:1px 7px;border-radius:6px;background:var(--dt-muted);color:var(--dt-muted-fg);font-size:11px;font-weight:500;line-height:18px}.demo-themes-fade-enter-active,.demo-themes-fade-leave-active{transition:opacity .2s ease}.demo-themes-fade-enter-from,.demo-themes-fade-leave-to{opacity:0}.demo-themes-slide-enter-active,.demo-themes-slide-leave-active{transition:transform .25s ease}.demo-themes-slide-enter-from,.demo-themes-slide-leave-to{transform:translate(100%)}@keyframes demo-themes-pulse{0%,to{box-shadow:0 4px 16px var(--dt-shadow),0 0 #73737373}50%{box-shadow:0 4px 16px var(--dt-shadow),0 0 0 7px #73737300}}@keyframes demo-themes-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.demo-themes__tab--pulse,.demo-themes__loader:after{animation:none}.demo-themes__preview img{transition:none}}