.layout-studio-route{max-width:40rem;margin-inline:auto;padding-bottom:max(5.5rem,calc(var(--ds-mobile-tab-h, 2.75rem) + env(safe-area-inset-bottom, 0px) + 2rem))}.layout-studio-page{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.layout-studio-page__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:0 .125rem}.layout-studio-page__back{display:inline-flex;align-items:center;gap:.125rem;font-size:.9375rem;font-weight:500;letter-spacing:-.02em;color:hsl(var(--fg)/.55);transition:color .15s ease}.layout-studio-page__back:hover{color:hsl(var(--fg)/.82)}.layout-studio-page__status-text{font-size:.6875rem;font-weight:500;color:hsl(var(--fg)/.42)}.layout-studio-page__error{padding:.75rem 1rem;border-radius:.875rem;font-size:.8125rem;color:hsl(0 72% 42%);background:hsl(0 80% 50%/.06);box-shadow:inset 0 0 0 1px hsl(0 70% 50%/.15)}.layout-studio-preview{display:flex;justify-content:center;width:100%;min-width:0;padding:.5rem 0 .25rem}.layout-studio-preview .onboarding-preview-stage--live{animation:none}.layout-studio-sections{display:flex;flex-direction:column;gap:1.75rem}.layout-studio-section__head{margin-bottom:.75rem}.layout-studio-section__title{margin:0;font-size:.8125rem;font-weight:600;letter-spacing:-.02em;color:hsl(var(--fg)/.88)}.layout-studio-section__subtitle{margin:.25rem 0 0;font-size:.75rem;line-height:1.45;color:hsl(var(--fg)/.42)}.layout-studio-grid{display:grid;gap:.625rem}.layout-studio-grid--cover,.layout-studio-grid--positions,.layout-studio-grid--spacing,.layout-studio-grid--styles{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:480px){.layout-studio-grid--cover,.layout-studio-grid--spacing{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:640px){.layout-studio-grid--positions,.layout-studio-grid--styles{grid-template-columns:repeat(4,minmax(0,1fr))}}.layout-studio-option{display:flex;flex-direction:column;align-items:stretch;min-height:100%;text-align:left;border-radius:.875rem;padding:.4375rem;background:hsl(var(--card));box-shadow:inset 0 0 0 1px hsl(var(--border)/.42);transition:box-shadow .24s cubic-bezier(.32,.72,0,1),transform .24s cubic-bezier(.32,.72,0,1),background-color .2s ease}.layout-studio-option:hover{box-shadow:inset 0 0 0 1px hsl(var(--border)/.58)}.layout-studio-option--active{background:hsl(var(--card));box-shadow:inset 0 0 0 2px hsl(var(--fg)/.2);transform:translateY(-1px)}.layout-studio-option--active .layout-studio-option__label{color:hsl(var(--fg)/.94)}.layout-studio-option--active .layout-studio-option__desc{color:hsl(var(--fg)/.48)}.layout-studio-option__preview{display:flex;flex:1;align-items:center;justify-content:center;min-height:5.25rem;padding:.375rem .25rem;border-radius:.5625rem;background:hsl(var(--muted)/.32);box-shadow:inset 0 0 0 1px hsl(var(--border)/.22);margin-bottom:.4375rem;overflow:hidden;transition:background-color .24s ease,box-shadow .24s ease}.layout-studio-option--active .layout-studio-option__preview{background:hsl(var(--muted)/.48);box-shadow:inset 0 0 0 1px hsl(var(--fg)/.1)}.layout-studio-option__copy{display:flex;flex-direction:column;gap:.1875rem;padding:0 .1875rem .1875rem;min-height:2.5rem}.layout-studio-option__label{font-size:.75rem;font-weight:600;letter-spacing:-.02em;color:hsl(var(--fg)/.88);transition:color .2s ease}.layout-studio-option__desc{font-size:.625rem;line-height:1.4;color:hsl(var(--fg)/.44);transition:color .2s ease}.layout-studio-option--compact .layout-studio-option__preview{min-height:4.75rem}.layout-studio-mini-card{display:block;width:5.5rem;flex-shrink:0;border-radius:.5625rem;overflow:hidden;background:hsl(var(--card));box-shadow:inset 0 0 0 1px hsl(var(--fg)/.1),0 2px 6px -2px hsl(var(--fg)/.08);transition:box-shadow .24s ease,transform .24s ease}.layout-studio-option--active .layout-studio-mini-card{box-shadow:inset 0 0 0 1.5px hsl(var(--fg)/.18),0 3px 10px -4px hsl(var(--fg)/.12)}.layout-studio-mini-card__cover{display:block;width:100%;height:1.375rem;background:hsl(var(--fg)/.16)}.layout-studio-mini-card__cover--position{height:1.5rem}.layout-studio-mini-card__body{display:flex;flex-direction:column;align-items:center;gap:.3125rem;padding:.3125rem .375rem .4375rem}.layout-studio-mini-card__text{display:flex;width:100%;flex-direction:column;gap:.1875rem}.layout-studio-mini-card__avatar{flex-shrink:0;width:1.125rem;height:1.125rem;border-radius:9999px;background:hsl(var(--fg)/.22);box-shadow:0 0 0 2px hsl(var(--card)),inset 0 0 0 1px hsl(var(--fg)/.08)}.layout-studio-option--active .layout-studio-mini-card__avatar{background:hsl(var(--fg)/.28)}.layout-studio-mini-card__line{display:block;height:.25rem;border-radius:9999px;background:hsl(var(--fg)/.14)}.layout-studio-option--active .layout-studio-mini-card__line{background:hsl(var(--fg)/.18)}.layout-studio-mini-card__line--title{height:.3125rem;background:hsl(var(--fg)/.26)}.layout-studio-option--active .layout-studio-mini-card__line--title{background:hsl(var(--fg)/.32)}.layout-studio-mini-card__line--sub{width:72%}.layout-studio-mini-card__line--meta{width:48%;height:.1875rem;background:hsl(var(--fg)/.1)}.layout-studio-mini-card__actions{display:flex;width:100%;flex-direction:column;align-items:center;gap:.1875rem;margin-top:.125rem}.layout-studio-mini-card__cta{display:block;height:.375rem;border-radius:9999px;background:hsl(var(--fg)/.2)}.layout-studio-mini-card__cta--primary{width:68%;background:hsl(var(--fg)/.3)}.layout-studio-mini-card__cta--secondary{width:44%;height:.25rem;background:hsl(var(--fg)/.12)}.layout-studio-mini-card--style-minimal .layout-studio-mini-card__body,.layout-studio-mini-card--style-minimal .layout-studio-mini-card__text{align-items:center}.layout-studio-mini-card--style-minimal .layout-studio-mini-card__line--meta,.layout-studio-mini-card--style-minimal .layout-studio-mini-card__line--sub{margin-inline:auto}.layout-studio-mini-card--style-minimal .layout-studio-mini-card__line--title{width:58%}.layout-studio-mini-card--style-editorial .layout-studio-mini-card__body{align-items:flex-start;padding-inline:.4375rem;gap:.375rem}.layout-studio-mini-card--style-editorial .layout-studio-mini-card__text{align-items:flex-start}.layout-studio-mini-card--style-editorial .layout-studio-mini-card__avatar{align-self:flex-start}.layout-studio-mini-card--style-editorial .layout-studio-mini-card__line--title{width:82%;height:.375rem}.layout-studio-mini-card--style-editorial .layout-studio-mini-card__line--sub{width:64%}.layout-studio-mini-card--style-editorial .layout-studio-mini-card__line--meta{width:42%}.layout-studio-mini-card--style-editorial .layout-studio-mini-card__actions{align-items:flex-start}.layout-studio-mini-card--style-corporate .layout-studio-mini-card__body{gap:.5rem;padding-block:.4375rem .5rem}.layout-studio-mini-card--style-corporate .layout-studio-mini-card__text{gap:.3125rem;align-items:center}.layout-studio-mini-card--style-corporate .layout-studio-mini-card__line--title{width:62%}.layout-studio-mini-card--style-corporate .layout-studio-mini-card__cta--primary{width:78%;height:.3125rem;border-radius:.25rem;background:hsl(var(--fg)/.18)}.layout-studio-mini-card--style-corporate .layout-studio-mini-card__cta--secondary{display:none}.layout-studio-mini-card--style-creator .layout-studio-mini-card__body{gap:.1875rem;padding-block:.25rem .375rem}.layout-studio-mini-card--style-creator .layout-studio-mini-card__text{gap:.125rem}.layout-studio-mini-card--style-creator .layout-studio-mini-card__line--title{width:70%}.layout-studio-mini-card--style-creator .layout-studio-mini-card__cta--primary{width:80%;height:.4375rem;margin-top:.0625rem;background:hsl(var(--fg)/.34)}.layout-studio-mini-card--position{width:5.75rem}.layout-studio-mini-card--centered .layout-studio-mini-card__body--position{align-items:center;padding-top:.25rem}.layout-studio-mini-card--centered .layout-studio-mini-card__text--position{align-items:center}.layout-studio-mini-card--centered .layout-studio-mini-card__line--sub{width:52%;margin-inline:auto}.layout-studio-mini-card--left .layout-studio-mini-card__body--position{align-items:flex-start;padding:.375rem .5rem .4375rem}.layout-studio-mini-card--left .layout-studio-mini-card__avatar--position{align-self:flex-start;margin-left:.125rem}.layout-studio-mini-card--left .layout-studio-mini-card__text--position{align-items:flex-start;width:100%}.layout-studio-mini-card--left .layout-studio-mini-card__line--title{width:76%}.layout-studio-mini-card--left .layout-studio-mini-card__line--sub{width:58%}.layout-studio-mini-card--overlap .layout-studio-mini-card__body--position{align-items:center;margin-top:-.6875rem;padding-top:0;position:relative;z-index:1}.layout-studio-mini-card--overlap .layout-studio-mini-card__avatar--position{width:1.375rem;height:1.375rem;background:hsl(var(--fg)/.26);box-shadow:0 0 0 2.5px hsl(var(--card)),0 2px 4px -1px hsl(var(--fg)/.12)}.layout-studio-mini-card--overlap .layout-studio-mini-card__text--position{align-items:center;margin-top:.125rem}.layout-studio-mini-card--overlap .layout-studio-mini-card__line--title{width:54%;margin-inline:auto}.layout-studio-mini-card--overlap .layout-studio-mini-card__line--sub{width:40%;margin-inline:auto}.layout-studio-mini-card--split .layout-studio-mini-card__body--position{flex-direction:row;align-items:flex-end;gap:.375rem;padding:.375rem .4375rem .4375rem}.layout-studio-mini-card--split .layout-studio-mini-card__avatar--position{width:1.25rem;height:1.25rem;margin-bottom:.0625rem}.layout-studio-mini-card--split .layout-studio-mini-card__text--position{flex:1;min-width:0;align-items:flex-start;gap:.25rem}.layout-studio-mini-card--split .layout-studio-mini-card__line--title{width:100%}.layout-studio-mini-card--split .layout-studio-mini-card__line--sub{width:72%}.layout-studio-mini-card--spacing{width:100%;max-width:5.75rem;min-height:4.25rem;box-shadow:inset 0 0 0 1px hsl(var(--fg)/.1)}.layout-studio-spacing-wire{display:flex;width:100%;flex-direction:column;padding:.4375rem .5rem .5rem}.layout-studio-spacing-wire__block{display:flex;flex-direction:column;gap:.1875rem}.layout-studio-spacing-wire__cta{align-self:center;margin-top:.0625rem}.layout-studio-mini-card--spacing-compact .layout-studio-spacing-wire{gap:.25rem}.layout-studio-mini-card--spacing-compact .layout-studio-spacing-wire__block{gap:.125rem}.layout-studio-mini-card--spacing-balanced .layout-studio-spacing-wire{gap:.5625rem}.layout-studio-mini-card--spacing-balanced .layout-studio-spacing-wire__block{gap:.1875rem}.layout-studio-mini-card--spacing-spacious .layout-studio-spacing-wire{gap:.875rem;padding-block:.5rem .5625rem}.layout-studio-mini-card--spacing-spacious .layout-studio-spacing-wire__block{gap:.25rem}.layout-studio-mini-card--spacing-spacious .layout-studio-spacing-wire__cta{margin-top:.25rem}.layout-studio-mini-card--cover{width:100%;max-width:5.75rem}.layout-studio-mini-card__cover--full{width:100%;margin:0;border-radius:0}.layout-studio-mini-card__cover--contained{width:calc(100% - .875rem);height:1.125rem;margin:.375rem .4375rem 0;border-radius:.3125rem;background:hsl(var(--fg)/.18)}.layout-studio-mini-card__cover--minimal{height:.5625rem;background:hsl(var(--fg)/.14)}.layout-studio-mini-card--cover-no-cover .layout-studio-mini-card__body--cover{padding-top:.5rem}.layout-studio-mini-card--cover-no-cover .layout-studio-mini-card__avatar--cover{margin-top:0}.layout-studio-mini-card__body--cover{align-items:center;gap:.25rem;padding:.25rem .375rem .4375rem}.layout-studio-mini-card--cover-contained .layout-studio-mini-card__body--cover,.layout-studio-mini-card--cover-minimal .layout-studio-mini-card__body--cover{padding-top:.125rem}.layout-studio-mini-card--cover-full .layout-studio-mini-card__avatar--cover{margin-top:-.3125rem}@media (prefers-reduced-motion:reduce){.layout-studio-mini-card,.layout-studio-option,.layout-studio-option__preview{transition:none}}.layout-studio-page__footer{position:sticky;bottom:calc(var(--ds-mobile-tab-h, 2.75rem) + env(safe-area-inset-bottom, 0px));z-index:20;margin-top:.5rem;padding:.625rem 0 .375rem;background:linear-gradient(180deg,transparent 0,hsl(var(--background)/.94) 28%,hsl(var(--background)) 100%);border-top:1px solid hsl(var(--border)/.28)}@media (min-width:768px){.layout-studio-page__footer{bottom:0;padding-bottom:max(.75rem,env(safe-area-inset-bottom,0px));border-top:none}}.layout-studio-done-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:2.75rem;border-radius:9999px;font-size:.9375rem;font-weight:600;letter-spacing:-.02em;color:hsl(var(--primary-foreground));background:hsl(var(--foreground));box-shadow:0 1px 2px hsl(0 0% 0%/.08)}.card-editor-edit-layout-link{display:flex;align-items:center;gap:.6875rem;width:100%;min-height:2.6875rem;padding:.625rem .875rem .625rem .9375rem;border-radius:1rem;background:hsl(var(--card));box-shadow:var(--card-editor-shadow-row,0 1px 2px hsl(var(--foreground)/.028),0 6px 18px -14px hsl(var(--foreground)/.06));transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease}.card-editor-edit-layout-link:hover{box-shadow:0 1px 2px hsl(var(--foreground)/.032),0 8px 20px -14px hsl(var(--foreground)/.07)}.card-editor-edit-layout-link:active{transform:scale(.992)}.card-editor-edit-layout-link__icon{display:flex;align-items:center;justify-content:center;width:2.125rem;height:2.125rem;border-radius:.5625rem;color:hsl(var(--fg)/.5);background:var(--card-editor-surface-muted,hsl(var(--muted)/.38));box-shadow:none}.card-editor-edit-layout-link__title{display:block;font-size:.9375rem;font-weight:500;letter-spacing:-.018em;color:hsl(var(--fg)/.86)}.card-editor-edit-layout-link__subtitle{display:block;margin-top:.1875rem;font-size:.6875rem;line-height:1.3;letter-spacing:-.008em;color:hsl(var(--fg)/.36)}.card-editor-edit-layout-link__chevron{width:1.125rem;height:1.125rem;margin-right:.0625rem;color:hsl(var(--fg)/.32)}.public-card-cover-behavior--contained .public-card-banner-root{margin-inline:1rem;margin-top:.75rem;width:calc(100% - 2rem);border-radius:1rem}.public-card-cover-behavior--contained .public-card-banner-root.aspect-\[16\/9\]{max-height:10rem}.public-card-banner-root--compact-studio,.public-card-cover-behavior--minimal .public-card-banner-root:not(.public-card-banner-root--compact-studio){aspect-ratio:auto;height:4.5rem;max-height:4.5rem}.public-card-spacing-rhythm--compact .public-card-sections-stack{gap:0}.public-card-spacing-rhythm--spacious .public-card-identity-block{margin-top:.25rem}.public-card-spacing-rhythm--spacious .public-card-actions-block{margin-top:2rem}