.studio-main{width:min(1440px,100% - 44px);min-width:0;margin:0 auto 48px;font-size:1rem}.studio-groups{gap:16px}.studio-group{background:var(--card);border-radius:16px;overflow:hidden;border:1px solid var(--border)!important}.studio-group-trigger{gap:16px;border-radius:0!important;align-items:center!important;padding:22px!important}.studio-group-trigger:hover{background:color-mix(in srgb, var(--primary) 4%, var(--card));text-decoration:none}.studio-group-icon{color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--card));border:1px solid color-mix(in srgb, var(--primary) 18%, var(--border));border-radius:13px;flex-shrink:0;place-items:center;width:50px;height:50px;display:grid}.studio-group-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.studio-group-copy strong{font-size:1.25rem;line-height:1.3}.studio-group-copy>span{color:var(--muted-foreground);font-size:1rem;font-weight:400;line-height:1.5}.studio-count{color:var(--muted-foreground);font-size:.875rem;font-weight:400}.studio-group-content{height:auto!important;padding:0 22px 22px!important}.studio-main .studio-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:12px;width:100%;margin:0;padding:0;display:grid}.studio-main .studio-tile{text-align:left;min-width:0;height:100%;color:var(--foreground);background:var(--background);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;align-self:stretch;align-items:flex-start;gap:8px;padding:14px;text-decoration:none;transition:border-color .14s,background .14s;display:flex}.studio-tile:not(:disabled):hover{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 5%, var(--background))}.studio-tile:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.studio-tile-top{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.studio-tile-top strong{flex:1;min-width:0}.studio-tile-icon{color:var(--primary);background:color-mix(in srgb, var(--primary) 9%, var(--background));border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.studio-tile-arrow{color:var(--muted-foreground);flex-shrink:0}.studio-tile strong{overflow-wrap:anywhere;font-size:1rem;font-weight:600;line-height:1.4}.studio-tile-description{color:var(--muted-foreground);flex:1;font-size:1rem;line-height:1.4}.studio-tile-status{width:fit-content}.studio-main .studio-tile-development:hover{background:color-mix(in srgb, #f59e0b 5%, var(--background));border-color:#f59e0b8c}@media (max-width:1100px){.studio-main .studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.studio-main .studio-grid{grid-template-columns:minmax(0,1fr)}.studio-group-trigger{flex-wrap:wrap;gap:12px;padding:16px!important}.studio-group-content{padding:0 16px 16px!important}.studio-count{display:none}.studio-group-copy{flex-basis:calc(100% - 88px)}}@media (prefers-reduced-motion:reduce){.studio-main *,.studio-main :before,.studio-main :after{transition:none!important;animation:none!important}}@media (max-width:560px){.studio-main{width:calc(100% - 30px)}}