.reference-core-navigation{min-width:0}.reference-core-navigation>span{color:var(--ui-accent,var(--violet,#8b72ff));letter-spacing:.08em;padding:0 8px;font-size:11px;font-weight:700;line-height:1.35;display:block}.reference-core-navigation nav{gap:5px;min-width:0;display:grid}.reference-core-navigation .core-navigation-group{min-width:0}.reference-core-navigation .reference-nav-link{border-radius:var(--ui-radius,8px);width:100%;min-width:0;min-height:44px;color:var(--ui-muted,#9aa5b8);background:0 0;border:1px solid #0000;grid-template-columns:22px minmax(0,1fr) 14px;align-items:center;gap:9px;padding:6px 8px;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s;display:grid}.reference-core-navigation .reference-nav-link-no-chevron{grid-template-columns:22px minmax(0,1fr)}.reference-core-navigation .reference-nav-link:hover:not([aria-disabled=true]),.reference-core-navigation .reference-nav-link:focus-visible{border-color:var(--ui-border-strong,#59667d);color:var(--ui-text,#f0f2f8);background:var(--ui-surface-alt,#242c3c);outline:none}.reference-core-navigation .reference-nav-link.active{border-color:var(--ui-accent,#a994ff);color:var(--ui-accent,#a994ff);background:var(--ui-accent-soft,#302943)}.reference-core-navigation .reference-nav-icon,.reference-core-navigation .reference-nav-chevron{background-color:currentColor;flex:none;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.reference-core-navigation .reference-nav-icon{width:20px;height:20px;color:inherit;-webkit-mask-image:url(/icons/reference-nav/house.svg);mask-image:url(/icons/reference-nav/house.svg)}.reference-core-navigation .reference-nav-icon-creative{-webkit-mask-image:url(/icons/reference-nav/magic-wand.svg);mask-image:url(/icons/reference-nav/magic-wand.svg)}.reference-core-navigation .reference-nav-icon-workshop{-webkit-mask-image:url(/icons/reference-nav/film-strip.svg);mask-image:url(/icons/reference-nav/film-strip.svg)}.reference-core-navigation .reference-nav-icon-video{-webkit-mask-image:url(/icons/reference-nav/video-camera.svg);mask-image:url(/icons/reference-nav/video-camera.svg)}.reference-core-navigation .reference-nav-icon-upscale{-webkit-mask-image:url(/icons/reference-nav/stack.svg);mask-image:url(/icons/reference-nav/stack.svg)}.reference-core-navigation .reference-nav-icon-assets{-webkit-mask-image:url(/icons/reference-nav/folder-simple.svg);mask-image:url(/icons/reference-nav/folder-simple.svg)}html[data-theme=dark] .reference-core-navigation .reference-nav-icon-creative,html:not([data-theme]) .reference-core-navigation .reference-nav-icon-creative{-webkit-mask-image:url(/icons/reference-nav/cube.svg);mask-image:url(/icons/reference-nav/cube.svg)}html[data-theme=dark] .reference-core-navigation .reference-nav-icon-upscale,html:not([data-theme]) .reference-core-navigation .reference-nav-icon-upscale{-webkit-mask-image:url(/icons/reference-nav/puzzle-piece.svg);mask-image:url(/icons/reference-nav/puzzle-piece.svg)}.reference-core-navigation .reference-nav-label{align-content:center;gap:2px;min-width:0;display:grid}.reference-core-navigation .reference-nav-label>span{min-width:0;color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:650;line-height:1.25;overflow:hidden}.reference-core-navigation .reference-nav-eyebrow{color:var(--ui-subtle,#909db5);letter-spacing:.12em;font-size:8px;font-style:normal;font-weight:700;line-height:1;display:block}.reference-core-navigation .reference-nav-group-label{color:var(--ui-subtle,#909db5);letter-spacing:.14em;text-transform:uppercase;margin:0 8px 7px;font-size:8px;font-style:normal;font-weight:700;line-height:1;display:none}.reference-core-navigation .reference-nav-chevron{width:14px;height:14px;color:var(--ui-subtle,#909db5);transition:transform .16s,background-color .16s;-webkit-mask-image:url(/icons/reference-nav/caret-down.svg);mask-image:url(/icons/reference-nav/caret-down.svg)}.reference-core-navigation .reference-nav-chevron-expanded{transform:rotate(180deg)}.reference-core-navigation .reference-nav-link.active .reference-nav-chevron,.reference-core-navigation .reference-nav-link.active .reference-nav-icon{color:currentColor}.reference-core-navigation .reference-nav-link[aria-disabled=true]{cursor:not-allowed}.reference-core-navigation .core-navigation-children{border:0;gap:4px;margin:5px 0 3px 30px;padding:0;display:grid}.reference-core-navigation .core-navigation-children>button{border-radius:var(--ui-radius,8px);width:100%;min-width:0;min-height:40px;color:var(--ui-muted,#9aa5b8);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;padding:6px 10px;font-size:13px;line-height:1.25}.reference-core-navigation .core-navigation-children>button:hover:not(:disabled),.reference-core-navigation .core-navigation-children>button:focus-visible{border-color:var(--ui-border,#343e51);color:var(--ui-text,#f0f2f8);background:var(--ui-surface-alt,#242c3c);outline:none}.reference-core-navigation .core-navigation-children>button.active{color:var(--ui-accent,#a994ff);background:var(--ui-accent-soft,#302943)}html[data-theme=light] .reference-core-navigation .reference-nav-eyebrow{display:none}html[data-theme=light] .reference-core-navigation nav{gap:4px}html[data-theme=light] .reference-core-navigation .core-navigation-children{margin-left:30px}html[data-theme=light] .reference-core-navigation .reference-nav-group-label,html:not([data-theme]) .reference-core-navigation .reference-nav-group-label{display:none}html[data-theme=dark] .reference-core-navigation nav,html:not([data-theme]) .reference-core-navigation nav{gap:0}html[data-theme=dark] .reference-core-navigation .reference-nav-link,html:not([data-theme]) .reference-core-navigation .reference-nav-link{min-height:44px}html[data-theme=dark] .reference-core-navigation .core-navigation-children,html:not([data-theme]) .reference-core-navigation .core-navigation-children{margin-left:20px}html[data-theme=dark] .reference-core-navigation .reference-nav-group-label,html:not([data-theme]) .reference-core-navigation .reference-nav-group-label{display:block}html[data-theme=dark] .reference-core-navigation .core-navigation-group+.core-navigation-group,html:not([data-theme]) .reference-core-navigation .core-navigation-group+.core-navigation-group{margin-top:24px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-core-navigation{border-top:0;gap:8px;margin-top:0;padding-top:0;display:grid}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-core-navigation .reference-nav-link{border-radius:var(--ui-radius,8px);min-height:44px;padding:6px 8px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-core-navigation .reference-nav-label>span{font-size:16px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-core-navigation .core-navigation-children>button{min-height:40px;padding:6px 10px 6px 14px;font-size:14px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-core-navigation .reference-nav-link.active{background:var(--ui-accent-soft)!important;box-shadow:inset 3px 0 var(--ui-accent)!important;border-color:#0000!important}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-core-navigation .core-navigation-children>button.active{background:var(--ui-accent-soft)!important;box-shadow:inset 2px 0 var(--ui-accent)!important;color:var(--ui-accent)!important;border-color:#0000!important}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-core-navigation .reference-nav-link:not(.active):not(.core-tool-paused):not(.reference-nav-link-video){color:#11152f!important}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-core-navigation .reference-nav-link-video,html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-core-navigation .reference-nav-link.core-tool-paused{color:#aeb7cc!important}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-core-navigation>span{color:var(--ui-subtle);letter-spacing:0;font-weight:400}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-core-navigation .reference-nav-label>span{font-weight:600}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-core-navigation .reference-nav-link.active{box-shadow:none!important}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-core-navigation .reference-nav-link.active{color:#11152f!important;background:#f7f4ff!important}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-core-navigation .reference-nav-link.active .reference-nav-icon{color:var(--ui-accent)}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-core-navigation .core-navigation-group+.core-navigation-group{margin-top:4px}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-core-navigation .core-navigation-group:last-child{border-top:1px solid var(--ui-border);padding-top:21px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-core-navigation .core-navigation-children>button{color:var(--ui-text)!important;border-radius:0 8px 8px 0!important}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-core-navigation .core-navigation-children>button:not(.active){background:0 0!important;border-color:#0000!important}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-core-navigation .core-navigation-children>button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:-2px}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-core-navigation .core-navigation-children>button.active{color:var(--ui-accent)!important}html[data-theme=dark] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-core-navigation .reference-nav-link{color:var(--ui-text)}html[data-theme=dark] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-core-navigation .reference-nav-link.active{color:#548fff!important;background:0 0!important}html[data-theme=dark] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-core-navigation .core-navigation-children{margin-left:0}html[data-theme=dark] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-core-navigation .core-navigation-children>button{padding-left:40px;border-radius:0 4px 4px 0!important}html[data-theme=dark] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-core-navigation .core-navigation-children>button.active{color:var(--ui-text)!important;box-shadow:inset 6px 0 var(--ui-accent)!important;background:#20253a!important}html[data-theme=dark] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-core-navigation .reference-nav-link-video{color:#65728d}@media (width<=900px){html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-core-navigation{display:none!important}}.reference-icon{vertical-align:-.125em;background-color:currentColor;flex:none;width:1em;height:1em;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}.reference-icon-menu{-webkit-mask-image:url(/icons/reference-nav/list.svg);mask-image:url(/icons/reference-nav/list.svg)}.reference-icon-chevron-right{-webkit-mask-image:url(/icons/reference-nav/caret-right.svg);mask-image:url(/icons/reference-nav/caret-right.svg)}.reference-icon-chevron-down{-webkit-mask-image:url(/icons/reference-nav/caret-down.svg);mask-image:url(/icons/reference-nav/caret-down.svg)}.reference-icon-arrow-right{-webkit-mask-image:url(/icons/reference-nav/arrow-right.svg);mask-image:url(/icons/reference-nav/arrow-right.svg)}.reference-icon-file-text{-webkit-mask-image:url(/icons/reference-nav/file-text.svg);mask-image:url(/icons/reference-nav/file-text.svg)}.reference-icon-play-fill{-webkit-mask-image:url(/icons/reference-nav/play-fill.svg);mask-image:url(/icons/reference-nav/play-fill.svg)}.reference-icon-sparkle{-webkit-mask-image:url(/icons/reference-nav/star-four-fill.svg);mask-image:url(/icons/reference-nav/star-four-fill.svg)}.reference-icon-wand{-webkit-mask-image:url(/icons/reference-nav/magic-wand-fill.svg);mask-image:url(/icons/reference-nav/magic-wand-fill.svg)}@media (width<=1100px){.reference-core-navigation .reference-nav-link{grid-template-columns:20px minmax(0,1fr) 14px;gap:8px}.reference-core-navigation .reference-nav-link-no-chevron{grid-template-columns:20px minmax(0,1fr)}.reference-core-navigation .reference-nav-label>span{font-size:14px}}html:has(.studio-shell[data-appearance=reference]){scrollbar-width:none}html:has(.studio-shell[data-appearance=reference])::-webkit-scrollbar{width:0}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]){--reference-sidebar:243px;--ui-bg:#10151f;--ui-chrome:#0d121b;--ui-surface:#1a2130;--ui-surface-alt:#252d3e;--ui-input:#10151f;--ui-text:#f4f5fb;--ui-muted:#b3b9cc;--ui-subtle:#929cb5;--ui-border:#2d3546;--ui-border-strong:#3b455a;--ui-accent:#9c79ff;--ui-accent-soft:#282440;--ui-on-accent:#fff;--ui-success:#2de5a0;--ui-radius:4px;--reference-primary:linear-gradient(110deg, #7b62fb, #8b70ff);color:var(--ui-text);background:var(--ui-bg);min-height:100svh;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]){--reference-sidebar:246px;--ui-bg:#f6f7fb;--ui-chrome:#fcfcff;--ui-surface:#fff;--ui-surface-alt:#eff2f7;--ui-input:#f9fafe;--ui-text:#101329;--ui-muted:#777f9d;--ui-subtle:#8d96b3;--ui-border:#e4e8f2;--ui-border-strong:#d6dcec;--ui-accent:#7b51fa;--ui-accent-soft:#f1ecff;--ui-success:#28d971;--ui-radius:12px;--reference-primary:linear-gradient(110deg, #764af0, #8565f3)}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-dark-copy,html[data-theme=dark] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-light-copy{display:none!important}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .sidebar{width:var(--reference-sidebar);scrollbar-width:none;border-right-color:var(--ui-border);background:var(--ui-chrome);gap:0;padding:20px 16px 22px;overflow-y:auto}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .workspace{margin-left:var(--reference-sidebar);background:var(--ui-bg);min-width:0}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .brand{gap:12px;min-height:48px;margin:0 0 36px;padding:0 6px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .brand-mark{flex-basis:44px;width:44px;height:48px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .brand strong{letter-spacing:0;font-size:19px;font-weight:700;line-height:28px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .brand span{letter-spacing:0;margin-top:0;font-size:12px;line-height:18px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .sidebar-foot{margin-top:auto;padding-top:24px}html[data-theme=dark] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .sidebar-foot{display:none}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .capacity{border-radius:12px;min-height:112px;padding:14px 16px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .capacity>span{font-size:12px;line-height:18px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .capacity strong{align-items:center;gap:7px;font-size:13px;line-height:22px;display:flex}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .capacity small{font-size:10px;line-height:18px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-service-dot{background:var(--ui-danger);border-radius:50%;flex:0 0 12px;width:12px;height:12px;display:inline-block}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-service-dot.online{background:#29d979;box-shadow:0 0 0 3px #29d97918}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-service-dot.checking{background:var(--ui-warning)}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .topbar{background:var(--ui-chrome);border-bottom-color:var(--ui-border);justify-content:flex-end;height:81px;min-height:81px;padding:0 24px}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .topbar{height:82px;min-height:82px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .top-actions{align-items:center;gap:18px;width:auto;display:flex}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .top-actions{gap:8px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .status{border:1px solid var(--ui-border);border-radius:5px;justify-content:center;align-items:center;gap:9px;width:110px;min-width:110px;height:36px;min-height:36px;padding:0 10px;font-size:11px;display:flex}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .status i{flex:0 0 8px;width:8px;height:8px;margin:0}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .status.online i{background:#27dfa0;box-shadow:0 0 10px #27dfa033}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .status:after{display:none}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .user-quota-chip{border-radius:0;grid-template-columns:repeat(3,minmax(0,1fr)) 74px;gap:0;width:318px;min-width:0;min-height:52px;padding:0;display:grid;background:0 0!important;border:0!important}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .user-quota-chip>span{display:none}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .user-quota-chip>i{text-align:left;border-left:1px solid var(--ui-border);gap:3px;min-width:0;padding:0 15px;font-style:normal;display:grid}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .user-quota-chip>i:first-of-type{border-left:0}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .user-quota-chip>i small{white-space:nowrap;font-size:11px;line-height:15px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .user-quota-chip>i b{white-space:nowrap;font-size:14px;line-height:19px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .newcomer-gift-button{white-space:nowrap;border-radius:5px;min-height:36px;margin:0;padding:0 10px;font-size:12px;color:#f5fff9!important;background:#198c64!important;border-color:#269775!important}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .user-quota-chip{border-radius:13px;grid-template-columns:82px repeat(3,minmax(0,1fr)) 64px;width:403px;padding:7px 10px;border:1px solid var(--ui-border)!important;background:var(--ui-surface)!important}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .user-quota-chip>span{gap:2px;min-width:0;padding:0;display:grid}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .user-quota-chip>span b{font-size:12px;line-height:18px}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .user-quota-chip>span small{font-size:10px;line-height:15px;color:#9f82ef!important}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .user-quota-chip>i{text-align:center;padding:0 7px}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .user-quota-chip>i small{font-size:10px}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .newcomer-gift-button{border-radius:10px;padding:0 7px;font-size:10px;color:#159453!important;background:#f0fff5!important;border-color:#72e8a1!important}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-account-group{align-items:center;gap:0;min-width:129px;height:52px;display:flex;position:relative}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-account-group{border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:13px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .account-chip{gap:10px;min-width:0;height:50px;min-height:0;padding:7px 0 7px 8px;font-size:12px;background:0 0!important;border:0!important}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .account-chip span{max-width:110px;display:block}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .account-chip b{text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:12px;font-weight:600;display:block;overflow:hidden}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .account-chip small{display:none}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .account-chip>i,html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .account-chip img{color:#16102c;border-radius:50%;place-items:center;width:34px;height:34px;font-size:16px;font-weight:500;display:grid;background:var(--reference-primary)!important}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .account-chip>i,html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .account-chip img{color:#fff;border-radius:9px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-appearance-menu{position:relative}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-appearance-menu>summary{cursor:pointer;place-items:center;width:28px;height:44px;list-style:none;display:grid}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-appearance-menu>summary::-webkit-details-marker{display:none}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-appearance-menu>summary .reference-icon{width:13px;height:13px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-appearance-menu>div{z-index:45;border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:10px;min-width:180px;padding:14px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px #0002}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-appearance-menu>div>span{margin-bottom:8px;font-size:12px;display:block}@media (width>=901px) and (width<=1100px){html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]){--reference-sidebar:220px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .user-quota-chip{grid-template-columns:repeat(3,minmax(0,1fr)) 64px;width:292px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .user-quota-chip>span{display:none}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .top-actions{gap:8px}}@media (width>=901px){html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .sidebar>.mobile-module-navigation{display:none!important}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-core-navigation{display:block}}@media (width<=900px){html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .sidebar{border-right:0;width:100%;height:auto;min-height:132px;padding:14px 13px 13px;position:relative}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .brand{gap:12px;height:43px;min-height:43px;margin:0 0 13px;padding:0}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .brand-mark{flex-basis:40px;width:40px;height:43px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .brand strong{font-size:18px;line-height:25px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .brand span{font-size:10px;line-height:16px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .creative-tools-toggle{border-radius:5px;justify-content:center;align-items:center;min-width:40px;margin-left:auto;padding:0;display:flex;position:static;width:40px!important;height:40px!important;min-height:40px!important}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .creative-tools-toggle .reference-icon{width:23px;height:23px;margin:0;color:var(--ui-text)!important}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .desktop-creative-tools-toggle{display:none}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .sidebar>.mobile-module-navigation{border:0;border-radius:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin:0;padding:0;display:grid}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .sidebar>.mobile-module-navigation button{justify-content:center;align-items:center;width:100%;min-width:0;height:48px;min-height:48px;padding:0 3px;display:flex;border-color:var(--ui-border)!important;background:var(--ui-surface)!important;color:var(--ui-text)!important;border-radius:4px!important}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .sidebar>.mobile-module-navigation button>span{letter-spacing:0;font-size:13px;line-height:20px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .sidebar>.mobile-module-navigation button.active:not(:disabled){background:var(--reference-primary)!important;color:#fff!important;border-color:#9368ff!important}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .sidebar>.mobile-module-navigation button>i,html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .sidebar>.mobile-module-navigation button>b{display:none!important}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .sidebar-foot{display:none}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .workspace{margin-left:0}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .topbar{height:58px;min-height:58px;padding:6px 13px;position:relative;top:auto}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .top-actions{grid-template-columns:24px minmax(0,1fr) 32px;align-items:center;gap:8px;width:100%;display:grid}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .status{border:0;width:24px;min-width:24px;height:32px;min-height:32px;padding:0;background:#111c26!important}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .status>span{display:none}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .user-quota-chip{border-radius:0;grid-template-columns:repeat(3,minmax(0,1fr)) 62px;gap:0;width:100%;min-width:0;height:46px;min-height:46px;padding:0;border:0!important}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .user-quota-chip>span{display:none}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .user-quota-chip>i{text-align:center;gap:1px;padding:0 3px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .user-quota-chip>i small{text-overflow:clip;font-size:9px;line-height:13px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .user-quota-chip>i b{font-size:12px;line-height:16px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .newcomer-gift-button{border-radius:5px;min-width:0;min-height:32px;padding:0 5px;font-size:10px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-account-group{grid-area:1/3;width:32px;min-width:0;height:34px;background:0 0!important;border:0!important}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .account-chip{flex-basis:32px;width:32px;min-width:0;height:34px;padding:0}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .account-chip>i,html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .account-chip img{border-radius:7px;width:32px;height:34px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .account-chip span,html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .reference-appearance-menu{display:none}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .sidebar{padding:14px 16px 17px}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .creative-tools-toggle{border-radius:10px;width:44px!important;height:44px!important;min-height:44px!important}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .sidebar>.mobile-module-navigation{gap:8px}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .sidebar>.mobile-module-navigation button{height:44px;min-height:44px;background:#f0f2f7!important;border:0!important;border-radius:10px!important}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .topbar{height:60px;min-height:60px;padding:6px 16px}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .status{background:0 0!important}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .status i{flex-basis:12px;width:12px;height:12px}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .status.online i{background:#29d979}html[data-theme=light] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .user-quota-chip{border-radius:12px;padding:0 4px;border:1px solid var(--ui-border)!important}}@media (width<=360px){html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .brand strong{font-size:17px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .user-quota-chip{grid-template-columns:repeat(3,minmax(0,1fr)) 58px}html[data-theme] .studio-shell[data-appearance=reference]:is([data-workspace=creative],[data-workspace=workshop]) .newcomer-gift-button{font-size:9px}}
