.studio-masonry{align-items:flex-start;gap:.5rem;display:flex}.studio-generate-browse .studio-masonry{columns:2}.studio-masonry>*{flex-direction:column;flex:1;gap:.5rem;min-width:0;margin-bottom:0;display:flex}.studio-media-tile{border-radius:1.1rem;overflow:hidden}.studio-generate-split{flex:auto;grid-template-rows:minmax(16rem,2fr) minmax(0,1fr) auto;grid-template-areas:"stage""browse""tokens";gap:.75rem;width:min(100%,90rem);height:100%;min-height:0;margin-inline:auto;padding:.75rem .75rem 0;display:grid;overflow:hidden}.studio-generate-split:not(:has(.studio-generate-tokens)){grid-template-rows:minmax(16rem,2fr) minmax(0,1fr);grid-template-areas:"stage""browse"}.studio-generate-stage{flex-direction:column;grid-area:stage;gap:.75rem;min-width:0;min-height:0;display:flex}.studio-generate-stage-media{border-radius:1.75rem;flex-direction:column;flex:auto;min-height:0;padding:.5rem;display:flex;overflow:hidden}.studio-generate-tokens{grid-area:tokens;min-width:0;padding-bottom:.15rem}.studio-generate-browse{border-radius:1.75rem;flex-direction:column;grid-area:browse;min-width:0;min-height:0;padding:.75rem;display:flex;overflow:auto}.studio-generate-dock{padding-bottom:.25rem}@media (min-width:1024px){.studio-generate-split{grid-template:"stage browse"minmax(0,1fr)"tokens browse"/minmax(0,1fr) 400px;gap:1.5rem;height:100%;padding:1rem 1.5rem;overflow:hidden}.studio-generate-split:not(:has(.studio-generate-tokens)){grid-template-rows:minmax(0,1fr);grid-template-areas:"stage browse"}.studio-generate-stage-media{padding:1.5rem}.studio-generate-browse{height:100%;max-height:none;padding:1rem}}.studio-generate-split--keyboard{grid-template-rows:minmax(0,2fr) minmax(0,1fr) auto}.studio-generate-split--keyboard:not(:has(.studio-generate-tokens)){grid-template-rows:minmax(0,2fr) minmax(0,1fr)}.studio-workspace{overscroll-behavior:contain;flex-direction:column;gap:.75rem;width:min(100%,110rem);height:100%;min-height:0;margin-inline:auto;padding:.75rem .75rem 1.25rem;display:flex;overflow-y:auto}.studio-workspace-body{flex-direction:column;gap:.75rem;display:flex}.studio-workspace-stage{min-width:0;transition:opacity .32s var(--ease-out-strong), transform .32s var(--ease-out-strong);flex-direction:column;gap:.75rem;display:flex}@starting-style{.studio-workspace-stage{opacity:0;transform:translateY(-6px)}}.studio-workspace-browse{border-radius:1.5rem;min-width:0;padding:.625rem;container-type:inline-size}.studio-stage-media{place-items:center;width:100%;min-width:0;min-height:12rem;max-height:44dvh;display:grid}.studio-stage-media img{max-height:calc(44dvh - 1rem)}@media (min-width:768px){.studio-workspace{gap:1rem;padding:1rem 1.5rem 1.25rem;overflow:hidden}.studio-workspace-body{flex-direction:row;flex:auto;gap:1rem;min-height:0}.studio-workspace-stage{scrollbar-width:none;flex:0 0 clamp(16rem,27%,27rem);min-height:0;overflow:hidden auto}@starting-style{.studio-workspace-stage{opacity:0;transform:translate(-10px)}}.studio-workspace-stage--wide{flex:0 0 clamp(20rem,38%,30rem)}.studio-workspace-browse{flex:1 1 0;min-height:0;padding:.875rem;overflow-y:auto}.studio-stage-media{flex:auto;min-height:0;max-height:none}.studio-stage-media img{max-height:100%}}@media (prefers-reduced-motion:reduce){.studio-workspace-stage{transition:opacity .2s}@starting-style{.studio-workspace-stage{opacity:0;transform:none}}}.studio-style-grid{align-items:flex-start;gap:.625rem;display:flex}.studio-style-grid>*{flex-direction:column;flex:1;gap:.625rem;min-width:0;margin-bottom:0;display:flex}.studio-style-tile{transition:scale .16s var(--ease-out-strong)}.studio-style-tile:active:not(:disabled){scale:.97}.studio-style-tile .studio-media-tile{transition:filter .15s}.studio-style-tile[data-selected] .studio-media-tile{outline:2px solid var(--ring);outline-offset:2px}@media (hover:hover) and (pointer:fine){.studio-style-tile:hover:not(:disabled) .studio-media-tile{filter:brightness(1.08)}}.studio-image-outline{outline-offset:-1px;outline:1px solid #0000001a;outline:1px solid lab(0% 0 0/.1)}.dark .studio-image-outline{outline-color:#ffffff1a;outline-color:lab(100% 0 0/.1)}.studio-press{transition:scale .16s var(--ease-out-strong), background-color .15s ease}.studio-press:active{scale:.97}.studio-rail{scrollbar-width:thin;scrollbar-color:var(--border) transparent;overscroll-behavior-x:contain}.studio-scope{scrollbar-color:var(--border) transparent;display:contents}.studio-scope *,.studio-scroll-thin,.studio-scroll-thin *{scrollbar-width:thin}.studio-scroll-thin{scrollbar-color:var(--border) transparent}.studio-sheet-scroll{padding-bottom:max(1rem, calc(env(safe-area-inset-bottom) + .75rem))}.studio-styles-dock{bottom:max(env(safe-area-inset-bottom), .75rem);z-index:20;pointer-events:none;justify-content:center;margin-top:auto;padding-top:.5rem;display:flex;position:sticky}.studio-styles-dock>*{pointer-events:auto}