.toibox-name-card{box-sizing:border-box;justify-content:center;align-items:center;gap:min(var(--size-12), 3cqmin);text-align:center;width:100%;min-width:0;height:100%;min-height:0;padding:min(var(--size-24), 6cqmin);flex-direction:column;display:flex;overflow:hidden;container-type:size}.toibox-name-card,section.toibox-name-card :is(h1,p){font-family:var(--scroll-font-family);color:var(--scroll-font)}.toibox-name-card img,.toibox-avatar-placeholder{width:min(42cqmin, var(--size-160));aspect-ratio:1;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.toibox-avatar-placeholder{background:var(--scroll-main,var(--color-scroll-action-default));color:var(--scroll-primary-font,var(--color-text-on-action));font-size:min(16cqmin, var(--size-60));place-items:center;display:grid}.toibox-name-card h1{max-width:100%;font-size:min(14cqmin, var(--size-36));overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-shrink:0;margin:0;line-height:1.15;display:-webkit-box;overflow:hidden}.toibox-name-card p{max-width:100%;font-size:min(10cqmin, var(--size-15));white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;margin:0;line-height:1.3;overflow:hidden}.toibox-social-links{justify-content:safe center;gap:var(--size-8);width:100%;height:100%;padding:var(--size-8);box-sizing:border-box;flex-direction:column;display:flex}.toibox-social-links :is(a,.toibox-link-placeholder-card){align-items:center;gap:var(--size-10);min-height:var(--scroll-button-height);padding:var(--scroll-button-padding-block) var(--scroll-button-padding-inline);font-size:var(--size-14);line-height:var(--size-20);flex:none;text-decoration:none;display:flex}.toibox-social-links :is(a,.toibox-link-placeholder-card) span:not(.toibox-link-icon){overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;display:-webkit-box;overflow:hidden}.toibox-link-icon{width:var(--size-18);height:var(--size-18);flex:0 0 var(--size-18);background:currentColor;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.toibox-social-links svg{flex-shrink:0}.toibox-social-links p{text-align:center;opacity:.6;font-size:var(--size-14)}.toibox-social-links .toibox-empty-action{text-align:center;justify-content:center}.toibox-scroll-card{width:100%;height:100%;color:inherit;border:var(--size-1) solid color-mix(in srgb, currentColor 15%, var(--color-transparent));border-radius:var(--size-16);align-items:stretch;gap:0;padding:0;text-decoration:none;display:flex;overflow:hidden}.toibox-scroll-card>img{aspect-ratio:1;object-fit:cover;border-radius:0;flex:none;width:auto;height:100%}.toibox-scroll-card>span{justify-content:center;gap:var(--size-8);padding:var(--size-12);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.toibox-scroll-card strong{font-size:var(--size-14);font-weight:var(--font-weight-650);overflow-wrap:anywhere;line-height:1.35}.toibox-scroll-card:hover{background:color-mix(in srgb, currentColor 5%, var(--color-transparent))}.toibox-profile-fields{color:var(--color-text-primary);font-family:var(--font-family-primary-ui);gap:var(--size-24);border:0;min-width:0;margin:0;padding:0;display:grid}.toibox-profile-fields legend{font-weight:var(--font-weight-700);font-size:var(--size-14);margin-bottom:var(--size-16)}.toibox-profile-fields label{gap:var(--size-8);font-size:var(--size-13);font-weight:var(--font-weight-500);min-width:0;display:grid}.toibox-profile-fields input{box-sizing:border-box;width:100%;min-height:var(--size-38);padding:var(--size-10) var(--size-12);border:var(--size-1) solid var(--mtb-neutral-3);border-radius:var(--size-8);background:var(--color-bg-control);font:inherit;color:var(--color-text-primary);min-width:0}.toibox-profile-fields input:disabled{background:var(--color-bg-secondary)}.toibox-profile-fields small,.toibox-profile-fields p{font-size:var(--size-12);color:var(--color-text-secondary);font-weight:var(--font-weight-400);margin:0;line-height:1.5}.toibox-profile-photo{align-items:center;gap:var(--size-12);flex-wrap:wrap;display:flex}.toibox-name-card[data-owner-type=organization] img,.toibox-name-card[data-owner-type=organization] .toibox-avatar-placeholder,.toibox-profile-photo[data-owner-type=organization] img{border-radius:25%}.toibox-profile-photo img{width:var(--size-64);height:var(--size-64);object-fit:cover;border-radius:var(--radius-full)}.toibox-profile-photo label{flex:1}.toibox-profile-media{gap:var(--size-8);min-width:0;font-size:var(--size-13);font-weight:var(--font-weight-500);flex:1;display:grid}.toibox-profile-media img{border-radius:inherit;width:100%;height:100%}.toibox-add-link{justify-self:start}.toibox-links-heading{justify-content:space-between;align-items:baseline;gap:var(--size-8);margin-top:var(--size-12);display:flex}.toibox-links-heading h3{margin:0}.toibox-setup{font-family:var(--font-family-primary-ui);background:var(--color-bg-canvas);min-height:100dvh;color:var(--color-text-primary);padding:var(--size-48) var(--size-24)}.toibox-setup>form{max-width:var(--size-1000);padding:var(--size-40);background:var(--color-bg-surface);border:var(--size-1) solid var(--color-border-default);border-radius:var(--radius-xl);margin:auto}.toibox-setup header{max-width:var(--size-620);margin-bottom:var(--size-32)}.toibox-setup header>span{font-size:var(--size-12);text-transform:uppercase;letter-spacing:var(--relative-1);color:var(--color-text-secondary)}.toibox-setup h1{margin:var(--size-12) 0;font-size:var(--size-36)}.toibox-setup header p{color:var(--color-text-secondary);line-height:1.6}.toibox-setup-grid{gap:var(--size-48);grid-template-columns:1.2fr 1fr;display:grid}.toibox-setup-grid>fieldset{border:0;min-width:0;margin:0;padding:0}.toibox-setup-preview{padding:var(--size-24);border-radius:var(--radius-xl);background:var(--scroll-background);align-self:start}.toibox-setup-preview>small{text-align:center;color:var(--color-text-secondary);display:block}.toibox-setup-preview .toibox-name-card{aspect-ratio:1;height:auto}.toibox-setup-preview .toibox-social-links{height:auto}.toibox-setup footer{align-items:center;gap:var(--size-20);margin-top:var(--size-32);display:flex}.toibox-setup footer button{background:var(--color-action-primary);color:var(--color-text-on-action);padding:var(--size-14) var(--size-24);border-radius:var(--radius-sm);font-weight:var(--font-weight-600);cursor:pointer;border:0}.toibox-setup button:disabled{opacity:.5;cursor:wait}.toibox-setup footer small{color:var(--color-text-secondary)}.toibox-editor-settings{padding:var(--size-8)}.toibox-editor-settings>p{color:var(--color-text-secondary);font-size:var(--size-13);margin-bottom:var(--size-24);line-height:1.6}@media (max-width:760px){.toibox-setup{padding:var(--size-16)}.toibox-setup>form{padding:var(--size-24)}.toibox-setup-grid{gap:var(--size-24);grid-template-columns:1fr}.toibox-setup footer{flex-direction:column;align-items:stretch}.toibox-setup h1{font-size:var(--size-28)}}.toibox-settings-fields{border:0;min-width:0;margin:0;padding:0}.toibox-workspace-preview{min-height:100%;padding:var(--size-24);align-content:start}.playtime-preview-page{--scroll-mobile-frame-height:calc(100svh - (var(--size-48) + var(--size-4)) - 2 * var(--size-24))}.toibox-preview-header .workspace-header-title{gap:var(--size-16);flex:1}.toibox-preview-header .workspace-header-title>strong{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;max-width:45%;overflow:hidden}.toibox-preview-header .workspace-header-title>.editor-public-link{flex:0 1 var(--size-360);width:auto;min-width:var(--size-64)}.toibox-preview-header .topbar-actions{flex-shrink:0}.toibox-preview-error{padding:var(--size-24);color:var(--color-text-primary)}.toibox-profile-fields :is(input,button):focus-visible,.toibox-setup button:focus-visible{outline:var(--size-3) solid var(--color-focus-ring);outline-offset:var(--size-2)}.toibox-profile-fields input::placeholder{color:var(--color-text-inactive)}.toibox-setup [role=alert]{color:var(--color-status-danger)}.toibox-setup-preview{color:var(--scroll-font);font-family:var(--scroll-font-family)}.toibox-setup-preview>small{color:inherit;opacity:.65}.toibox-profile-identity-row{align-items:start;gap:var(--size-16);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.toibox-profile-identity-row>small{grid-column:1/-1}.toibox-details-editor .toibox-link-fields{align-items:end;gap:var(--size-16);border-bottom:0;grid-template-columns:repeat(2,minmax(0,1fr)) auto;padding-bottom:0;display:grid}.toibox-link-delete{min-height:var(--size-38);align-self:end}.toibox-link-list{gap:var(--size-8);display:grid}.toibox-link-placeholder{opacity:.6}.toibox-link-placeholder:focus-within{opacity:1}.toibox-link-delete-space{width:var(--size-38)}@media (max-width:480px){.toibox-profile-identity-row{grid-template-columns:minmax(0,1fr)}.toibox-details-editor .toibox-link-fields{grid-template-columns:minmax(0,1fr) auto}.toibox-link-fields>label:first-child{grid-column:1/-1}}.toibox-details-editor>legend{color:var(--color-text-primary)}.toibox-details-editor>[role=alert]{color:var(--color-status-danger)}.studio-shell .toibox-home-preview-page,.studio-shell .toibox-home-preview-page *{scrollbar-width:none}.studio-shell .toibox-home-preview-page::-webkit-scrollbar{width:0;height:0;display:none}.studio-shell .toibox-home-preview-page ::-webkit-scrollbar{width:0;height:0;display:none}.toibox-name-card[data-owner-type=organization] img,.toibox-profile-photo[data-owner-type=organization] img{object-fit:contain}.toibox-preview-header--loading :is(.topbar,.contextbar){position:relative}.toibox-preview-header--loading :is(.topbar,.contextbar)>*{visibility:hidden}.toibox-preview-header--loading :is(.topbar,.contextbar):after{content:"";left:var(--studio-header-gutter);border-radius:var(--radius-md);background:var(--color-bg-hover);width:220px;max-width:65%;height:24px;position:absolute}.toibox-social-links .toibox-link-placeholder-card{cursor:default}.toibox-profile-image-mask{width:min(42cqmin, var(--size-160));aspect-ratio:1;border-radius:var(--radius-full);flex-shrink:0;overflow:hidden}.toibox-name-card .toibox-profile-image-mask img{border-radius:0;width:100%;height:100%;display:block}.toibox-name-card[data-owner-type=organization] .toibox-profile-image-mask{border-radius:25%}.toibox-profile-photo:not([data-owner-type=organization]) .carousel-media-thumbnail{aspect-ratio:1;border-radius:50%;overflow:hidden}button.toibox-profile-image-mask{cursor:pointer;background:0 0;border:0;padding:0}button.toibox-profile-image-mask:focus-visible{outline-offset:4px;outline:2px solid}.toibox-preview-header div.editor-context-metrics{cursor:default;flex-wrap:wrap}.toibox-preview-header div.editor-context-metrics:hover{background:0 0}.toibox-data-panel:empty{display:none}.toibox-home-preview-page:has(.toibox-data-panel>*){grid-template-columns:minmax(280px,1fr) minmax(0,720px);align-items:start;display:grid}.toibox-data-panel{min-width:0;padding:var(--size-24);display:flex}@media (max-width:1000px){.toibox-home-preview-page:has(.toibox-data-panel>*){grid-template-columns:minmax(0,1fr)}.toibox-home-preview-page:has(.toibox-data-panel>*)>.toibox-workspace-preview{display:none}.toibox-data-panel{padding:var(--size-12)}}[data-toibox-artwork=pending] .toibox-profile-image-mask img,[data-toibox-artwork]:not([data-toibox-artwork=ready]) :is(.scroll-sticker-layer img,.scroll-sticker-tint){opacity:0}:is([data-toibox-artwork=profile],[data-toibox-artwork=ready]) .toibox-profile-image-mask img{animation:.24s ease-out backwards toibox-artwork-reveal}[data-toibox-artwork=ready] :is(.scroll-sticker-layer img,.scroll-sticker-tint){animation:.32s ease-out .3s backwards toibox-artwork-reveal}@keyframes toibox-artwork-reveal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){[data-toibox-artwork] :is(.toibox-profile-image-mask img,.scroll-sticker-layer img,.scroll-sticker-tint){animation:none}}