.studio-shell{flex-direction:column;height:100%;min-height:100vh;display:flex}.studio-header{flex:none;justify-content:space-between;align-items:center;gap:14px;padding:10px 20px;display:flex}.studio-brand{-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.studio-brand-word{letter-spacing:.24em;text-transform:uppercase;color:var(--text);font-size:13px;font-weight:600}.studio-header-right{align-items:center;gap:8px;display:flex}.studio-search{background:rgba(var(--glass-tint-deep), .65);width:min(230px,44vw);height:32px;transition:border-color var(--ease);border:1px solid #ffffff1c;border-radius:9px;align-items:center;gap:7px;padding:0 10px;display:inline-flex}.studio-search:focus-within{border-color:color-mix(in srgb, var(--accent) 58%, transparent)}.studio-search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:none;outline:none;flex:1;font-size:12.5px}.studio-search input::placeholder{color:var(--text-3)}.studio-kbd{color:var(--text-3);border:1px solid #ffffff1a;border-radius:4px;flex:none;padding:1px 5px;font-size:10px}.studio-icon-btn{width:32px;height:32px;color:var(--text-2);cursor:pointer;transition:border-color var(--ease), color var(--ease), background var(--ease);background:#ffffff08;border:1px solid #ffffff1c;border-radius:9px;justify-content:center;align-items:center;padding:0;display:inline-flex}.studio-icon-btn:hover{border-color:color-mix(in srgb, var(--accent) 48%, transparent);color:var(--accent-hi);background:color-mix(in srgb, var(--accent) 8%, transparent)}.studio-canvas{background:radial-gradient(ellipse 64% 44% at 24% 12%, color-mix(in srgb, var(--accent) 10%, transparent) 0%, transparent 70%), radial-gradient(ellipse 50% 38% at 84% 88%, color-mix(in srgb, var(--accent-dim) 8%, transparent) 0%, transparent 72%);flex:1;justify-content:center;align-items:center;min-height:0;padding:28px 24px 44px;display:flex;overflow-y:auto}.studio-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;width:min(980px,100%);display:grid}.studio-tile{min-height:158px;transition:border-color var(--ease), opacity var(--ease);flex-direction:column;grid-column:span 4;justify-content:space-between;gap:18px;padding:20px 22px;display:flex}.studio-tile--featured{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 9%, rgba(var(--glass-tint), .74)) 0%, rgba(var(--glass-tint-deep), .86) 66%);border-color:color-mix(in srgb, var(--accent) 34%, #ffffff1a);grid-column:span 8;min-height:210px;padding:24px 26px}.studio-tile--online:hover{border-color:color-mix(in srgb, var(--accent) 52%, #ffffff29)}.studio-tile--offline{opacity:.72}.studio-tile-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.studio-tile-identity{align-items:center;gap:10px;min-width:0;display:inline-flex}.studio-tile-title{letter-spacing:-.01em;color:var(--text);margin:0;font-size:15.5px;font-weight:600}.studio-tile-tag{color:var(--text-2);letter-spacing:.01em;margin-top:6px;font-size:12px}.studio-status{letter-spacing:.05em;font-variant-numeric:tabular-nums;color:var(--text-3);white-space:nowrap;background:#ffffff08;border:1px solid #ffffff1c;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:10.5px;font-weight:550;display:inline-flex}.studio-status--online{border-color:color-mix(in srgb, var(--accent) 44%, transparent);background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent-hi)}.studio-dot{background:#ffffff47;border-radius:50%;width:6px;height:6px}.studio-dot--online{background:var(--accent-hi);box-shadow:0 0 8px color-mix(in srgb, var(--accent-hi) 75%, transparent)}.studio-tile-foot{flex-direction:column;gap:12px;display:flex}.studio-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.studio-actions-left{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.studio-btn-enter{border:1px solid color-mix(in srgb, var(--accent-hi) 56%, transparent);background:color-mix(in srgb, var(--accent) 18%, rgba(var(--glass-tint-deep), .9));height:34px;color:var(--accent-hi);font:inherit;cursor:pointer;transition:background var(--ease), border-color var(--ease);border-radius:9px;align-items:center;gap:7px;padding:0 15px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex}.studio-btn-enter:hover{background:color-mix(in srgb, var(--accent) 26%, rgba(var(--glass-tint-deep), .95));border-color:var(--accent-hi)}.studio-btn-ghost{height:31px;color:var(--text);font:inherit;cursor:pointer;transition:border-color var(--ease), color var(--ease), background var(--ease);background:#ffffff08;border:1px solid #ffffff21;border-radius:8px;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.studio-btn-ghost:hover{border-color:color-mix(in srgb, var(--accent) 48%, transparent);color:var(--accent-hi);background:color-mix(in srgb, var(--accent) 9%, transparent)}.studio-shortcuts{border-top:1px solid #ffffff12;flex-wrap:wrap;gap:6px;padding-top:11px;display:flex}.studio-chip{height:27px;color:var(--text-2);transition:border-color var(--ease), color var(--ease), background var(--ease);background:#ffffff06;border:1px solid #ffffff1c;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:11.5px;text-decoration:none;display:inline-flex}.studio-chip:hover{border-color:color-mix(in srgb, var(--accent) 48%, transparent);background:color-mix(in srgb, var(--accent) 11%, transparent);color:var(--accent-hi)}.studio-port-label{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:11px}.studio-user-label{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.studio-user-popover{width:204px;padding:8px}.studio-user-meta{border-bottom:1px solid #ffffff14;padding:4px 8px 8px}.studio-user-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:560;overflow:hidden}.studio-user-login{color:var(--text-3);margin-top:2px;font-size:11px}.studio-menu-caption{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:8px 8px 2px;font-size:10px}.studio-menu-item{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;margin-top:4px;padding:8px;font-size:12.5px;display:flex}.studio-menu-item:hover{background:#ffffff0f}@media (width<=900px){.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-tile{grid-column:span 1}.studio-tile--featured{grid-column:span 2}}@media (width<=600px){.studio-canvas{align-items:flex-start;padding:16px 14px 32px}.studio-grid{grid-template-columns:minmax(0,1fr)}.studio-tile,.studio-tile--featured{grid-column:span 1}.studio-search{width:148px}}