.theme-head__actions{display:flex;align-items:center;gap:var(--s-16);margin-top:var(--s-24);flex-wrap:wrap}.theme-gallery__head{grid-column:1 / -1}.theme-gallery__grid{grid-column:1 / -1;margin-top:var(--s-48);display:grid;gap:var(--s-24);grid-template-columns:minmax(0,1fr)}@media(min-width:768px){.theme-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1200px){.theme-gallery__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.theme-gallery__loading{color:var(--color-muted)}.theme-card{display:flex;flex-direction:column;overflow:hidden;background:var(--color-surface-1)}.theme-card__frame{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:var(--color-surface-2)}.theme-card__iframe{position:absolute;top:0;left:0;width:1440px;height:900px;border:0;transform:scale(calc(1 / 1440 * 100vw * .01));transform-origin:top left;pointer-events:none}.theme-card__body{display:flex;flex-direction:column;gap:var(--s-8);padding:var(--s-24)}.theme-card__name{font-size:var(--t-h3);font-weight:var(--w-semibold);color:var(--color-ink)}.theme-card__tagline{margin:0}.theme-card__fonts{color:var(--color-muted)}.theme-card__swatches{display:flex;gap:var(--s-6);margin-top:var(--s-6)}.theme-swatch{width:22px;height:22px;border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px #00000014}.theme-card__chips{display:flex;flex-wrap:wrap;gap:var(--s-6);margin-top:var(--s-6)}.theme-chip{font-family:var(--font-ui);font-size:var(--t-micro);font-weight:var(--w-medium);padding:4px 10px;border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-muted)}.theme-card__actions{display:flex;gap:var(--s-12);margin-top:var(--s-16);flex-wrap:wrap}.theme-playground{color:var(--color-ink)}.theme-playground__head{grid-column:1 / -1}.theme-playground__picker{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:var(--s-8);margin-top:var(--s-24)}.theme-picker__btn{font-family:var(--font-ui);font-size:var(--t-small);font-weight:var(--w-medium);padding:10px 18px;border-radius:var(--radius-pill);background:var(--color-surface-1);color:var(--color-ink);border:1px solid transparent;cursor:pointer}.theme-picker__btn.is-active{background:var(--color-accent);color:var(--color-on-accent)}.theme-playground__body{grid-column:1 / -1;margin-top:var(--s-24);display:grid;gap:var(--s-24);grid-template-columns:minmax(0,1fr)}@media(min-width:1024px){.theme-playground__body{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}}.theme-playground__frame-col{min-width:0}.theme-playground__toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-12);flex-wrap:wrap;gap:var(--s-8)}.theme-playground__devices{display:flex;gap:4px;background:var(--color-surface-1);border-radius:var(--radius-pill);padding:4px}.theme-device-btn{font-family:var(--font-ui);font-size:var(--t-small);font-weight:var(--w-medium);padding:6px 16px;border-radius:var(--radius-pill);background:transparent;color:var(--color-muted);border:0;cursor:pointer}.theme-device-btn.is-active{background:var(--color-surface);color:var(--color-ink)}.theme-playground__reset{background:none;border:0;color:var(--color-highlight);cursor:pointer;padding:6px 10px}.theme-frame{border-radius:var(--radius-2xl);background:#121212;box-shadow:var(--shadow-window);overflow:hidden}.theme-frame__bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid rgb(255 255 255 / .1)}.theme-frame__dot{width:9px;height:9px;border-radius:50%;background:#fff3}.theme-frame__url{margin-left:8px;color:#ffffff8c;font-size:12.5px}.theme-frame__viewport{position:relative;min-height:240px;overflow:hidden;background:#fff}.theme-frame__iframe{position:absolute;top:0;left:0;border:0;transform-origin:top left;display:block}.theme-frame__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin:0;color:var(--color-muted);font-size:var(--t-small);background:#fff;opacity:0;pointer-events:none;transition:opacity .15s ease}.theme-frame__loading.is-visible{opacity:1}.theme-frame--phone .theme-frame__viewport{margin-inline:auto}.theme-playground__side{display:flex;flex-direction:column;gap:var(--s-16);min-width:0}.theme-tune{padding:var(--s-24);display:flex;flex-direction:column;gap:var(--s-16);background:#1c1c22}.theme-tune__title{font-size:var(--t-small);font-weight:var(--w-semibold);text-transform:uppercase;letter-spacing:var(--tracking-label);color:#fff9;margin:0}.theme-tune__colors,.theme-tune__fonts,.theme-tune__radius{display:flex;flex-direction:column;gap:var(--s-12)}.theme-tune__row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-12)}.theme-tune__row-label{font-family:var(--font-ui);font-size:var(--t-small);color:#ffffffd9;text-transform:capitalize}.theme-tune__color-input{width:36px;height:28px;padding:0;border:0;border-radius:var(--radius-md);background:none;cursor:pointer}.theme-tune__select{font-family:var(--font-ui);font-size:var(--t-small);padding:6px 10px;border-radius:var(--radius-md);background:#ffffff14;color:#fff;border:1px solid rgb(255 255 255 / .14);max-width:180px}.theme-output{padding:0;background:#1c1c22;overflow:hidden}.theme-output__tabs{display:flex;border-bottom:1px solid rgb(255 255 255 / .1)}.theme-output__tab{flex:1;font-family:var(--font-ui);font-size:var(--t-small);font-weight:var(--w-medium);padding:12px 8px;background:none;border:0;color:#ffffff80;cursor:pointer}.theme-output__tab.is-active{color:#fff;box-shadow:inset 0 -2px 0 0 var(--color-highlight)}.theme-output__panels{position:relative}.theme-output__panel{padding:var(--s-16)}.theme-output__copy{background:#ffffff14;color:#fff;border:0;border-radius:var(--radius-pill);padding:4px 14px;cursor:pointer;float:right;margin-bottom:var(--s-8)}.theme-output__code{clear:both;margin:0;max-height:340px;overflow:auto;font-family:var(--font-code);font-size:12px;line-height:1.6;color:#c9cbff;white-space:pre-wrap;word-break:break-word}.theme-output__model{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-12)}.theme-output__model-item{display:flex;flex-direction:column;gap:2px}.theme-output__model-label{color:#fff;font-weight:var(--w-medium);font-size:var(--t-small)}.theme-output__model-fields{color:#ffffff80;font-size:12px}.theme-close__head{grid-column:1 / -1}.theme-close__cta{grid-column:1 / -1;margin-top:var(--s-48)}@media(min-width:1024px){.theme-close__cta{grid-column:2 / span 10}}.use-drawer__link{display:inline-block;color:var(--color-accent-ink);font-weight:var(--w-medium)}.use-drawer__prompt-wrap{margin-top:var(--s-16)}.use-drawer__prompt{background:var(--color-surface-1);border-radius:var(--radius-lg);padding:var(--s-16);font-family:var(--font-code);font-size:12.5px;line-height:1.6;white-space:pre-wrap;word-break:break-word;color:var(--color-ink)}@media(prefers-reduced-motion:reduce){.theme-card__iframe,.theme-frame__iframe{transition:none}}