.studio-shell{isolation:isolate;position:relative;overflow:hidden}.topbar{height:var(--ds-size-u76);min-height:var(--ds-size-u76);padding:0 var(--ds-space-u26);background:var(--ds-color-clearSurface);justify-content:space-between;align-items:center;gap:var(--ds-space-large);display:flex}.top-divider{height:var(--ds-size-u23);width:var(--ds-size-u1);background:var(--ds-color-topDividerSurface)}.project-breadcrumb{align-items:center;gap:var(--ds-space-u11);font-size:var(--ds-fontSize-control);color:var(--ds-color-projectBreadcrumbText);display:flex}.save-status{color:var(--ds-color-saveStatusText);font-size:var(--ds-fontSize-field);align-items:center;gap:var(--ds-space-u6);white-space:nowrap;display:flex}.save-status>span{width:var(--ds-size-u5);height:var(--ds-size-u5);background:var(--ds-color-saveStatusSpanSurface);border-radius:50%}.share-button{align-items:center;gap:var(--ds-space-u7);font-size:var(--ds-fontSize-control);font-weight:var(--ds-fontWeight-mediumStrong);border:var(--ds-size-u1) solid var(--ds-color-shareButtonBorder);border-radius:var(--ds-radius-control);height:var(--ds-size-u34);padding:0 var(--ds-space-gutter);background:var(--ds-color-field);display:flex}.share-button:hover{background:var(--ds-color-surface)}.studio-body{grid-template-columns:var(--ds-size-u238) minmax(0, 1fr) var(--ds-size-u292);gap:var(--ds-space-gutter);min-height:0;padding:0 var(--ds-space-u14) var(--ds-space-small);flex:1;display:grid}.library-panel,.inspector-panel{border-radius:var(--ds-radius-panel);background:var(--floating-surface);border:var(--ds-size-u1) solid var(--ds-color-panelBorder);flex-direction:column;min-height:0;display:flex;overflow:hidden}.library-heading{padding:var(--ds-space-u17) var(--ds-space-u17) var(--ds-space-u15);justify-content:space-between;align-items:center;display:flex}.library-heading .icon-button{height:var(--ds-size-u22);width:var(--ds-size-u22);color:var(--ds-color-libraryHeadingIconButtonText)}.workspace-nav{padding:0 var(--ds-space-u10);gap:var(--ds-space-compact);flex-direction:column;display:flex}.workspace-nav button{height:var(--ds-size-u39);border-radius:var(--ds-radius-control);align-items:center;gap:var(--ds-space-u11);padding:0 var(--ds-space-gutter);font-size:var(--ds-fontSize-control);color:var(--ds-color-workspaceNavButtonText);text-align:left;display:flex}.workspace-nav button:hover{background:var(--ds-color-workspaceNavButtonSurface)}.workspace-nav button.active{background:var(--ds-color-navigationSelected);color:var(--ds-color-navigationSelectedText)}.workspace-nav .nav-count{font-size:var(--ds-fontSize-label);color:var(--ds-color-workspaceNavNavCountText);margin-left:auto}.workspace-nav button.active .nav-count{color:var(--ds-color-workspaceNavButtonActiveNavCountText)}.library-separator{height:var(--ds-size-u1);background:var(--ds-color-librarySeparatorSurface);margin:var(--ds-space-large) var(--ds-space-medium) var(--ds-space-u13)}.library-title{padding:0 var(--ds-space-u17) var(--ds-space-small);font-weight:var(--ds-fontWeight-semibold);font-size:var(--ds-fontSize-control);justify-content:space-between;align-items:center;display:flex}.library-title .icon-button{width:var(--ds-size-u23);height:var(--ds-size-u23)}.library-tabs{margin:0 var(--ds-space-medium) var(--ds-space-u13)}.library-tabs button{font-size:var(--ds-fontSize-label);padding:var(--ds-space-u6) var(--ds-space-u1)}.asset-list{min-height:var(--ds-size-u80);padding:0 var(--ds-space-u10);overflow-y:auto}.asset-item{text-align:left;width:100%;padding:var(--ds-space-u7) var(--ds-space-small);border:var(--ds-size-u1) solid var(--ds-color-clearSurface);border-radius:var(--ds-radius-item);align-items:center;gap:var(--ds-space-u11);margin-bottom:var(--ds-space-u5);display:flex}.asset-item.selected{background:var(--ds-color-assetItemSelectedSurface);border-color:var(--ds-color-assetItemSelectedBorder)}.asset-item:hover{background:var(--ds-color-search)}.asset-thumbnail{width:var(--ds-size-u45);height:var(--ds-size-u49);border-radius:var(--ds-radius-field);flex-shrink:0;place-items:center;display:grid;overflow:hidden}.asset-thumbnail img{object-fit:cover;width:100%;height:100%}.asset-item-text{gap:var(--ds-space-compact);flex-direction:column;display:flex;overflow:hidden}.asset-item-text strong{font-size:var(--ds-fontSize-control);font-weight:var(--ds-fontWeight-mediumStrong);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.asset-item-text small{font-size:var(--ds-fontSize-label);color:var(--ds-color-assetItemTextSmallText)}.asset-dot{height:var(--ds-size-u5);width:var(--ds-size-u5);background:var(--ds-color-assetDotSurface);border-radius:50%;margin-left:auto}.add-asset{border:var(--ds-size-u1) dashed var(--ds-color-addAssetBorder);border-radius:var(--ds-radius-control);width:100%;padding:var(--ds-space-u11);margin-top:var(--ds-space-u7);justify-content:center;align-items:center;gap:var(--ds-space-u7);color:var(--ds-color-addAssetText);font-size:var(--ds-fontSize-field);display:flex}.add-asset:hover{background:var(--ds-color-addAssetSurface)}.project-resources{padding:var(--ds-space-u27) var(--ds-space-u18) var(--ds-space-gutter)}.section-label{font-size:var(--ds-fontSize-caption);letter-spacing:var(--ds-tracking-u0_9);color:var(--ds-color-sectionLabelText);margin-bottom:var(--ds-space-gutter)}.project-resources button{align-items:center;gap:var(--ds-space-u10);width:100%;padding:var(--ds-space-u10) 0;color:var(--ds-color-projectResourcesButtonText);font-size:var(--ds-fontSize-field);text-align:left;display:flex}.library-bottom{flex-shrink:0;margin-top:auto}.agent-link{margin:var(--ds-space-large) var(--ds-space-u13) var(--ds-space-medium);align-items:center;gap:var(--ds-space-u9);text-align:left;width:calc(100% - var(--ds-size-u26));padding:var(--ds-space-u11) var(--ds-space-u9);background:var(--ds-color-agentLinkSurface);border-radius:var(--ds-radius-item);display:flex}.agent-link>span{width:var(--ds-size-u29);height:var(--ds-size-u29);background:var(--ds-color-agentLinkSpanSurface);color:var(--ds-color-agentLinkSpanText);border-radius:var(--ds-radius-control);place-items:center;display:grid}.agent-link>div{gap:var(--ds-space-compact);flex-direction:column;display:flex}.agent-link strong{font-size:var(--ds-fontSize-label);font-weight:var(--ds-fontWeight-mediumStrong)}.agent-link small{font-size:var(--ds-fontSize-caption);color:var(--ds-color-agentLinkSmallText)}.agent-link>svg{color:var(--ds-color-agentLinkSvgText);margin-left:auto}.library-search{border-top:var(--ds-size-u1) solid var(--ds-color-Border);align-items:center;gap:var(--ds-space-u9);height:var(--ds-size-u55);padding:0 var(--ds-space-u17);color:var(--ds-color-librarySearchText);display:flex}.library-search input::placeholder{color:var(--ds-color-librarySearchInputText)}.library-search kbd{font-family:inherit;font-size:var(--ds-fontSize-caption);white-space:nowrap;color:var(--ds-color-librarySearchKbdText);background:var(--ds-color-librarySearchKbdSurface);border:var(--ds-size-u1) solid var(--ds-color-librarySearchKbdBorder);border-radius:var(--ds-radius-u4);padding:var(--ds-space-u3) var(--ds-space-compact)}.editor-main{border:var(--ds-size-u1) solid var(--ds-color-clearSurface);border-radius:var(--ds-radius-panel);background:var(--ds-color-clearSurface);flex-direction:column;min-height:0;display:flex;overflow:hidden}.editor-heading{height:var(--ds-size-u56);min-height:var(--ds-size-u56);border-bottom:var(--ds-size-u1) solid var(--ds-color-editorHeadingborderBottom);background:var(--floating-surface);padding:0 var(--ds-space-u18);justify-content:space-between;align-items:center;gap:var(--ds-space-small);display:flex}.editor-title,.editor-heading-actions{align-items:center;gap:var(--ds-space-u10);display:flex}.asset-kind-icon{color:var(--ds-color-assetKindIconText);display:flex}.editor-title h1{font-size:var(--ds-fontSize-title);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-tracking-negative0_3);max-width:var(--ds-size-u190);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.draft-label{font-size:var(--ds-fontSize-caption);border:var(--ds-size-u1) solid var(--ds-color-draftLabelBorder);color:var(--ds-color-draftLabelText);border-radius:var(--ds-radius-u4);padding:var(--ds-space-u3) var(--ds-space-u6)}.editor-title .icon-button{width:var(--ds-size-u22);height:var(--ds-size-u22)}.demo-label{font-size:var(--ds-fontSize-caption);color:var(--ds-color-demoLabelText)}.export-button{border:var(--ds-size-u1) solid var(--ds-color-exportButtonBorder);justify-content:center;align-items:center;gap:var(--ds-space-u7);padding:var(--ds-space-u7) var(--ds-space-u10);border-radius:var(--ds-radius-field);font-size:var(--ds-fontSize-label);background:var(--ds-color-surface);font-weight:var(--ds-fontWeight-mediumStrong);display:flex}.export-button:hover{background:var(--ds-color-exportButtonSurface)}.canvas-area{isolation:isolate;flex:1;min-height:0;position:relative}.viewport{z-index:var(--ds-zIndex-u0);position:absolute;inset:0;overflow:hidden}.viewport canvas{touch-action:none;width:100%;height:100%;display:block}.viewport-error,.viewport-loading{z-index:var(--ds-zIndex-u1);background:var(--ds-color-viewportErrorSurface);padding:var(--ds-space-large);border-radius:var(--ds-radius-toolbar);line-height:var(--ds-lineHeight-u1_6);text-align:center;font-size:var(--ds-fontSize-control);color:var(--ds-color-viewportErrorText);width:var(--ds-size-u270);position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.viewport-loading span{margin:0 auto var(--ds-space-gutter);width:var(--ds-size-u18);height:var(--ds-size-u18);border:var(--ds-size-u2) solid var(--ds-color-viewportLoadingSpanBorder);border-top-color:var(--ds-color-viewportLoadingSpanborderTopColor);animation:spin var(--ds-duration-ms1000) linear infinite;border-radius:50%;display:block}.canvas-toolbar{top:var(--ds-space-medium);align-items:center;gap:var(--ds-space-u5);background:var(--floating-surface);box-shadow:var(--ds-shadow-canvasToolbar);border:var(--ds-size-u1) solid var(--ds-color-canvasToolbarBorder);border-radius:var(--ds-radius-toolbar);padding:var(--ds-space-u6);z-index:var(--ds-zIndex-u2);white-space:nowrap;display:flex;position:absolute;left:50%;transform:translate(-50%)}.canvas-toolbar .icon-button{width:var(--ds-size-u31);height:var(--ds-size-u30);color:var(--ds-color-canvasToolbarIconButtonText)}.canvas-toolbar .tool-active{background:var(--ds-color-canvasToolbarToolActiveSurface);color:var(--ds-color-canvasToolbarToolActiveText);box-shadow:var(--ds-shadow-canvasToolbarToolActive)}.toolbar-divider{width:var(--ds-size-u1);height:var(--ds-size-u17);background:var(--ds-color-toolbarDividerSurface);margin:0 var(--ds-space-compact)}.zoom-label{font-size:var(--ds-fontSize-label);align-items:center;gap:var(--ds-space-u7);padding:var(--ds-space-small);color:var(--ds-color-zoomLabelText);display:flex}.canvas-label{top:var(--ds-space-u83);left:var(--ds-space-u22);align-items:center;gap:var(--ds-space-u6);color:var(--ds-color-canvasLabelText);font-size:var(--ds-fontSize-label);pointer-events:none;display:flex;position:absolute}.live-dot{width:var(--ds-size-u5);height:var(--ds-size-u5);background:var(--ds-color-liveDotSurface);border-radius:50%;flex-shrink:0;display:inline-block}.canvas-label-sub{display:none}.viewport-side-controls{right:var(--ds-space-medium);align-items:center;gap:var(--ds-space-u5);border:var(--ds-size-u1) solid var(--ds-color-viewportSideControlsBorder);background:var(--floating-surface);border-radius:var(--ds-radius-u10);padding:var(--ds-space-u6) var(--ds-space-u2);flex-direction:column;display:flex;position:absolute;top:37%}.viewport-side-controls .icon-button{width:var(--ds-size-u29);height:var(--ds-size-u28);color:var(--ds-color-viewportSideControlsIconButtonText)}.viewport-side-controls>span{height:var(--ds-size-u1);width:var(--ds-size-u13);background:var(--ds-color-viewportSideControlsSpanSurface)}.canvas-bottom-meta{bottom:var(--ds-space-u210);left:var(--ds-space-u21);right:var(--ds-space-u21);font-size:var(--ds-fontSize-caption);color:var(--ds-color-canvasBottomMetaText);pointer-events:none;justify-content:flex-end;display:flex;position:absolute}.canvas-bottom-meta>span,.canvas-bottom-meta>button{align-items:center;gap:var(--ds-space-u5);display:flex}.canvas-bottom-meta>button{font-size:var(--ds-fontSize-caption);color:var(--ds-color-canvasBottomMetaButtonText);pointer-events:auto}.canvas-bottom-meta>button.active{color:var(--ds-color-canvasBottomMetaButtonActiveText)}.prompt-dock{bottom:var(--ds-space-medium);width:calc(100% - var(--ds-size-u56));max-width:var(--ds-size-u720);position:absolute;left:50%;transform:translate(-50%)}.prompt-suggestions{justify-content:center;align-items:center;gap:var(--ds-space-u6);padding-bottom:var(--ds-space-gutter);font-size:var(--ds-fontSize-caption);white-space:nowrap;color:var(--ds-color-promptSuggestionsText);display:flex}.prompt-suggestions>span{margin-right:var(--ds-space-u3)}.prompt-suggestions button{gap:var(--ds-space-u5);font-size:var(--ds-fontSize-caption);color:var(--ds-color-promptSuggestionsButtonText);background:var(--floating-surface);border:var(--ds-size-u1) solid var(--ds-color-promptSuggestionsButtonBorder);padding:var(--ds-space-u6) var(--ds-space-small);border-radius:var(--ds-radius-chip);align-items:center;display:flex}.prompt-suggestions button:hover{background:var(--ds-color-surface);color:var(--ds-color-promptSuggestionsButtonText2)}.prompt-box{background:var(--floating-surface);border:var(--ds-size-u1) solid var(--ds-color-promptBoxBorder);border-radius:var(--ds-radius-prompt);box-shadow:var(--ds-shadow-promptBox);padding:var(--ds-space-medium) var(--ds-space-u15) var(--ds-space-u11)}.prompt-controls{justify-content:space-between;align-items:center;gap:var(--ds-space-u6);display:flex}.prompt-controls>div{align-items:center;gap:var(--ds-space-u6);display:flex}.prompt-controls .icon-button{border:var(--ds-size-u1) solid var(--ds-color-promptControlsIconButtonBorder);border-radius:var(--ds-radius-field);color:var(--ds-color-promptControlsIconButtonText);width:var(--ds-size-u29);height:var(--ds-size-u29)}.agent-select{align-items:center;gap:var(--ds-space-u6);border:var(--ds-size-u1) solid var(--ds-color-agentSelectBorder);border-radius:var(--ds-radius-field);font-size:var(--ds-fontSize-label);height:var(--ds-size-u29);padding:0 var(--ds-space-u9);color:var(--ds-color-agentSelectText);display:flex}.agent-select>svg:first-child{color:var(--ds-color-agentSelectSvgText)}.model-select{align-items:center;gap:var(--ds-space-u6);color:var(--ds-color-modelSelectText);font-size:var(--ds-fontSize-caption);padding:var(--ds-space-u7) var(--ds-space-u3);display:flex}.send-prompt{height:var(--ds-size-u32);width:var(--ds-size-u32);border-radius:var(--ds-radius-control);background:var(--ds-color-send);color:var(--ds-color-surface);margin-left:var(--ds-space-u7);place-items:center;display:grid}.send-prompt:disabled{opacity:var(--ds-opacity-u1);background:var(--ds-color-agentLinkSpanSurface);color:var(--ds-color-sendPromptText)}.send-prompt:hover:not(:disabled){background:var(--ds-color-sendHover)}.prompt-caption{align-items:center;gap:var(--ds-space-compact);padding-top:var(--ds-space-u10);color:var(--ds-color-promptCaptionText);font-size:var(--ds-fontSize-caption);justify-content:center;display:flex}.prompt-caption>span:last-child{right:var(--ds-space-u2);font-size:var(--ds-fontSize-u8);position:absolute}.inspector-header{padding:var(--ds-space-u13) var(--ds-space-u18) var(--ds-space-u9);font-size:var(--ds-fontSize-control);font-weight:var(--ds-fontWeight-mediumStrong);min-height:var(--ds-size-u52);justify-content:space-between;align-items:center;display:flex}.inspector-header .icon-button{height:var(--ds-size-u24);width:var(--ds-size-u24);color:var(--ds-color-inspectorHeaderIconButtonText)}.inspector-tabs{gap:var(--ds-space-u15);padding:0 var(--ds-space-u18);min-height:var(--ds-size-u43);border-bottom:var(--ds-size-u1) solid var(--ds-color-Border);display:flex}.inspector-tabs button{font-size:var(--ds-fontSize-field);color:var(--ds-color-inspectorTabsButtonText);white-space:nowrap;padding:0 0 var(--ds-space-u13);position:relative}.inspector-tabs button.selected{color:var(--ds-color-inspectorTabsButtonSelectedText);font-weight:var(--ds-fontWeight-mediumStrong)}.inspector-tabs button.selected:after{content:"";bottom:var(--ds-space-negative1);height:var(--ds-size-u2);border-radius:var(--ds-radius-u2);background:var(--ds-color-inspectorTabsButtonSelectedSurface);position:absolute;left:0;right:0}.inspector-content{flex:1;min-height:0;overflow-y:auto}.property-section{padding:var(--ds-space-u17) var(--ds-space-u19);border-bottom:var(--ds-size-u1) solid var(--ds-color-propertySectionborderBottom)}.property-section h2{font-size:var(--ds-fontSize-field);font-weight:var(--ds-fontWeight-mediumStrong);color:var(--ds-color-propertySectionH2Text)}.property-section label,.sheet-body>label{color:var(--ds-color-propertySectionLabelText);font-size:var(--ds-fontSize-label);margin:0 0 var(--ds-space-small);justify-content:space-between;align-items:center;display:flex}.section-heading{margin-bottom:var(--ds-space-gutter);color:var(--ds-color-sectionHeadingText);min-height:var(--ds-size-u17);justify-content:space-between;align-items:center;display:flex}.section-heading>span{font-size:var(--ds-fontSize-caption)}.section-heading .icon-button{width:var(--ds-size-u19);height:var(--ds-size-u17)}.material-grid{gap:var(--ds-space-u7);grid-template-columns:repeat(4,1fr);display:grid}.material-option{background:var(--ds-color-materialOptionSurface);border:var(--ds-size-u1) solid var(--ds-color-clearSurface);border-radius:var(--ds-radius-control);height:var(--ds-size-u71);padding:var(--ds-space-u5) var(--ds-space-u2) var(--ds-space-compact);color:var(--ds-color-materialOptionText);font-size:var(--ds-fontSize-u8);flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:relative}.material-option.selected{border-color:var(--ds-color-materialOptionSelectedBorder);background:var(--ds-color-materialOptionSelectedSurface);color:var(--ds-color-materialOptionSelectedText)}.material-sphere{width:var(--ds-size-u36);height:var(--ds-size-u36);background:var(--ds-gradient-materialSphere);box-shadow:var(--ds-shadow-materialSphere);border-radius:50%;display:block}.sphere-1{background:var(--ds-gradient-sphere1)}.sphere-2{background:var(--ds-gradient-sphere2)}.sphere-3{background:var(--ds-gradient-sphere3)}.material-check{right:var(--ds-space-u3);top:var(--ds-space-u3);height:var(--ds-size-u12);width:var(--ds-size-u12);background:var(--ds-color-materialCheckSurface);color:var(--ds-color-surface);border-radius:50%;place-items:center;display:grid;position:absolute}.color-swatches{align-items:center;gap:var(--ds-space-small);display:flex}.color-swatches>button{width:var(--ds-size-u23);height:var(--ds-size-u23);border:var(--ds-size-u2) solid var(--ds-color-surface);outline:var(--ds-size-u1) solid var(--ds-color-clearSurface);border-radius:50%;place-items:center;display:grid}.color-swatches>button.selected{outline-color:var(--ds-color-colorSwatchesButtonSelectedOutline)}.property-section .custom-color{width:var(--ds-size-u22);height:var(--ds-size-u22);border:var(--ds-size-u1) dashed var(--ds-color-propertySectionCustomColorBorder);cursor:pointer;border-radius:50%;place-items:center;margin:0;display:grid;position:relative}.style-grid{gap:var(--ds-space-u10);grid-template-columns:1fr 1fr;display:grid}.style-grid>button{text-align:left;font-size:var(--ds-fontSize-caption);color:var(--ds-color-styleGridButtonText);padding:0;position:relative}.style-image{height:var(--ds-size-u74);border-radius:var(--ds-radius-control);margin-bottom:var(--ds-space-u7);background:var(--ds-color-styleImageSurface);border:var(--ds-size-u2) solid var(--ds-color-clearSurface);overflow:hidden}.style-image img{object-fit:cover;width:100%;height:100%}.style-grid>button.selected .style-image{border-color:var(--ds-color-styleGridButtonSelectedStyleImageBorder)}.style-grid>button.selected{color:var(--ds-color-styleGridButtonSelectedText)}.color-field{background:var(--ds-color-colorFieldSurface);border-radius:var(--ds-radius-field);padding:var(--ds-space-u7);align-items:center;gap:var(--ds-space-u9);color:var(--ds-color-colorFieldText);font-size:var(--ds-fontSize-label);display:flex}.color-field input::-webkit-color-swatch-wrapper{padding:var(--ds-space-u1)}.color-field input::-webkit-color-swatch{border-radius:var(--ds-radius-u3);border:0}.opacity-field{border-left:var(--ds-size-u1) solid var(--ds-color-opacityFieldborderLeft);padding:0 var(--ds-space-u3) 0 var(--ds-space-gutter);margin-left:auto}.toggle-track{width:var(--ds-size-u26);height:var(--ds-size-u15);background:var(--ds-color-toggleTrackSurface);border-radius:var(--ds-radius-u10);margin-left:auto;position:relative}.toggle-track:after{content:"";left:var(--ds-space-u2);top:var(--ds-space-u2);width:var(--ds-size-u11);height:var(--ds-size-u11);background:var(--ds-color-surface);transition:transform var(--ds-duration-ms150);border-radius:50%;position:absolute}.toggle-row input:checked+.toggle-track{background:var(--ds-color-toggleRowInputToggleTrackSurface)}.toggle-row input:checked+.toggle-track:after{transform:translateX(var(--ds-size-u11))}.toggle-row input:focus-visible+.toggle-track{outline:var(--ds-size-u2) solid var(--ds-color-accent)}.inspector-footer{min-height:var(--ds-size-u45);padding:0 var(--ds-space-u13) 0 var(--ds-space-u19);border-top:var(--ds-size-u1) solid var(--ds-color-Border);justify-content:space-between;align-items:center;display:flex}.inspector-footer>span{align-items:center;gap:var(--ds-space-u5);font-size:var(--ds-fontSize-u8);color:var(--ds-color-inspectorFooterSpanText);display:flex}.inspector-footer .icon-button{width:var(--ds-size-u23);height:var(--ds-size-u23);color:var(--ds-color-inspectorFooterIconButtonText)}.property-help{font-size:var(--ds-fontSize-field);color:var(--ds-color-propertyHelpText);line-height:var(--ds-lineHeight-u1_8);margin:var(--ds-space-gutter) 0 var(--ds-space-medium)}.property-section .personality-textarea{height:var(--ds-size-u200);font-size:var(--ds-fontSize-control)}.personality-traits{gap:var(--ds-space-u7);margin-top:var(--ds-space-u14);flex-wrap:wrap;display:flex}.personality-traits button{align-items:center;gap:var(--ds-space-u5);border:var(--ds-size-u1) solid var(--ds-color-personalityTraitsButtonBorder);border-radius:var(--ds-radius-u5);padding:var(--ds-space-u6) var(--ds-space-small);font-size:var(--ds-fontSize-label);color:var(--ds-color-personalityTraitsButtonText);display:flex}.personality-traits button.selected{background:var(--ds-color-personalityTraitsButtonSelectedSurface);color:var(--ds-color-personalityTraitsButtonSelectedText);border-color:var(--ds-color-personalityTraitsButtonSelectedBorder)}.insight{gap:var(--ds-space-u10);padding:var(--ds-space-u14);border-radius:var(--ds-radius-control);background:var(--ds-color-insightSurface);color:var(--ds-color-insightText);display:flex}.insight p{font-size:var(--ds-fontSize-label);line-height:var(--ds-lineHeight-u1_8)}.insight>svg{flex-shrink:0}.voice-list{gap:var(--ds-space-small);flex-direction:column;display:flex}.voice-list>button{align-items:center;gap:var(--ds-space-u10);padding:var(--ds-space-gutter) var(--ds-space-u9);border:var(--ds-size-u1) solid var(--ds-color-voiceListButtonBorder);border-radius:var(--ds-radius-item);text-align:left;display:flex}.voice-list>button.selected{background:var(--ds-color-insightSurface);border-color:var(--ds-color-voiceListButtonSelectedBorder)}.voice-avatar{width:var(--ds-size-u32);height:var(--ds-size-u32);background:var(--ds-color-voiceAvatarSurface);color:var(--ds-color-voiceAvatarText);border-radius:50%;place-items:center;display:grid}.voice-list>button>span:nth-child(2){gap:var(--ds-space-compact);flex-direction:column;display:flex}.voice-list strong{font-size:var(--ds-fontSize-control);font-weight:var(--ds-fontWeight-mediumStrong)}.voice-list small{font-size:var(--ds-fontSize-caption);color:var(--ds-color-voiceListSmallText)}.provider-note{text-align:center;font-size:var(--ds-fontSize-caption);margin-bottom:0}.property-section select{margin-bottom:var(--ds-space-large);cursor:pointer}.property-section input[type=range]{width:100%;accent-color:var(--ds-color-propertySectionInputaccentColor);margin:var(--ds-space-small) 0 var(--ds-space-gutter)}.world-preview{height:var(--ds-size-u190);border-radius:var(--ds-radius-control);margin-top:var(--ds-space-u15);position:relative;overflow:hidden}.world-preview img{object-fit:cover;width:100%;height:100%}.world-preview span{bottom:var(--ds-space-u10);left:var(--ds-space-u10);background:var(--ds-color-worldPreviewSpanSurface);padding:var(--ds-space-u5) var(--ds-space-u7);border-radius:var(--ds-radius-u4);font-size:var(--ds-fontSize-label);position:absolute}.mini-timeline{align-items:center;gap:var(--ds-space-u10);background:var(--floating-surface);border:var(--ds-size-u1) solid var(--ds-color-miniTimelineBorder);border-radius:var(--ds-radius-item);padding:var(--ds-space-u9);margin-bottom:var(--ds-space-gutter);color:var(--ds-color-miniTimelineText);font-size:var(--ds-fontSize-caption);display:flex}.mini-timeline>input[type=range]{flex:1;width:0;min-width:0;padding:0}.mini-timeline>span{white-space:nowrap}.mini-timeline>button{color:var(--ds-color-miniTimelineButtonText);flex-shrink:0;display:flex}.timeline-track{height:var(--ds-size-u28);background:var(--ds-color-timelineTrackSurface);border:var(--ds-size-u1) solid var(--ds-color-timelineTrackBorder);border-radius:var(--ds-radius-u5);align-items:center;gap:var(--ds-space-u5);padding:0 var(--ds-space-small);flex:1;display:flex;position:relative;overflow:hidden}.timeline-track>svg,.timeline-track>span{position:relative}.voice-list>button>svg{color:var(--ds-color-voiceListButtonSvgText);margin-left:auto}.style-grid>button>svg{bottom:0;right:var(--ds-space-u3);position:absolute}.inspector-footer .icon-button svg,.section-heading .icon-button svg{width:var(--ds-size-u14)}.timeline-clip{background:var(--ds-color-timelineClipSurface);border-right:var(--ds-size-u2) solid var(--ds-color-timelineClipborderRight);max-width:100%;position:absolute;inset:0}.identity-section label .icon-button{width:var(--ds-size-u17);height:var(--ds-size-u17)}.sheet-body>p{font-size:var(--ds-fontSize-control);color:var(--ds-color-sheetBodyPText);line-height:var(--ds-lineHeight-u1_8);margin-bottom:var(--ds-space-large)}.integration-row{gap:var(--ds-space-u14);border-bottom:var(--ds-size-u1) solid var(--ds-color-integrationRowborderBottom);padding:var(--ds-space-u15) 0;display:flex}.integration-icon{height:var(--ds-size-u39);width:var(--ds-size-u39);border-radius:var(--ds-radius-item);background:var(--ds-color-integrationIconSurface);color:var(--ds-color-integrationIconText);flex-shrink:0;place-items:center;display:grid}.integration-row>div:last-child{gap:var(--ds-space-u5);flex-direction:column;display:flex}.integration-row strong{font-size:var(--ds-fontSize-control);font-weight:var(--ds-fontWeight-mediumStrong);color:var(--ds-color-integrationRowStrongText)}.integration-row small{font-size:var(--ds-fontSize-label);color:var(--ds-color-integrationRowSmallText)}.integration-row span{font-size:var(--ds-fontSize-caption);color:var(--ds-color-integrationRowSpanText);background:var(--ds-color-integrationRowSpanSurface);padding:var(--ds-space-compact) var(--ds-space-u6);border-radius:var(--ds-radius-u4);margin-top:var(--ds-space-u2);align-self:flex-start}.empty-history{padding:var(--ds-space-u30) var(--ds-space-u10);text-align:center;color:var(--ds-color-emptyHistoryText)}.empty-history h3{font-size:var(--ds-fontSize-u15);color:var(--ds-color-emptyHistoryH3Text);margin:var(--ds-space-u15) 0 var(--ds-space-small)}.empty-history p{font-size:var(--ds-fontSize-field)}.history-list>div{padding:var(--ds-space-u14) 0;gap:var(--ds-space-gutter);border-bottom:var(--ds-size-u1) solid var(--ds-color-historyListDivborderBottom);display:flex}.history-list .live-dot{margin-top:var(--ds-space-u5)}.history-list>div>div{gap:var(--ds-space-u7);flex-direction:column;display:flex}.history-list strong{font-size:var(--ds-fontSize-control);font-weight:var(--ds-fontWeight-u450);color:var(--ds-color-historyListStrongText);line-height:var(--ds-lineHeight-u1_6)}.history-list small{font-size:var(--ds-fontSize-caption);color:var(--ds-color-historyListSmallText)}.dialog-actions{border-top:var(--ds-size-u1) solid var(--ds-color-dialogActionsborderTop);padding-top:var(--ds-space-u14);justify-content:space-between;gap:var(--ds-space-gutter);display:flex}.dialog-actions button{align-items:center;gap:var(--ds-space-u6);font-size:var(--ds-fontSize-label);color:var(--ds-color-dialogActionsButtonText);padding:var(--ds-space-small);display:flex}.dialog-actions .danger-button{color:var(--ds-color-dialogActionsDangerButtonText)}.empty-search{font-size:var(--ds-fontSize-field);line-height:var(--ds-lineHeight-u1_7);color:var(--ds-color-emptySearchText);padding:var(--ds-space-gutter)}.mobile-menu,.mobile-inspector,.panel-backdrop{display:none}.spin{animation:spin var(--ds-duration-ms1000) linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1600px){.studio-body{grid-template-columns:var(--ds-size-u260) minmax(0, 1fr) var(--ds-size-u310);gap:var(--ds-space-medium);padding:0 var(--ds-space-large)}.topbar{height:var(--ds-size-u84);min-height:var(--ds-size-u84);padding:0 var(--ds-space-u32)}.asset-thumbnail{height:var(--ds-size-u58);width:var(--ds-size-u52)}.canvas-toolbar{top:var(--ds-space-u22)}.canvas-label{top:var(--ds-space-u29)}.canvas-label-sub{margin-left:var(--ds-space-u5);color:var(--ds-color-canvasLabelSubText);font-size:var(--ds-fontSize-caption);display:inline}.prompt-dock{bottom:var(--ds-space-section)}.property-section{padding:var(--ds-space-large) var(--ds-space-u22)}.material-option{height:var(--ds-size-u83)}.material-sphere{width:var(--ds-size-u43);height:var(--ds-size-u43)}.style-image{height:var(--ds-size-u86)}.prompt-box{padding:var(--ds-space-large)}.prompt-box textarea{height:var(--ds-size-u48)}}@media (width<=1200px){.studio-body{grid-template-columns:var(--ds-size-u210) minmax(0, 1fr) var(--ds-size-u260);gap:var(--ds-space-small);padding:0 var(--ds-space-u9)}.topbar{padding:0 var(--ds-space-large);height:var(--ds-size-u64);min-height:var(--ds-size-u64)}.topbar>div{gap:var(--ds-space-u14)}.topbar .save-status{display:none}.property-section{padding:var(--ds-space-u15)}.color-swatches{gap:var(--ds-space-u6)}.color-swatches>button{width:var(--ds-size-u22);height:var(--ds-size-u22)}.inspector-tabs{gap:var(--ds-space-gutter);padding:0 var(--ds-space-u15)}.inspector-tabs button{font-size:var(--ds-fontSize-label)}.project-breadcrumb>span,.project-breadcrumb>svg:first-child{display:none}.editor-heading{padding:0 var(--ds-space-gutter)}.editor-title{gap:var(--ds-space-u7)}.demo-label{display:none}.prompt-dock{width:calc(100% - var(--ds-size-u30))}.prompt-suggestions{gap:var(--ds-space-compact)}.prompt-suggestions>span{display:none}.prompt-suggestions button{font-size:var(--ds-fontSize-u8);padding:var(--ds-space-u6)}.model-select{max-width:var(--ds-size-u125);font-size:var(--ds-fontSize-u8)}.agent-select{font-size:var(--ds-fontSize-caption);padding:0 var(--ds-space-u6)}.canvas-label{top:var(--ds-space-u79);left:var(--ds-space-u17)}.material-grid{gap:var(--ds-space-u5)}.material-option{font-size:var(--ds-fontSize-u7)}.material-sphere{width:var(--ds-size-u33);height:var(--ds-size-u33)}}@media (width<=980px){.studio-body{grid-template-columns:var(--ds-size-u190) minmax(0, 1fr)}.inspector-panel{display:none}.inspector-panel.mobile-open{top:var(--ds-space-u65);bottom:var(--ds-space-small);right:var(--ds-space-small);width:var(--ds-size-u292);z-index:var(--ds-zIndex-u60);box-shadow:var(--ds-shadow-inspectorPanelMobileOpen);display:flex;position:fixed}.mobile-inspector{display:flex}.panel-backdrop{inset:var(--ds-space-u64) 0 0;background:var(--ds-color-panelBackdropSurface);z-index:var(--ds-zIndex-u50);display:block;position:fixed}.project-resources{padding-top:var(--ds-space-u22)}.library-heading{padding:var(--ds-space-medium) var(--ds-space-u13)}.library-title{padding-left:var(--ds-space-u14)}.asset-item{gap:var(--ds-space-u7);padding:var(--ds-space-u7) var(--ds-space-u5)}.asset-thumbnail{width:var(--ds-size-u39);height:var(--ds-size-u45)}.agent-link{margin:var(--ds-space-u14) var(--ds-space-small);width:calc(100% - var(--ds-size-u16));gap:var(--ds-space-u7);padding:var(--ds-space-u9) var(--ds-space-u6)}.agent-link strong{font-size:var(--ds-fontSize-caption)}.agent-link small{font-size:var(--ds-fontSize-u8)}.agent-link>svg{display:none}.prompt-dock{max-width:var(--ds-size-u650)}.canvas-label-sub{font-size:var(--ds-fontSize-caption);color:var(--ds-color-canvasLabelSubText2);margin-left:var(--ds-space-u5);display:inline}.canvas-bottom-meta{bottom:var(--ds-space-u210)}}@media (width<=640px){.topbar{height:var(--ds-size-u59);min-height:var(--ds-size-u59);padding:0 var(--ds-space-medium);gap:var(--ds-space-u7)}.brand{font-size:var(--ds-fontSize-u23);gap:var(--ds-space-u7)}.brand-symbol{margin-right:var(--ds-space-negative3);transform:scale(.85)rotate(-10deg)}.brand-ai{font-size:var(--ds-fontSize-u8)}.top-divider,.topbar .project-breadcrumb,.topbar .share-button,.topbar .save-status,.topbar .icon-button{display:none}.topbar>div{gap:var(--ds-space-u9)}.avatar{width:var(--ds-size-u28);height:var(--ds-size-u28);font-size:var(--ds-fontSize-field)}.studio-body{padding:0 var(--ds-space-u7) var(--ds-space-small);gap:0;display:flex}.library-panel{display:none}.library-panel.mobile-open{top:var(--ds-space-u60);bottom:var(--ds-space-small);left:var(--ds-space-u7);width:var(--ds-size-u245);z-index:var(--ds-zIndex-u60);box-shadow:var(--ds-shadow-libraryPanelMobileOpen);display:flex;position:fixed}.inspector-panel.mobile-open{top:var(--ds-space-u60);bottom:var(--ds-space-small);right:var(--ds-space-u7);width:min(var(--ds-size-u292), 85vw)}.editor-main{border-radius:var(--ds-radius-u13);width:100%}.editor-heading{height:var(--ds-size-u49);min-height:var(--ds-size-u49);padding:0 var(--ds-space-u10)}.editor-title{gap:var(--ds-space-u6);min-width:0}.editor-title h1{font-size:var(--ds-fontSize-control);max-width:var(--ds-size-u130)}.asset-kind-icon,.draft-label,.editor-title>.icon-button:last-child{display:none}.mobile-menu{display:flex}.editor-heading-actions{gap:var(--ds-space-compact)}.export-button{font-size:var(--ds-fontSize-caption);padding:var(--ds-space-u6) var(--ds-space-u7);gap:var(--ds-space-u5)}.export-button>svg:last-child{display:none}.canvas-toolbar{top:var(--ds-space-u13);gap:var(--ds-space-u3);padding:var(--ds-space-u5);border-radius:var(--ds-radius-u10)}.canvas-toolbar .icon-button{width:var(--ds-size-u27);height:var(--ds-size-u27)}.canvas-toolbar .icon-button svg{width:var(--ds-size-u16)}.toolbar-divider{margin:0 var(--ds-space-u2)}.zoom-label{font-size:var(--ds-fontSize-caption);padding:var(--ds-space-u5)}.canvas-label{top:var(--ds-space-u68);left:var(--ds-space-u13);font-size:var(--ds-fontSize-caption)}.canvas-label-sub{display:none}.viewport-side-controls{right:var(--ds-space-u11);padding:var(--ds-space-u3) 0;top:32%}.viewport-side-controls .icon-button{width:var(--ds-size-u27);height:var(--ds-size-u25)}.viewport-side-controls .icon-button svg{width:var(--ds-size-u15)}.prompt-dock{width:calc(100% - var(--ds-size-u24));bottom:var(--ds-space-u13)}.prompt-suggestions{gap:var(--ds-space-u5);padding-bottom:var(--ds-space-u10);justify-content:flex-start;overflow:hidden}.prompt-suggestions button{font-size:var(--ds-fontSize-u8);padding:var(--ds-space-u5) var(--ds-space-u7);gap:var(--ds-space-compact)}.prompt-suggestions button:last-child{display:none}.prompt-box{padding:var(--ds-space-u13) var(--ds-space-gutter) var(--ds-space-u10);border-radius:var(--ds-radius-toolbar)}.prompt-box textarea{font-size:var(--ds-fontSize-control);height:var(--ds-size-u49);line-height:var(--ds-lineHeight-u1_6)}.prompt-controls,.prompt-controls>div{gap:var(--ds-space-compact)}.agent-select{font-size:var(--ds-fontSize-caption);padding:0 var(--ds-space-u7);gap:var(--ds-space-u5)}.agent-select>svg:last-child{display:none}.model-select{font-size:var(--ds-fontSize-u8);max-width:var(--ds-size-u108);text-align:left;gap:var(--ds-space-u3)}.send-prompt{margin-left:var(--ds-space-u3);width:var(--ds-size-u29);height:var(--ds-size-u29)}.prompt-caption{font-size:var(--ds-fontSize-u8);padding-top:var(--ds-space-u9)}.prompt-caption>span:last-child{display:none}.canvas-bottom-meta{bottom:var(--ds-space-u195);left:var(--ds-space-u13);right:var(--ds-space-u13);font-size:var(--ds-fontSize-u8)}.canvas-bottom-meta>button{font-size:var(--ds-fontSize-u8)}.panel-backdrop{inset:var(--ds-space-u56) 0 0}.toast{bottom:var(--ds-space-u36);font-size:var(--ds-fontSize-field);width:calc(100% - var(--ds-size-u28));gap:var(--ds-space-small)}.scenes .canvas-bottom-meta{bottom:var(--ds-space-u247)}.mini-timeline{gap:var(--ds-space-u7);padding:var(--ds-space-u7);font-size:var(--ds-fontSize-u8)}.inspector-footer>span{font-size:var(--ds-fontSize-caption)}}@media (prefers-reduced-motion:reduce){*{transition:none;animation:none}}@media (width>=981px){.studio-body.library-collapsed{grid-template-columns:minmax(0, 1fr) var(--ds-size-u292)}.studio-body.inspector-collapsed{grid-template-columns:var(--ds-size-u238) minmax(0, 1fr)}.studio-body.library-collapsed.inspector-collapsed{grid-template-columns:minmax(0,1fr)}.library-collapsed>.library-panel,.inspector-collapsed>.inspector-panel{display:none}}.property-section label,.sheet-body>label,.section-heading>span,.property-help,.asset-item-text small,.material-option,.style-grid>button,.color-field,.toggle-row,.canvas-label,.canvas-bottom-meta,.canvas-bottom-meta>button,.prompt-suggestions,.prompt-suggestions button,.prompt-caption,.model-select,.inspector-tabs button,.inspector-footer>span,.library-search input::placeholder,.save-status,.project-resources button,.section-label,.agent-link small,.export-option small,.integration-row small,.sheet-body>p{color:var(--ds-color-secondary)}.scenes .canvas-bottom-meta{bottom:var(--ds-space-u266)}.property-section .toggle-row{margin-top:var(--ds-space-u15);gap:var(--ds-space-u10);cursor:pointer;margin-bottom:0;display:flex}.sheet-body>.property-help{font-size:var(--ds-fontSize-label);margin:var(--ds-space-u18) 0 0}.property-section h2+label{margin-top:var(--ds-space-large)}.prompt-box textarea::placeholder{color:var(--ds-color-promptBoxTextareaText2)}.topbar{z-index:var(--ds-zIndex-u1);pointer-events:none;position:relative}.studio-body{pointer-events:none;position:relative}.topbar>*,.library-panel,.inspector-panel,.editor-heading,.canvas-toolbar,.viewport-side-controls,.prompt-dock{pointer-events:auto}.editor-main{pointer-events:none}.editor-heading{border:var(--ds-size-u1) solid var(--ds-color-editorHeadingborderBottom);border-radius:var(--ds-radius-toolbar)}.library-panel,.inspector-panel,.editor-heading,.canvas-toolbar,.viewport-side-controls,.prompt-box,.prompt-suggestions button,.mini-timeline{-webkit-backdrop-filter:var(--floating-blur);backdrop-filter:var(--floating-blur)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root{--floating-surface:var(--ds-color-floatingSurfaceSupported)}}@media (prefers-reduced-transparency:reduce){:root{--floating-surface:var(--ds-color-floatingSurfaceOpaque);--floating-blur:none}}.studio-shell .topbar{height:var(--ds-size-u64);min-height:var(--ds-size-u64);padding:0 var(--ds-space-u22)}.topbar>div:first-child{gap:var(--ds-space-u14);min-width:0}.appbar-asset-name{font-size:var(--ds-fontSize-body);font-weight:var(--ds-fontWeight-mediumStrong);text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:36vw;overflow:hidden}.topbar .appbar-library-toggle,.topbar .appbar-inspector-toggle{display:none}.topbar .is-collapsed{display:flex}@media (width<=980px){.topbar .appbar-inspector-toggle{display:flex}}@media (width<=640px){.studio-shell .topbar{height:var(--ds-size-u56);min-height:var(--ds-size-u56);padding:0 var(--ds-space-gutter)}.topbar>div:first-child{gap:var(--ds-space-small)}.appbar-asset-name{width:var(--ds-size-u1);height:var(--ds-size-u1);clip-path:inset(50%);position:absolute;overflow:hidden}.topbar .appbar-library-toggle,.topbar .appbar-inspector-toggle{display:flex}.topbar .export-button{min-height:var(--ds-size-u32);font-size:var(--ds-fontSize-field)}}.viewport.comment-mode canvas{cursor:crosshair}.comment-pin{z-index:var(--ds-zIndex-u3);width:var(--ds-size-u28);height:var(--ds-size-u30);border-radius:var(--ds-radius-u10) var(--ds-radius-u10) var(--ds-radius-u10) var(--ds-radius-u2);background:var(--ds-color-libraryAction);border:var(--ds-size-u2) solid var(--ds-color-surface);color:var(--ds-color-surface);font-size:var(--ds-fontSize-control);font-weight:var(--ds-fontWeight-semibold);pointer-events:auto;box-shadow:var(--ds-shadow-commentPin);position:absolute;transform:translate(-50%,-100%)}.comment-pin.selected{background:var(--ds-color-navigationSelectedText)}.comment-pin[hidden]{display:none}.comment-mode-hint{z-index:var(--ds-zIndex-u4);top:var(--ds-space-u70);align-items:center;gap:var(--ds-space-small);padding:var(--ds-space-small) var(--ds-space-u10);background:var(--floating-surface);-webkit-backdrop-filter:var(--floating-blur);backdrop-filter:var(--floating-blur);border:var(--ds-size-u1) solid var(--ds-color-commentModeHintBorder);border-radius:var(--ds-radius-control);font-size:var(--ds-fontSize-field);color:var(--ds-color-action);white-space:nowrap;pointer-events:auto;display:flex;position:absolute;left:50%;transform:translate(-50%)}.comment-mode-hint button{display:flex}.viewport-comment-editor{z-index:var(--ds-zIndex-u5);top:var(--ds-space-u72);width:var(--ds-size-u320);max-width:calc(100% - var(--ds-size-u24));padding:var(--ds-space-u14);background:var(--floating-surface);-webkit-backdrop-filter:var(--floating-blur);backdrop-filter:var(--floating-blur);border:var(--ds-size-u1) solid var(--ds-color-commentModeHintBorder);border-radius:var(--ds-radius-toolbar);box-shadow:var(--ds-shadow-viewportCommentEditor);pointer-events:auto;position:absolute;left:50%;transform:translate(-50%)}.comment-editor-heading{align-items:center;gap:var(--ds-space-small);color:var(--ds-color-action);margin-bottom:var(--ds-space-u10);font-size:var(--ds-fontSize-control);display:flex}.comment-editor-heading button{margin-left:auto;display:flex}.viewport-comment-editor p{font-size:var(--ds-fontSize-field);line-height:var(--ds-lineHeight-u1_5);color:var(--ds-color-muted);margin:var(--ds-space-small) 0 var(--ds-space-gutter)}.viewport-comment-editor .primary-button{padding:var(--ds-space-u9) var(--ds-space-gutter);font-size:var(--ds-fontSize-control);margin:0}.prompt-comments{gap:var(--ds-space-u6);max-height:var(--ds-size-u170);margin-bottom:var(--ds-space-u10);flex-direction:column;display:flex;overflow-y:auto}.prompt-comment{align-items:center;gap:var(--ds-space-small);padding:var(--ds-space-u6);background:var(--ds-color-search);border:var(--ds-size-u1) solid var(--ds-color-cardBorder);border-radius:var(--ds-radius-control);display:flex}.prompt-comment>button:last-child{padding:var(--ds-space-small);display:flex}.prompt-comment-content{align-items:center;gap:var(--ds-space-small);text-align:left;flex:1;min-width:0;display:flex}.prompt-comment img{width:var(--ds-size-u52);height:var(--ds-size-u40);object-fit:cover;border-radius:var(--ds-radius-u4)}.asset-thumbnail.characters img,.asset-thumbnail.scenes img{object-fit:cover;width:170%;max-width:none;transform:translateY(var(--ds-size-u2))}.style-image.stylized img{object-position:50% 35%;height:130%;transform:scale(1.25)}.prompt-comment-content>span{gap:var(--ds-space-u2);min-width:0;display:grid}.project-resources button>span,.project-resources button>svg:last-child:not(:first-child){font-size:var(--ds-fontSize-label);margin-left:auto}.prompt-comment strong{font-size:var(--ds-fontSize-label);color:var(--ds-color-action)}.prompt-comment-content>span>span{font-size:var(--ds-fontSize-field);color:var(--ds-color-fieldText);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width<=640px){.comment-mode-hint{font-size:var(--ds-fontSize-label);gap:var(--ds-space-u5);max-width:calc(100% - var(--ds-size-u20));white-space:normal}.viewport-comment-editor{top:var(--ds-space-u62)}.viewport-comment-editor textarea{font-size:var(--ds-fontSize-u16)}.prompt-comments{max-height:var(--ds-size-u125)}}.viewport-comment-editor textarea::placeholder{color:var(--ds-color-muted)}:is(html:has(.studio-shell),body:has(.studio-shell)){overscroll-behavior:none;height:100%;overflow:hidden}body:has(.studio-shell){width:100%;position:fixed;inset:0}.studio-shell,.studio-shell *{overscroll-behavior:none}input,textarea,[contenteditable]:not([contenteditable=false]),[contenteditable]:not([contenteditable=false]) *{-webkit-user-select:text;user-select:text}.viewport-comment-editor textarea{background:var(--ds-color-field);border:var(--ds-size-u1) solid var(--ds-color-fieldBorder);border-radius:var(--ds-radius-field);padding:var(--ds-space-u9) var(--ds-space-u10);color:var(--ds-color-fieldText);line-height:var(--ds-lineHeight-u1_5);width:100%;min-height:var(--ds-size-u90);font-size:var(--ds-fontSize-body);resize:vertical;max-height:var(--ds-size-u160)}.prompt-box textarea{font-size:var(--ds-fontSize-body);height:var(--ds-size-u42);resize:none;width:100%;color:var(--ds-color-promptBoxTextareaText3);line-height:var(--ds-lineHeight-u1_6);background:0 0;border:0;outline:none;padding:0}.property-section textarea{height:var(--ds-size-u76);font-size:var(--ds-fontSize-label);line-height:var(--ds-lineHeight-u1_7)}.sheet-body>textarea{min-height:var(--ds-size-u110)}.property-section textarea,.property-section input:not([type=color],[type=checkbox],[type=range]){color:var(--ds-color-fieldText)}.project-breadcrumb input{width:var(--ds-size-u142);color:var(--ds-color-projectBreadcrumbInputText);font-weight:var(--ds-fontWeight-mediumStrong);outline-offset:0;background:0 0;border:0}.library-search input{width:100%;min-width:0;font-size:var(--ds-fontSize-label);color:var(--ds-color-librarySearchInputText2);background:0 0;border:0;outline:none}.property-section input:not([type=color],[type=checkbox],[type=range]),.property-section textarea,.property-section select,.sheet-body>input,.sheet-body>textarea{background:var(--ds-color-field);border:var(--ds-size-u1) solid var(--ds-color-fieldBorder);width:100%;color:var(--ds-color-propertySectionInputText);border-radius:var(--ds-radius-field);padding:var(--ds-space-u9) var(--ds-space-u10);line-height:var(--ds-lineHeight-u1_6);font-size:var(--ds-fontSize-field);resize:vertical;min-height:var(--ds-size-u34)}.identity-section input{margin-bottom:var(--ds-space-u14)}.custom-color input{opacity:var(--ds-opacity-u0);cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.color-field input{border:var(--ds-size-u1) solid var(--ds-color-colorFieldInputBorder);width:var(--ds-size-u27);height:var(--ds-size-u26);cursor:pointer;border-radius:var(--ds-radius-u4);background:var(--ds-color-surface);padding:0}.toggle-row input{opacity:var(--ds-opacity-u0);position:absolute}.sheet-body>input{margin-bottom:var(--ds-space-u18)}.topbar .appbar-action{justify-content:center;align-items:center;gap:var(--ds-space-u7);height:var(--ds-size-u34);min-height:var(--ds-size-u34);padding:0 var(--ds-space-gutter);border:var(--ds-size-u1) solid var(--ds-color-shareButtonBorder);border-radius:var(--ds-radius-control);background:var(--ds-color-field);color:var(--ds-color-libraryText);font-size:var(--ds-fontSize-control);font-weight:var(--ds-fontWeight-mediumStrong);line-height:var(--ds-lineHeight-u1);display:inline-flex}.topbar .appbar-action>svg{width:var(--ds-size-u15);height:var(--ds-size-u15)}.identity-section label .icon-button svg{width:var(--ds-size-u13)}.workspace-nav button.active svg{color:var(--ds-color-workspaceNavButtonActiveSvgText)}.topbar .appbar-action:hover{background:var(--ds-color-hover);border-color:var(--ds-color-topbarAppbarActionBorder)}.topbar .appbar-action:active{background:var(--ds-color-topbarAppbarActionSurface)}@media (width<=640px){.topbar .appbar-action{height:var(--ds-size-u32);min-height:var(--ds-size-u32);padding:0 var(--ds-space-u9);font-size:var(--ds-fontSize-field);gap:var(--ds-space-u5)}.topbar .export-button>svg:last-child{display:block}}[data-studio-region=asset-panel] :is(button,a){border-radius:var(--ds-radius-field)}[data-studio-region=properties-panel] :is(button,select,input,textarea),[data-studio-region=asset-panel] :is(button,a){transition:background-color var(--ds-duration-ms160), border-color var(--ds-duration-ms160), color var(--ds-duration-ms160)}@media (hover:hover){[data-studio-region=asset-panel] :is(button,a):hover:not(:disabled){background-color:var(--ds-color-hover);color:var(--ds-color-libraryAction)}[data-studio-region=asset-panel] .focused-nav button.active:hover{background-color:var(--ds-color-focusedNavButtonActivebackgroundColor);color:var(--ds-color-focusedNavButtonActiveText)}[data-studio-region=properties-panel] :is(.inspector-tabs button,.icon-button,.segmented button,.personality-traits button,.full-button):hover:not(:disabled){background-color:var(--ds-color-hover);color:var(--ds-color-libraryAction)}[data-studio-region=properties-panel] .material-option:hover,[data-studio-region=properties-panel] .voice-list>button:hover{background-color:var(--ds-color-hover);border-color:var(--ds-color-inspectorTabsButtonSelectedSurface)}[data-studio-region=properties-panel] .style-grid>button:hover .style-image{border-color:var(--ds-color-inspectorTabsButtonSelectedSurface)}[data-studio-region=properties-panel] .color-swatches>button:hover{outline:var(--ds-size-u2) solid var(--ds-color-muted);outline-offset:var(--ds-space-u2)}[data-studio-region=properties-panel] :is(select,textarea,input:not([type=color],[type=range],[type=checkbox])):hover{border-color:var(--ds-color-topbarAppbarActionBorder)}}@media (prefers-reduced-motion:reduce){[data-studio-region=properties-panel] :is(button,select,input,textarea),[data-studio-region=asset-panel] :is(button,a){transition:none}}@media (width<=640px){.topbar .avatar{display:none}}@media (width<=380px){.topbar .brand>span{display:none}}@media (prefers-reduced-motion:reduce){button,.viewport-loading span,.toggle-track:after,.spin,[data-studio-region=properties-panel] :is(button,select,input,textarea),[data-studio-region=asset-panel] :is(button,a){transition:none;animation:none}}.hub-shell{font-family:var(--ds-font-body);color:var(--ds-color-libraryText);--hub-muted:var(--ds-color-muted);flex-direction:row;display:flex;overflow-x:clip}.hub-shell a{color:inherit;text-decoration:none}.hub-sidebar{width:var(--ds-size-u224);background:var(--ds-color-surface);border-right:var(--ds-size-u1) solid var(--ds-color-hubSidebarborderRight);z-index:var(--ds-zIndex-u20);flex-direction:column;flex-shrink:0;display:flex;position:fixed;inset:0 auto 0 0}.hub-brand{padding:var(--ds-space-u31) var(--ds-space-u25) var(--ds-space-u35);display:block}.hub-brand .brand{font-size:var(--ds-fontSize-u27)}.hub-nav{padding:0 var(--ds-space-u15);gap:var(--ds-space-u5);flex-direction:column;display:flex}.hub-nav>a{height:var(--ds-size-u43);border-radius:var(--ds-radius-item);padding:0 var(--ds-space-u13);align-items:center;gap:var(--ds-space-gutter);font-size:var(--ds-fontSize-control);color:var(--hub-muted,var(--ds-color-muted));transition:background var(--ds-duration-ms150);display:flex}.hub-nav>a:hover{background:var(--ds-color-colorFieldSurface)}.hub-nav>a.active{background:var(--ds-color-libraryNavigationSelected);color:var(--ds-color-libraryNavigationText);font-weight:var(--ds-fontWeight-semibold)}.hub-new-dot{width:var(--ds-size-u5);height:var(--ds-size-u5);background:var(--ds-color-hubNewDotSurface);border-radius:50%;margin-left:auto}.hub-count{color:var(--hub-muted,var(--ds-color-muted));font-size:var(--ds-fontSize-label);margin-left:auto}.hub-nav-label{color:var(--hub-muted,var(--ds-color-muted));font-size:var(--ds-fontSize-label);margin:var(--ds-space-u27) var(--ds-space-u13) var(--ds-space-small);font-weight:var(--ds-fontWeight-medium)}.hub-project-nav{padding:0 var(--ds-space-u15)}.hub-project-nav>button{align-items:center;gap:var(--ds-space-u10);font-size:var(--ds-fontSize-field);color:var(--hub-muted,var(--ds-color-muted));width:100%;padding:var(--ds-space-gutter) var(--ds-space-u13);text-align:left;display:flex}.hub-sidebar-bottom{padding-top:var(--ds-space-u25);margin-top:auto}.hub-creative-note{margin:0 var(--ds-space-large) var(--ds-space-u25);background:var(--ds-color-hubCreativeNoteSurface);border-radius:var(--ds-radius-toolbar);padding:var(--ds-space-u17) var(--ds-space-u15);color:var(--hub-muted,var(--ds-color-muted))}.hub-creative-note h3{font-size:var(--ds-fontSize-body);font-weight:var(--ds-fontWeight-mediumStrong);line-height:var(--ds-lineHeight-u1_5);color:var(--ds-color-hubCreativeNoteH3Text);margin:var(--ds-space-u10) 0 var(--ds-space-small);max-width:var(--ds-size-u150)}.hub-creative-note p{font-size:var(--ds-fontSize-label);color:var(--hub-muted,var(--ds-color-muted));line-height:var(--ds-lineHeight-u1_8)}.hub-creative-note>a{align-items:center;gap:var(--ds-space-u5);font-size:var(--ds-fontSize-label);margin-top:var(--ds-space-u15);color:var(--hub-muted,var(--ds-color-muted));font-weight:var(--ds-fontWeight-mediumStrong);display:flex}.hub-account{border-top:var(--ds-size-u1) solid var(--ds-color-hubAccountborderTop);padding:var(--ds-space-u18) var(--ds-space-large);align-items:center;gap:var(--ds-space-u10);display:flex}.hub-account>div{gap:var(--ds-space-compact);flex-direction:column;display:flex}.hub-account strong{font-size:var(--ds-fontSize-label);font-weight:var(--ds-fontWeight-mediumStrong)}.hub-account small{font-size:var(--ds-fontSize-caption);color:var(--hub-muted,var(--ds-color-muted))}.hub-account>svg{color:var(--hub-muted,var(--ds-color-muted));margin-left:auto}.hub-content{margin-left:var(--ds-space-u224);flex:1;min-width:0}.hub-topbar{height:var(--ds-size-u88);padding:0 var(--ds-space-u37);justify-content:space-between;align-items:center;gap:var(--ds-space-medium);border-bottom:var(--ds-size-u1) solid var(--ds-color-hubTopbarborderBottom);background:var(--ds-color-hubTopbarSurface);display:flex}.hub-topbar-left,.hub-topbar-right{align-items:center;gap:var(--ds-space-u18);display:flex}.hub-topbar-left>.icon-button{color:var(--hub-muted,var(--ds-color-muted));width:var(--ds-size-u26)}.hub-search{height:var(--ds-size-u39);width:var(--ds-size-u310);align-items:center;gap:var(--ds-space-u10);background:var(--ds-color-search);border:var(--ds-size-u1) solid var(--ds-color-hubSearchBorder);border-radius:var(--ds-radius-u10);padding:0 var(--ds-space-gutter);color:var(--hub-muted,var(--ds-color-muted));display:flex}.hub-search input{width:100%;min-width:0;font-size:var(--ds-fontSize-field);color:var(--ds-color-hubSearchInputText);background:0 0;border:0;outline:none}.hub-search input::placeholder{color:var(--hub-muted,var(--ds-color-muted))}.hub-search kbd{font-family:inherit;font-size:var(--ds-fontSize-caption);border:var(--ds-size-u1) solid var(--ds-color-hubSearchKbdBorder);border-radius:var(--ds-radius-u4);padding:var(--ds-space-u3) var(--ds-space-u5);color:var(--hub-muted,var(--ds-color-muted));white-space:nowrap;background:var(--ds-color-hubSearchKbdSurface)}.hub-personal-label{font-size:var(--ds-fontSize-label);color:var(--hub-muted,var(--ds-color-muted))}.hub-create{height:var(--ds-size-u35);padding:0 var(--ds-space-medium);align-items:center;gap:var(--ds-space-u7);background:var(--ds-color-libraryAction);border-radius:var(--ds-radius-control);color:var(--ds-color-hubCreateText);font-size:var(--ds-fontSize-field);font-weight:var(--ds-fontWeight-mediumStrong);box-shadow:var(--ds-shadow-hubCreate);display:flex}.hub-create:hover{background:var(--ds-color-libraryActionHover)}.hub-main{max-width:var(--ds-size-u1780);padding:var(--ds-space-u34) var(--ds-space-u39) var(--ds-space-u45);margin:auto}.hub-page-heading{justify-content:space-between;align-items:center;gap:var(--ds-space-large);margin-bottom:var(--ds-space-u34);display:flex}.hub-page-heading h1{font-size:var(--ds-fontSize-page);letter-spacing:var(--ds-tracking-negative0_7);line-height:var(--ds-lineHeight-u1_25);font-weight:var(--ds-fontWeight-mediumStrong);color:var(--ds-color-hubPageHeadingH1Text)}.hub-page-heading p{font-size:var(--ds-fontSize-control);color:var(--hub-muted,var(--ds-color-muted));margin-top:var(--ds-space-u9)}.hub-item-count{font-size:var(--ds-fontSize-field);color:var(--hub-muted,var(--ds-color-muted))}.hub-section-heading{justify-content:space-between;align-items:center;gap:var(--ds-space-u15);margin-bottom:var(--ds-space-u17);display:flex}.hub-section-heading h2{font-size:var(--ds-fontSize-title);font-weight:var(--ds-fontWeight-mediumStrong);color:var(--ds-color-hubSectionHeadingH2Text);letter-spacing:var(--ds-tracking-negative0_2)}.hub-section-heading>span{font-size:var(--ds-fontSize-caption);color:var(--hub-muted,var(--ds-color-muted))}.hub-recent-project{margin-bottom:var(--ds-space-u37)}.hub-project-card{align-items:center;gap:var(--ds-space-u22);border:var(--ds-size-u1) solid var(--ds-color-hubProjectCardBorder);border-radius:var(--ds-radius-u13);background:var(--ds-color-surface);text-align:left;width:100%;padding:var(--ds-space-u9);transition:border-color var(--ds-duration-ms150);display:flex}.hub-project-card:hover{border-color:var(--ds-color-hubProjectCardBorderHover)}.hub-project-cover{width:var(--ds-size-u145);height:var(--ds-size-u83);border-radius:var(--ds-radius-control);flex-shrink:0;position:relative;overflow:hidden}.hub-project-cover img{object-fit:cover;width:100%;height:100%}.hub-project-cover>span{background:var(--ds-color-hubProjectCoverSpanSurface);color:var(--ds-color-surface);place-items:center;display:grid;position:absolute;inset:0}.hub-project-info{gap:var(--ds-space-u9);flex-direction:column;display:flex}.hub-project-info>strong{font-size:var(--ds-fontSize-title);font-weight:var(--ds-fontWeight-mediumStrong);color:var(--ds-color-hubProjectInfoStrongText)}.hub-project-info>span{align-items:center;gap:var(--ds-space-u7);font-size:var(--ds-fontSize-label);color:var(--hub-muted,var(--ds-color-muted));display:flex}.hub-inline-dot{width:var(--ds-size-u3);height:var(--ds-size-u3);background:var(--ds-color-hubInlineDotSurface);border-radius:50%;flex-shrink:0;display:inline-block}.hub-open-project{align-items:center;gap:var(--ds-space-small);padding:0 var(--ds-space-u17);font-size:var(--ds-fontSize-field);color:var(--hub-muted,var(--ds-color-muted));margin-left:auto;display:flex}.hub-assets-heading{margin-bottom:var(--ds-space-large)}.hub-filter{align-items:center;gap:var(--ds-space-u7);font-size:var(--ds-fontSize-label);color:var(--hub-muted,var(--ds-color-muted));display:flex}.hub-filter select{appearance:none;font:inherit;color:var(--hub-muted,var(--ds-color-muted));cursor:pointer;outline-offset:var(--ds-space-u3);background:0 0;border:0}.hub-asset-grid{gap:var(--ds-space-u22) var(--ds-space-large);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.hub-asset-card{border:var(--ds-size-u1) solid var(--ds-color-cardBorder);border-radius:var(--ds-radius-u16);background:var(--ds-color-surface);padding:var(--ds-space-u9);transition:border-color var(--ds-duration-ms180), box-shadow var(--ds-duration-ms180);overflow:hidden}.hub-asset-card:hover{border-color:var(--ds-color-hubAssetCardBorder);box-shadow:var(--ds-shadow-hubAssetCard)}.hub-card-preview{aspect-ratio:1.35;border-radius:var(--ds-radius-u10);background:var(--ds-color-cardPreview);position:relative;overflow:hidden}.hub-card-preview>button:first-child,.hub-preview-link{width:100%;height:100%;padding:0;display:block;overflow:hidden}.hub-card-preview img{object-fit:cover;width:100%;height:100%;transition:transform var(--ds-duration-ms250) ease-out;display:block}.hub-card-preview .hub-robot-image{object-position:50% 42%;transform:scale(1.04)}.hub-card-preview.scenes:after{content:"";pointer-events:none;background:var(--ds-color-hubCardPreviewScenesSurface);position:absolute;inset:0}.hub-favorite{right:var(--ds-space-u9);top:var(--ds-space-u9);width:var(--ds-size-u29);height:var(--ds-size-u29);border:var(--ds-size-u1) solid var(--ds-color-hubFavoriteBorder);border-radius:var(--ds-radius-control);background:var(--ds-color-hubFavoriteSurface);-webkit-backdrop-filter:var(--ds-filter-hubFavorite);backdrop-filter:var(--ds-filter-hubFavorite);color:var(--hub-muted,var(--ds-color-muted));place-items:center;display:grid;position:absolute}.hub-favorite:hover{background:var(--ds-color-surface);color:var(--ds-color-hubFavoriteText)}.hub-favorite.selected{color:var(--ds-color-hubFavoriteText);background:var(--ds-color-hubFavoriteSelectedSurface)}.hub-card-info{padding:var(--ds-space-u14) var(--ds-space-u9) var(--ds-space-gutter)}.hub-card-info>button{text-align:left;max-width:100%;padding:0;display:block}.hub-card-info h3{font-size:var(--ds-fontSize-control);line-height:var(--ds-lineHeight-u1_5);font-weight:var(--ds-fontWeight-mediumStrong);color:var(--ds-color-hubCardInfoH3Text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hub-card-meta{align-items:center;gap:var(--ds-space-u6);font-size:var(--ds-fontSize-caption);color:var(--hub-muted,var(--ds-color-muted));margin-top:var(--ds-space-u7);min-width:0;display:flex}.hub-card-meta>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hub-duration,.hub-example-badge{bottom:var(--ds-space-u9);left:var(--ds-space-u9);font-size:var(--ds-fontSize-caption);padding:var(--ds-space-u5) var(--ds-space-u7);border-radius:var(--ds-radius-u5);background:var(--ds-color-hubDurationSurface);-webkit-backdrop-filter:var(--ds-filter-hubDuration);backdrop-filter:var(--ds-filter-hubDuration);color:var(--hub-muted,var(--ds-color-muted));align-items:center;gap:var(--ds-space-compact);display:flex;position:absolute}.hub-example-badge{top:var(--ds-space-u9);bottom:auto}.hub-community-note{align-items:flex-start;gap:var(--ds-space-u9);background:var(--ds-color-hubCommunityNoteSurface);padding:var(--ds-space-u13) var(--ds-space-u15);border-radius:var(--ds-radius-item);margin-bottom:var(--ds-space-u22);color:var(--hub-muted,var(--ds-color-muted));display:flex}.hub-community-note>svg{margin-top:var(--ds-space-u2);flex-shrink:0}.hub-project-cover>span>svg{background:var(--ds-color-hubProjectCoverSpanSvgSurface);padding:var(--ds-space-small);box-sizing:content-box;-webkit-backdrop-filter:var(--ds-filter-hubProjectCoverSpanSvg);backdrop-filter:var(--ds-filter-hubProjectCoverSpanSvg);border-radius:50%}.hub-project-nav>button svg{color:var(--hub-muted,var(--ds-color-muted));flex-shrink:0}.hub-nav>a.active>svg{color:var(--hub-muted,var(--ds-color-muted))}.hub-community-note p{font-size:var(--ds-fontSize-label);line-height:var(--ds-lineHeight-u1_8);color:var(--hub-muted,var(--ds-color-muted))}.hub-empty{text-align:center;padding:var(--ds-space-u70) var(--ds-space-large);background:var(--ds-color-toastText);border:var(--ds-size-u1) dashed var(--ds-color-hubEmptyBorder);border-radius:var(--ds-radius-u14);color:var(--hub-muted,var(--ds-color-muted))}.hub-empty h3{color:var(--hub-muted,var(--ds-color-muted));font-size:var(--ds-fontSize-u17);font-weight:var(--ds-fontWeight-medium);margin:var(--ds-space-u15) 0 var(--ds-space-u10)}.hub-empty p{font-size:var(--ds-fontSize-field);line-height:var(--ds-lineHeight-u1_8);color:var(--hub-muted,var(--ds-color-muted))}.hub-empty button{align-items:center;gap:var(--ds-space-small);margin-top:var(--ds-space-u22);color:var(--hub-muted,var(--ds-color-muted));font-size:var(--ds-fontSize-field);padding:var(--ds-space-u9) var(--ds-space-u15);border:var(--ds-size-u1) solid var(--ds-color-hubEmptyButtonBorder);border-radius:var(--ds-radius-field);background:var(--ds-color-hubTopbarSurface);display:inline-flex}.hub-explore-footer{justify-content:space-between;align-items:center;gap:var(--ds-space-large);padding:var(--ds-space-u29) 0 0;margin-top:var(--ds-space-u38);border-top:var(--ds-size-u1) solid var(--ds-color-hubExploreFooterborderTop);display:flex}.hub-explore-footer>span{align-items:center;gap:var(--ds-space-u15);color:var(--hub-muted,var(--ds-color-muted));display:flex}.hub-explore-footer strong{font-size:var(--ds-fontSize-control);font-weight:var(--ds-fontWeight-medium);color:var(--hub-muted,var(--ds-color-muted))}.hub-explore-footer p{font-size:var(--ds-fontSize-label);color:var(--hub-muted,var(--ds-color-muted));margin-top:var(--ds-space-u6)}.hub-explore-footer>a{align-items:center;gap:var(--ds-space-u9);font-size:var(--ds-fontSize-label);color:var(--hub-muted,var(--ds-color-muted));white-space:nowrap;display:flex}.hub-create-kinds{gap:var(--ds-space-u9);margin:var(--ds-space-large) 0;grid-template-columns:repeat(3,1fr);display:grid}.hub-create-kinds>button{align-items:center;gap:var(--ds-space-u10);padding:var(--ds-space-u17) var(--ds-space-u5);border:var(--ds-size-u1) solid var(--ds-color-hubCreateKindsButtonBorder);border-radius:var(--ds-radius-item);font-size:var(--ds-fontSize-label);color:var(--hub-muted,var(--ds-color-muted));flex-direction:column;display:flex;position:relative}.hub-create-kinds>button.selected{background:var(--ds-color-hubCreateKindsButtonSelectedSurface);border-color:var(--ds-color-hubCreateKindsButtonSelectedBorder);color:var(--hub-muted,var(--ds-color-muted))}.hub-create-kinds>button>svg:last-child:not(:first-child){right:var(--ds-space-u7);top:var(--ds-space-u7);position:absolute}.hub-mobile-menu,.hub-sidebar-backdrop{display:none}.asset-route-state{background:var(--ds-color-canvas);color:var(--hub-muted,var(--ds-color-muted));padding:var(--ds-space-u25);text-align:center}.asset-route-state h1{font-size:var(--ds-fontSize-u22)}.asset-route-state p{font-size:var(--ds-fontSize-body);color:var(--hub-muted,var(--ds-color-muted))}.asset-route-state a{font-size:var(--ds-fontSize-control);color:var(--ds-color-assetRouteStateAText);background:var(--ds-color-surface);border:var(--ds-size-u1) solid var(--ds-color-assetRouteStateABorder);padding:var(--ds-space-u10) var(--ds-space-u15);border-radius:var(--ds-radius-control);text-decoration:none}.studio-library-back{align-items:center;gap:var(--ds-space-u7);color:var(--hub-muted,var(--ds-color-muted));font-size:var(--ds-fontSize-field);text-decoration:none;display:flex}.focused-asset{padding:0 var(--ds-space-large) var(--ds-space-u22)}.focused-asset-image{height:var(--ds-size-u122);border-radius:var(--ds-radius-u10);background:var(--ds-color-focusedAssetImageSurface);margin-bottom:var(--ds-space-u17);color:var(--hub-muted,var(--ds-color-muted));place-items:center;display:grid;overflow:hidden}.focused-asset-image img{object-fit:contain;width:100%;height:100%}.hub-preview-link:hover img,.hub-card-preview>button:first-child:hover img{transform:scale(1.065)}.focused-asset>span{font-size:var(--ds-fontSize-caption);color:var(--hub-muted,var(--ds-color-muted))}.hub-project-nav>button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.focused-asset h2{font-size:var(--ds-fontSize-sheet);letter-spacing:var(--ds-tracking-negative0_4);font-weight:var(--ds-fontWeight-mediumStrong);margin:var(--ds-space-u6) 0 var(--ds-space-u9);color:var(--ds-color-focusedAssetH2Text)}.focused-asset p{font-size:var(--ds-fontSize-label);line-height:var(--ds-lineHeight-u1_8);color:var(--hub-muted,var(--ds-color-muted));-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.focused-nav{margin-bottom:var(--ds-space-u2)}.focused-actions{padding:0 var(--ds-space-small)}.focused-actions button{align-items:center;gap:var(--ds-space-u9);width:100%;padding:var(--ds-space-u11) var(--ds-space-gutter);color:var(--hub-muted,var(--ds-color-muted));font-size:var(--ds-fontSize-label);text-align:left;display:flex}.focused-panel-bottom{padding:var(--ds-space-u30) var(--ds-space-large) var(--ds-space-u23);color:var(--hub-muted,var(--ds-color-muted));margin-top:auto}.focused-panel-bottom p{font-size:var(--ds-fontSize-field);line-height:var(--ds-lineHeight-u1_8);margin:var(--ds-space-gutter) 0 var(--ds-space-medium);max-width:var(--ds-size-u170);color:var(--hub-muted,var(--ds-color-muted))}.focused-panel-bottom a{align-items:center;gap:var(--ds-space-u6);font-size:var(--ds-fontSize-label);color:var(--hub-muted,var(--ds-color-muted));text-decoration:none;display:flex}.project-breadcrumb a,.topbar a{color:inherit;text-decoration:none}@media (width>=1600px){.hub-sidebar{width:var(--ds-size-u244)}.hub-content{margin-left:var(--ds-space-u244)}.hub-main{padding:var(--ds-space-u42) var(--ds-space-u48) var(--ds-space-u55)}.hub-topbar{padding:0 var(--ds-space-u45);height:var(--ds-size-u94)}.hub-asset-grid{gap:var(--ds-space-section);grid-template-columns:repeat(4,minmax(0,1fr))}.hub-card-info h3{font-size:var(--ds-fontSize-body)}.hub-page-heading h1{font-size:var(--ds-fontSize-u29)}}@media (width<=1150px){.hub-sidebar{width:var(--ds-size-u200)}.hub-content{margin-left:var(--ds-space-u200)}.hub-brand{padding:var(--ds-space-u27) var(--ds-space-u21) var(--ds-space-u32)}.hub-main{padding:var(--ds-space-u28)}.hub-topbar{padding:0 var(--ds-space-u27);height:var(--ds-size-u78)}.hub-personal-label{display:none}.hub-search{width:var(--ds-size-u270)}.hub-asset-grid{gap:var(--ds-space-large);grid-template-columns:repeat(2,minmax(0,1fr))}.hub-open-project{font-size:var(--ds-fontSize-label);padding:0 var(--ds-space-u10)}.hub-project-cover{width:var(--ds-size-u115);height:var(--ds-size-u78)}.hub-project-info>span{font-size:var(--ds-fontSize-caption)}.hub-nav{padding:0 var(--ds-space-u11)}.hub-creative-note{margin:0 var(--ds-space-u15) var(--ds-space-large)}}@media (width<=760px){.hub-sidebar{transition:transform var(--ds-duration-ms200);z-index:var(--ds-zIndex-u60);width:var(--ds-size-u235);transform:translate(-100%)}.hub-sidebar.open{transform:none}.hub-sidebar-backdrop{background:var(--ds-color-hubSidebarBackdropSurface);z-index:var(--ds-zIndex-u50);-webkit-backdrop-filter:var(--ds-filter-hubSidebarBackdrop);backdrop-filter:var(--ds-filter-hubSidebarBackdrop);display:block;position:fixed;inset:0}.hub-content{margin-left:0}.hub-mobile-menu{display:flex}.hub-topbar{height:var(--ds-size-u70);padding:0 var(--ds-space-u19)}.hub-topbar-left{gap:var(--ds-space-small)}.hub-topbar-left>.icon-button:not(.hub-mobile-menu){display:none}.hub-search{width:var(--ds-size-u230);height:var(--ds-size-u36)}.hub-topbar-right{gap:var(--ds-space-gutter)}.hub-main{padding:var(--ds-space-u28) var(--ds-space-u22)}.hub-page-heading h1{font-size:var(--ds-fontSize-u24)}.hub-page-heading p{font-size:var(--ds-fontSize-field);line-height:var(--ds-lineHeight-u1_6)}.hub-page-heading{margin-bottom:var(--ds-space-u29)}.hub-asset-grid{gap:var(--ds-space-medium)}.hub-open-project{padding-right:var(--ds-space-small);gap:0;font-size:0}.hub-open-project svg{width:var(--ds-size-u20);height:var(--ds-size-u20)}.hub-project-card{gap:var(--ds-space-u15)}.hub-project-cover{width:var(--ds-size-u105);height:var(--ds-size-u75)}.hub-project-info>strong{font-size:var(--ds-fontSize-control)}.hub-project-info>span{font-size:var(--ds-fontSize-caption)}.hub-section-heading h2{font-size:var(--ds-fontSize-body)}.hub-explore-footer>span>svg{display:none}.hub-explore-footer{gap:var(--ds-space-u15)}.hub-explore-footer p{max-width:var(--ds-size-u240);line-height:var(--ds-lineHeight-u1_7)}.hub-section-heading>span{font-size:var(--ds-fontSize-u8)}.hub-account{padding:var(--ds-space-u18) var(--ds-space-large)}}@media (width<=480px){.hub-topbar{padding:0 var(--ds-space-u14);height:var(--ds-size-u64)}.hub-topbar-left{gap:var(--ds-space-u5)}.hub-search{width:var(--ds-size-u175);gap:var(--ds-space-u7);padding:0 var(--ds-space-u9)}.hub-search input{font-size:var(--ds-fontSize-label)}.hub-search svg{width:var(--ds-size-u15)}.hub-search kbd{display:none}.hub-topbar-right{gap:var(--ds-space-u10)}.hub-topbar-right>.avatar{display:none}.hub-create{height:var(--ds-size-u33);padding:0 var(--ds-space-gutter);font-size:var(--ds-fontSize-label)}.hub-create svg{width:var(--ds-size-u14)}.hub-main{padding:var(--ds-space-u25) var(--ds-space-u17) var(--ds-space-u35)}.hub-page-heading{margin-bottom:var(--ds-space-u26);gap:var(--ds-space-u10)}.hub-page-heading h1{font-size:var(--ds-fontSize-u23)}.hub-page-heading p{font-size:var(--ds-fontSize-field);max-width:var(--ds-size-u280)}.hub-item-count{display:none}.hub-project-card{padding:var(--ds-space-u7);gap:var(--ds-space-gutter)}.hub-project-cover{width:var(--ds-size-u80);height:var(--ds-size-u69)}.hub-project-info>span{font-size:var(--ds-fontSize-u8);max-width:var(--ds-size-u180);line-height:var(--ds-lineHeight-u1_6);gap:var(--ds-space-compact);flex-wrap:wrap}.hub-recent-project{margin-bottom:var(--ds-space-u29)}.hub-asset-grid{gap:var(--ds-space-u13) var(--ds-space-u11)}.hub-asset-card{padding:var(--ds-space-u6);border-radius:var(--ds-radius-toolbar)}.hub-card-preview{aspect-ratio:1;border-radius:var(--ds-radius-field)}.hub-card-info{padding:var(--ds-space-u11) var(--ds-space-compact) var(--ds-space-small)}.hub-card-info h3{font-size:var(--ds-fontSize-field);max-width:var(--ds-size-u135)}.hub-card-meta{font-size:var(--ds-fontSize-u8);gap:var(--ds-space-compact);line-height:var(--ds-lineHeight-u1_5);flex-wrap:wrap}.hub-card-meta>span:last-child{max-width:var(--ds-size-u140)}.hub-card-meta .hub-inline-dot{display:none}.hub-favorite{right:var(--ds-space-u6);top:var(--ds-space-u6);width:var(--ds-size-u25);height:var(--ds-size-u25);border-radius:var(--ds-radius-field)}.hub-favorite svg{width:var(--ds-size-u13)}.hub-filter{font-size:var(--ds-fontSize-caption);gap:var(--ds-space-u5)}.hub-filter>svg:first-child{display:none}.hub-assets-heading{margin-bottom:var(--ds-space-u15)}.hub-explore-footer{margin-top:var(--ds-space-u28);padding-top:var(--ds-space-u22);align-items:flex-start;gap:var(--ds-space-u15);flex-direction:column}.hub-explore-footer strong{font-size:var(--ds-fontSize-field)}.hub-explore-footer p{font-size:var(--ds-fontSize-label);max-width:var(--ds-size-u280)}.hub-explore-footer>a{font-size:var(--ds-fontSize-label)}.hub-community-note{padding:var(--ds-space-u11);gap:var(--ds-space-u7)}.hub-community-note p{font-size:var(--ds-fontSize-caption)}.hub-community-note>svg{width:var(--ds-size-u14)}.hub-example-badge{font-size:var(--ds-fontSize-u8);padding:var(--ds-space-compact) var(--ds-space-u5)}.hub-create-kinds{gap:var(--ds-space-u7)}.hub-create-kinds>button{font-size:var(--ds-fontSize-caption)}.focused-asset-image{height:var(--ds-size-u110)}}@media (prefers-reduced-motion:reduce){.hub-sidebar,.hub-card-preview img{transition:none}}@media (width>=981px){.focused-studio-layout:not(.library-collapsed):not(.inspector-collapsed){grid-template-columns:var(--ds-size-u210) minmax(0, 1fr) var(--ds-size-u292)}}@media (width>=1600px){.focused-studio-layout:not(.library-collapsed):not(.inspector-collapsed){grid-template-columns:var(--ds-size-u230) minmax(0, 1fr) var(--ds-size-u310)}}@media (width>=981px) and (width<=1200px){.focused-studio-layout:not(.library-collapsed):not(.inspector-collapsed){grid-template-columns:var(--ds-size-u190) minmax(0, 1fr) var(--ds-size-u260)}}.hub-search:focus-within{outline:var(--ds-size-u2) solid var(--ds-color-accent);outline-offset:var(--ds-space-u3)}
