.studio-shell .studio-topbar.compact-studio-topbar{z-index:80;max-height:48px;overflow:visible;height:48px!important;min-height:48px!important;box-shadow:none!important;background:#141418!important;border:0!important;border-bottom:1px solid #ffffff13!important;border-radius:0!important;grid-template-columns:minmax(180px,390px) minmax(0,1fr)!important;gap:12px!important;padding:5px 8px!important;display:grid!important;position:sticky!important;top:0!important}.compact-studio-topbar .studio-project-nav,.compact-studio-topbar .studio-workspace-nav{align-items:center;gap:6px;min-width:0;max-width:100%;display:flex}.compact-studio-topbar .studio-project-trigger{color:#ededf0;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;align-items:center;gap:8px;min-width:0;height:36px;padding:2px 4px;display:flex}.compact-studio-topbar .studio-project-trigger strong{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:auto;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.compact-studio-topbar .studio-workspace-trigger{color:#c4bfce;cursor:pointer;background:#ffffff04;border:1px solid #ffffff18;border-radius:8px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.compact-studio-topbar .studio-workspace-trigger:hover{color:#f3f1fc;background:#ffffff0c}.compact-studio-topbar .studio-workspace-trigger>svg{flex-shrink:0}.compact-studio-topbar .studio-project-trigger>svg{color:#8e8e9b;flex:0 0 13px}.compact-studio-topbar .studio-project-trigger .brand-glyph{border-radius:8px;flex:0 0 27px;width:27px;min-width:27px;height:27px}.compact-studio-topbar .studio-toolbar-icon,.compact-studio-topbar .studio-workspace-tabs button{color:#a2a2b0;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-width:32px;height:32px;padding:0 9px;font-size:12px;display:inline-flex}.compact-studio-topbar .studio-toolbar-icon{flex:0 0 32px;width:32px;padding:0}.compact-studio-topbar .studio-workspace-tabs{border:1px solid #ffffff13;border-radius:10px;flex:none;align-items:center;gap:2px;padding:2px;display:flex}.compact-studio-topbar .studio-workspace-tabs .selected{color:#c4b7ff;background:#8470ef26;box-shadow:inset 0 0 0 1px #a38eff36}.compact-studio-topbar .studio-project-trigger:hover,.compact-studio-topbar .studio-toolbar-icon:hover,.compact-studio-topbar .studio-workspace-tabs button:hover{color:#f3f1fc;background-color:#ffffff0c}.compact-studio-topbar .studio-publish-button{color:#fff;cursor:pointer;background:#7254e9;border:1px solid #ad99ff55;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:6px;height:32px;margin-left:auto;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.compact-studio-topbar .studio-publish-button:hover{background:#8264f8}.compact-studio-topbar .studio-preview-controls{flex:auto;justify-content:center;align-items:center;gap:4px;min-width:0;height:36px;display:flex}.compact-studio-topbar .studio-preview-controls .compact-project-heading{flex:none;justify-content:flex-end;min-width:0}.compact-studio-topbar .studio-preview-controls .workshop-canvas-actions{gap:2px;display:flex}.studio-shell .compact-studio-topbar .studio-preview-controls .icon-button{color:#a2a2b0;background:0 0;border:0;border-radius:7px;width:32px;min-width:32px;height:32px;min-height:32px}.studio-shell .compact-studio-topbar .studio-preview-controls .icon-button:hover{color:#fff;background:#ffffff0c}.studio-shell .compact-studio-topbar button:focus-visible{outline-offset:2px;outline:2px solid #baabff}.studio-shell .compact-studio-topbar button:disabled{opacity:.4;cursor:not-allowed}.compact-studio-topbar .studio-navigation-menu{overscroll-behavior:contain;color:#e5e5ed;background:#202024;border:1px solid #ffffff20;border-radius:12px;width:min(300px,100vw - 24px);max-height:calc(100dvh - 76px);padding:6px;position:absolute;top:calc(100% + 5px);left:0;overflow-y:auto;box-shadow:0 15px 48px #0008}.compact-studio-topbar .studio-navigation-menu.tools{width:min(240px,100vw - 24px);left:402px}.compact-studio-topbar .studio-menu-caption{color:#93939f;text-overflow:ellipsis;white-space:nowrap;padding:7px 10px 9px;font-size:11px;overflow:hidden}.compact-studio-topbar .studio-navigation-menu button{text-align:left;width:100%;min-height:36px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:8px 10px;font-size:13px;display:flex}.compact-studio-topbar .studio-navigation-menu button small{color:#92929e;white-space:nowrap;margin-left:auto;font-size:10px}.compact-studio-topbar .studio-navigation-menu button:hover,.compact-studio-topbar .studio-navigation-menu button:focus-visible,.compact-studio-topbar .studio-navigation-menu button.selected{background:#ffffff0b}.compact-studio-topbar .studio-navigation-menu button.menu-divider{border-top:1px solid #ffffff12;border-radius:0 0 6px 6px;margin-top:6px}.studio-shell:has(.compact-studio-topbar) .project-preview-notification{max-height:calc(100dvh - 80px);top:64px}.studio-shell:has(.compact-studio-topbar) .chat-view.clean-chat{height:calc(100dvh - 70px)}.studio-shell:has(.compact-studio-topbar) .clean-chat .workshop-preview-frame{border:0;border-radius:12px;margin:0}.studio-shell:has(.compact-studio-topbar) .workshop-site-frame.mobile{margin-inline:auto;display:block;width:min(390px,100%)!important}.studio-shell:has(.compact-studio-topbar) .result-view:has(.native-preview-surface){height:calc(100dvh - 70px)}@media (max-width:1100px){.studio-shell .studio-topbar.compact-studio-topbar{grid-template-columns:minmax(150px,220px) minmax(0,1fr)!important}.compact-studio-topbar .studio-navigation-menu.tools{left:auto;right:0}.compact-studio-topbar .compact-project-status span{display:none}}@media (max-width:960px){.compact-studio-topbar .studio-workspace-trigger{flex-basis:44px;width:44px;min-width:44px;height:44px}.studio-shell:has(.compact-studio-topbar) .chat-view.clean-chat{height:auto}.compact-studio-topbar .studio-workspace-tabs button span{display:none}}@media (max-width:600px){.studio-shell .studio-topbar.compact-studio-topbar{grid-template-columns:minmax(0,1fr) auto!important;gap:4px!important;padding:5px 2px!important}.compact-studio-topbar .studio-project-nav,.compact-studio-topbar .studio-workspace-nav,.compact-studio-topbar .studio-preview-controls{gap:2px}.compact-studio-topbar .studio-project-trigger{gap:3px;padding:0}.compact-studio-topbar .studio-project-trigger .brand-glyph{display:none}.compact-studio-topbar .studio-project-trigger strong{font-size:12px}.compact-studio-topbar .studio-publish-button{width:32px;padding:0}.compact-studio-topbar .studio-publish-button span{display:none}.compact-studio-topbar .studio-workspace-tabs{gap:0;padding:1px}.compact-studio-topbar .studio-workspace-tabs button{width:30px;min-width:30px;padding:0}.compact-studio-topbar .compact-project-status{width:28px;min-width:28px;padding:0}}.studio-shell .studio-preview-description{color:#9999a8;margin:0;padding:0 14px 10px;font-size:11px;line-height:1.5}.compact-studio-topbar .studio-preview-controls .compact-project-status{background:0 0;border:0;justify-content:center;width:26px;min-width:26px;height:28px;padding:0}.compact-studio-topbar .studio-release-actions{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.compact-studio-topbar .studio-share-button{color:#e3e3eb;cursor:pointer;background:#ffffff05;border:1px solid #ffffff24;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 11px;font-size:12px;display:inline-flex}.compact-studio-topbar .studio-share-button:hover{background:#ffffff0d}.preview-address-bar{background:#ffffff05;border:1px solid #ffffff12;border-radius:9px;flex:0 280px;align-items:center;min-width:85px;display:flex}.preview-page-picker{flex:1;min-width:0;position:relative}.preview-page-trigger{color:#dfdfe9;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;width:100%;height:30px;padding:0 9px;font-size:12px;display:flex}.preview-page-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-page-trigger svg{color:#9494a2;flex-shrink:0}.preview-page-popover{color:#ececf4;z-index:90;background:#242429;border:1px solid #ffffff25;border-radius:12px;width:340px;max-width:calc(100vw - 24px);position:absolute;top:calc(100% + 10px);left:-33px;overflow:hidden;box-shadow:0 16px 48px #0008}.preview-page-search{color:#aaaaba;border-bottom:1px solid #ffffff12;align-items:center;gap:8px;padding:9px 12px;display:flex}.preview-page-search input{color:#f4f4fa;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;padding:5px 0;font-size:13px}.preview-page-search button{color:#b3b3c1;cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.preview-page-popover [role=listbox]{overscroll-behavior:contain;max-height:min(350px,50dvh);padding:5px;overflow:auto}.preview-page-popover [role=option]{text-align:left;color:#dedee8;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;width:100%;padding:9px 10px;font-size:13px;display:flex}.preview-page-popover [role=option] svg{flex-shrink:0}.preview-page-popover [role=option] span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-page-popover [role=option][aria-selected=true]{background:#ffffff0b}.preview-page-popover [role=option].current{color:#c9bdff}.preview-page-popover p{color:#aaaaba;padding:10px;font-size:13px}.studio-shell:has(.compact-studio-topbar) .workshop-site-frame.tablet{margin-inline:auto;display:block;width:min(768px,100%)!important}.project-share-dialog{color:#e7e7ef;background:#222227;border:1px solid #ffffff26;border-radius:15px;width:min(420px,100vw - 24px);max-height:calc(100dvh - 72px);margin:0;padding:20px;font-size:13px;position:fixed;inset:56px 12px auto auto;overflow:auto;box-shadow:0 20px 80px #0008}.project-share-dialog::backdrop{background:#08080b33}.project-share-dialog header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.project-share-dialog h2{letter-spacing:-.2px;margin:0;font-size:16px;line-height:1.5}.project-share-dialog p{color:#b2b2c0;overflow-wrap:anywhere;margin:7px 0 12px;font-size:12px;line-height:1.6}.project-share-dialog section{border-top:1px solid #ffffff12;padding:16px 0}.project-share-dialog .share-section-title{align-items:center;gap:8px;font-size:13px;display:flex}.project-share-dialog .share-section-title>svg:last-child{color:#b7a4ff;margin-left:auto}.project-share-dialog button{color:#ededf5;min-height:34px;font:inherit;cursor:pointer;background:#ffffff06;border:1px solid #ffffff23;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:6px 11px;font-size:12px;display:inline-flex}.project-share-dialog button:hover{background:#ffffff10}.project-share-dialog button:disabled{opacity:.45;cursor:not-allowed}.project-share-dialog button:focus-visible,.project-share-dialog input:focus-visible{outline-offset:2px;outline:2px solid #baabff}.project-share-dialog .share-primary{background:#7254e9;border-color:#a68cfb55;width:100%}.project-share-dialog .share-icon{background:0 0;border:0;flex-shrink:0;width:34px;padding:6px}.project-share-dialog .share-link-field{background:#17171c;border:1px solid #ffffff20;border-radius:8px;align-items:center;gap:4px;padding:3px 5px;display:flex}.project-share-dialog input{color:#d6ceef;background:0 0;border:0;width:100%;min-width:0;padding:6px;font-size:12px}.project-share-dialog .share-expiry{color:#9999ab;font-size:11px}.project-share-dialog .share-actions{flex-wrap:wrap;gap:6px;display:flex}.project-share-dialog .share-notice{color:#c7b8ff;font-size:12px;line-height:1.5}.project-share-dialog .share-notice:empty{display:none}@media (max-width:1250px){.compact-studio-topbar .studio-share-button svg{display:none}}@media (max-width:960px){.studio-shell .studio-topbar.compact-studio-topbar{max-height:none;grid-template-columns:minmax(0,1fr) auto auto!important;gap:4px!important;height:auto!important;min-height:48px!important;padding:5px 6px!important}.compact-studio-topbar .studio-workspace-nav{display:contents}.compact-studio-topbar .studio-workspace-tabs{grid-area:1/2}.compact-studio-topbar .studio-release-actions{grid-area:1/3;gap:4px}.compact-studio-topbar .studio-preview-controls{grid-area:2/1/auto/-1;gap:4px;width:100%;height:36px}.compact-studio-topbar .studio-preview-controls .workshop-canvas-actions button{display:inline-flex}.compact-studio-topbar .studio-share-button{width:30px;padding:0}.compact-studio-topbar .studio-share-button svg{display:block}.compact-studio-topbar .studio-share-button span,.compact-studio-topbar .studio-publish-button span{display:none}.compact-studio-topbar .studio-publish-button{width:32px;padding:0}.preview-address-bar{flex:1;max-width:480px}.preview-page-popover{width:auto;max-width:none;position:fixed;top:90px;left:8px;right:8px}.studio-shell:has(.compact-studio-topbar .studio-preview-controls) .project-preview-notification{max-height:calc(100dvh - 116px);top:100px}.studio-shell:has(.compact-studio-topbar .studio-preview-controls) .result-view:has(.native-preview-surface){height:calc(100dvh - 110px)}.project-share-dialog{width:calc(100vw - 16px);padding:16px;inset:54px 8px auto auto}}@media (max-width:960px) and (max-height:680px){.studio-shell:has(.compact-studio-topbar) .project-preview-notification .generation-recovery{gap:8px;padding:10px}.studio-shell:has(.compact-studio-topbar) .project-preview-notification .generation-recovery-copy p{margin:6px 0;font-size:13px;line-height:1.4}.studio-shell:has(.compact-studio-topbar) .project-preview-notification .generation-recovery small{font-size:12px;line-height:1.4}.studio-shell:has(.compact-studio-topbar) .project-preview-notification .studio-preview-description{padding:0 12px 6px;font-size:10px;line-height:1.3}}.compact-studio-topbar.workspace-context .studio-workspace-nav{justify-content:flex-end}.compact-studio-topbar.workspace-context .studio-workspace-tabs button span{display:inline}@media (max-width:960px){.studio-shell .studio-topbar.compact-studio-topbar.workspace-context{grid-template-columns:minmax(0,1fr) auto!important}.compact-studio-topbar.workspace-context .studio-workspace-tabs button{width:auto;padding-inline:8px}.studio-shell .studio-topbar.compact-studio-topbar{box-sizing:border-box;flex:none;align-items:center;min-width:0}.compact-studio-topbar.workspace-context .studio-workspace-tabs{max-width:100%}}@media (max-width:360px){.compact-studio-topbar.workspace-context .studio-workspace-tabs button{gap:4px;padding-inline:5px;font-size:11px}}
.mobile-workspace-navigation,.mobile-site-tools,.mobile-project-status-label{display:none}@media (max-width:960px){:is(html:has(.studio-shell),body:has(.studio-shell)){overscroll-behavior:none;background:var(--cz-bg,#080d14);min-height:100%;overflow:hidden}body:has(.studio-shell){width:100%;position:fixed;inset:0}.studio-shell,.studio-shell.mobile-workspace-shell{top:var(--studio-viewport-top,0px);width:100%;height:var(--studio-viewport-height,100dvh);flex-direction:column;margin:0;position:fixed;left:0;right:0;overflow:hidden;min-height:0!important;padding:env(safe-area-inset-top,0px) 0 0!important;gap:0!important;display:flex!important}.studio-shell.mobile-workspace-shell>.studio-topbar.compact-studio-topbar{box-sizing:border-box;z-index:90;flex:none;width:100%;min-width:0}.studio-shell.mobile-workspace-shell>.studio-stage{overscroll-behavior:contain;flex:1 1 0;width:100%;height:auto;margin:0;overflow:auto;min-height:0!important;padding:8px!important}.studio-shell.mobile-workspace-shell .artifact-stage-panel{padding:0;min-height:0!important}.studio-shell.mobile-workspace-shell:not(.view-chat):not(.view-preview)>.studio-stage{display:block}.studio-shell.mobile-workspace-shell:not(.view-chat):not(.view-preview) .artifact-stage-panel{height:auto;display:block;overflow:visible}.studio-shell.mobile-workspace-shell .publish-view{margin:8px auto;padding:16px}.studio-shell.mobile-workspace-shell .publish-view :is(input,select,textarea){min-width:0;max-width:100%;font-size:16px}.studio-shell.mobile-workspace-shell .publish-view :is(button,.published-link){white-space:normal;overflow-wrap:anywhere}.studio-shell.mobile-workspace-shell .settings-view .management-heading{flex-wrap:wrap;gap:12px}.studio-shell.mobile-workspace-shell .settings-view .management-heading>div{min-width:0}.studio-shell.mobile-workspace-shell.view-chat>.studio-stage{overflow:hidden}.studio-shell.mobile-workspace-shell:is(.view-chat,.view-preview) .artifact-stage-panel{flex-direction:column;height:100%;display:flex}.studio-shell.mobile-workspace-shell.view-chat .chat-view.clean-chat{flex:1;gap:8px;grid-template-rows:minmax(0,1fr) auto!important;grid-template-columns:minmax(0,1fr)!important;height:100%!important;min-height:0!important}.studio-shell.mobile-workspace-shell.view-chat .clean-chat .workshop-canvas{display:none!important}.studio-shell.mobile-workspace-shell.view-chat .clean-chat .chat-thread{touch-action:pan-y;height:100%;min-height:0;padding:12px 6px;overflow-y:auto;grid-row:1!important;max-height:none!important}.studio-shell.mobile-workspace-shell.view-chat .clean-chat .chat-composer{min-width:0;margin:0;position:relative;bottom:auto;grid-row:2!important}.studio-shell.mobile-workspace-shell .clean-chat .chat-composer textarea{max-height:min(200px, max(76px, calc(var(--studio-viewport-height,100dvh) - 260px)));font-size:16px}.studio-shell.mobile-workspace-shell :is(.settings-view,.project-directory-view,.admin-console) :is(input,select,textarea):not([type=checkbox]):not([type=radio]){font-size:16px}html[data-studio-short-viewport] .mobile-workspace-shell.view-chat:has(.chat-composer:focus-within) :is(.mobile-workspace-navigation,.studio-preview-controls){display:none!important}.studio-shell.mobile-workspace-shell.view-preview .chat-view.native-preview-only,.studio-shell.mobile-workspace-shell.view-preview .result-view{margin:0;height:100%!important;min-height:0!important}.studio-shell.mobile-workspace-shell.view-preview .workshop-canvas,.studio-shell.mobile-workspace-shell.view-preview .workshop-preview-frame{height:100%!important;min-height:0!important;max-height:none!important}.mobile-workspace-shell .mobile-workspace-navigation{z-index:82;padding:3px 8px max(6px, env(safe-area-inset-bottom));color:#a8a8b7;touch-action:pan-y;background:#141418;border-top:1px solid #ffffff16;flex:none;order:10;display:block;position:relative}.mobile-workspace-screen-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.mobile-workspace-screen-buttons button{min-height:46px;color:inherit;font:inherit;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:7px 5px;font-size:12px;display:flex}.mobile-workspace-screen-buttons button svg{flex-shrink:0}.mobile-workspace-screen-buttons button small{opacity:.6;font-size:9px}.mobile-workspace-screen-buttons button[aria-current=page],.mobile-site-tools button[aria-pressed=true]{color:#d8ceff;background:#8470ef26;border-color:#a38eff36}.mobile-workspace-navigation button:focus-visible,.mobile-site-tools button:focus-visible{outline-offset:-2px;outline:2px solid #baabff}.mobile-workspace-shell .mobile-site-tools{gap:6px;margin:0 0 12px;display:flex}.mobile-site-tools button{color:#a8a8b7;min-height:44px;font:inherit;background:0 0;border:1px solid #ffffff16;border-radius:9px;flex:1;padding:8px;font-size:13px}.mobile-workspace-shell .compact-studio-topbar .studio-toolbar-icon,.mobile-workspace-shell .studio-workspace-tabs>button:is([aria-label=Предпросмотр],[aria-label=Плагины\ проекта]){display:none}.mobile-workspace-shell .compact-studio-topbar .studio-workspace-tabs button,.mobile-workspace-shell .compact-studio-topbar :is(.studio-project-trigger,.studio-share-button,.studio-publish-button){height:44px;min-height:44px}.mobile-workspace-shell .compact-studio-topbar:not(.workspace-context) .studio-workspace-tabs>button,.mobile-workspace-shell .compact-studio-topbar :is(.studio-share-button,.studio-publish-button){flex:0 0 44px;width:44px;min-width:44px;padding:0}.mobile-workspace-shell .compact-studio-topbar button>svg{flex-shrink:0}.mobile-workspace-shell .compact-studio-topbar .studio-navigation-menu{max-height:calc(var(--studio-viewport-height,100dvh) - 130px)}.mobile-workspace-shell .compact-studio-topbar .studio-navigation-menu button{min-height:44px}.mobile-workspace-shell.view-chat .studio-preview-controls>:not(.compact-project-heading){display:none!important}.mobile-workspace-shell.view-chat .studio-preview-controls .compact-project-heading{flex:1;justify-content:flex-start}.mobile-workspace-shell.view-chat .studio-preview-controls .compact-project-status{gap:7px;width:auto;padding:0 8px}.mobile-workspace-shell.view-chat .compact-studio-topbar .compact-project-status .mobile-project-status-label{font-size:12px;display:inline}.mobile-workspace-shell.view-chat .studio-topbar.compact-studio-topbar{min-height:56px!important}.studio-shell.mobile-workspace-shell .project-preview-notification{z-index:81;flex-direction:column;display:flex;max-height:calc(var(--studio-viewport-height,100dvh) - 184px - env(safe-area-inset-bottom))!important;top:104px!important}.mobile-workspace-shell .project-preview-notification>:is(.project-preview-notification-heading,.studio-preview-description){flex-shrink:0}.mobile-workspace-shell .project-preview-notification>.generation-recovery{flex:0 auto;min-height:0;overflow-y:auto}.mobile-workspace-shell .settings-view{min-width:0}}@supports (overflow:clip){@media (max-width:960px){.studio-shell.mobile-workspace-shell,.studio-shell.mobile-workspace-shell.view-chat>.studio-stage,.studio-shell.mobile-workspace-shell.view-chat .artifact-stage-panel,.studio-shell.mobile-workspace-shell .project-directory-view .directory-card{overflow:clip}}}@media (max-width:360px){.mobile-workspace-screen-buttons button{gap:4px;font-size:11px}.mobile-workspace-screen-buttons button small{display:none}}
.studio-shell.view-journal{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.studio-shell.view-journal .compact-studio-topbar{flex:0 0 48px}.studio-shell.view-journal .studio-stage{overscroll-behavior:contain;flex:auto;width:100%;display:block;overflow:auto;min-height:0!important}.studio-shell.view-journal .artifact-stage-panel{height:auto;display:block;overflow:visible;min-height:100%!important}.studio-shell .project-journal{width:min(900px,100%);min-width:0;color:var(--cz-text);margin:0 auto;padding:clamp(16px,3vw,32px)}.project-journal-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.project-journal-heading h1{margin:0 0 6px;font-size:22px}.project-journal-heading p,.journal-note,.journal-empty p{color:var(--cz-muted);margin:0;font-size:13px;line-height:1.6}.journal-filters{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.journal-filters button{color:var(--cz-muted);cursor:pointer;font:inherit;background:0 0;border:1px solid #ffffff16;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;display:inline-flex}.journal-filters button[aria-pressed=true]{color:#d5caff;background:#8b70ef19;border-color:#ab90ff60}.journal-filters button span{opacity:.7;font-size:11px}.journal-note{margin-bottom:18px}.journal-entries{gap:10px;margin:0;padding:0;list-style:none;display:grid}.journal-entry{background:#ffffff03;border:1px solid #ffffff14;border-radius:12px;min-width:0;padding:16px}.journal-entry-heading{justify-content:space-between;align-items:start;gap:12px;margin-bottom:7px;display:flex}.journal-entry-heading strong{overflow-wrap:anywhere;min-width:0;font-size:14px}.journal-status{color:var(--cz-muted);flex:none;font-size:11px}.journal-status.published,.journal-status.deployed,.journal-status.validated,.journal-status.applied{color:#8acbb2}.journal-status.failed,.journal-status.blocked{color:#eaaa8c}.journal-entry time,.journal-entry>small{color:var(--cz-muted);font-size:12px}.journal-entry>a{color:#c5b6ff;align-items:center;gap:6px;width:fit-content;margin-top:12px;font-size:13px;display:flex}.journal-entry p,.journal-entry li{overflow-wrap:anywhere;font-size:13px;line-height:1.6}.journal-entry details{color:var(--cz-muted);margin-top:14px;font-size:12px}.journal-entry summary,.journal-technical>summary{cursor:pointer}.journal-entry dl{grid-template-columns:minmax(90px,1fr) minmax(0,3fr);gap:8px;display:grid}.journal-entry dd{overflow-wrap:anywhere;margin:0}.journal-technical{color:var(--cz-muted);border:1px solid #ffffff12;border-radius:10px;margin-top:20px;padding:14px;font-size:13px}.journal-technical-content{gap:12px;min-width:0;margin-top:14px;display:grid}.studio-shell .project-journal .journal-technical-content :is(.release-candidate-summary,.published-import){display:grid!important}.project-journal .publish-summary{overflow-wrap:anywhere;min-width:0}.project-journal .release-runtime-actions{flex-wrap:wrap}.journal-empty{text-align:center;color:var(--cz-muted);justify-items:center;gap:12px;padding:42px 16px;display:grid}.studio-shell .publish-journal-link{color:var(--cz-muted);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:10px;font-size:13px;display:flex}.studio-shell .publish-validation-notice{color:#edbd9e;border:1px solid #efb28b44;border-radius:9px;padding:12px;font-size:13px;line-height:1.6}.publish-validation-notice p{margin:0 0 8px}@media (max-width:600px){.project-journal-heading{flex-direction:column;align-items:start;gap:12px}.journal-entry-heading{flex-wrap:wrap;gap:6px}.journal-entry dl{grid-template-columns:1fr}.journal-entry dd{margin-bottom:6px}}
.studio-shell .project-code{color:#d8dee9;background:#0d1118;border:1px solid #ffffff10;border-radius:12px;grid-template-columns:260px minmax(0,1fr);height:calc(100dvh - 72px);min-height:0;font-size:13px;display:grid;overflow:hidden}.project-code *{box-sizing:border-box}.project-code button,.project-code summary{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0;border-radius:5px}.project-code button:focus-visible,.project-code summary:focus-visible,.project-code input:focus-visible{outline-offset:-2px;outline:2px solid #9d87f5}.project-code button:hover,.project-code summary:hover{background:#ffffff0a}.project-code button:disabled{opacity:.45;cursor:default}.project-code-explorer{background:#10151e;border-right:1px solid #ffffff0d;flex-direction:column;min-width:0;min-height:0;display:flex}.project-code-explorer-heading{align-items:center;gap:9px;min-height:46px;padding:10px 12px;display:flex}.project-code-explorer-heading strong{font-size:12px;font-weight:600}.project-code-explorer-heading>span{color:#9aa6b8;background:#ffffff07;border-radius:5px;padding:2px 6px;font-size:11px}.project-code-actions{flex-shrink:0;align-items:center;gap:3px;margin-left:auto;display:flex}.project-code-actions>button,.project-code-actions summary,.project-code-mobile{color:#9ba7ba;place-items:center;width:30px;height:30px;padding:0;display:grid}.project-code-actions>button[aria-pressed=true]{color:#b9a6ff;background:#9d87f51a}.project-code-search{color:#8490a2;border:1px solid #ffffff12;border-radius:6px;flex-shrink:0;align-items:center;gap:7px;height:32px;margin:0 10px 10px;padding:0 8px;display:flex}.project-code-search input,.project-code-create input{color:#e2e6ee;width:100%;min-width:0;box-shadow:none;background:0 0;border:0;outline:none;padding:6px 0;font-size:12px}.project-code-search:focus-within{border-color:#9980ed}.project-code-search button{place-items:center;padding:0;display:grid}.project-code-create{flex-wrap:wrap;gap:6px;padding:0 10px 10px;display:flex}.project-code-create input{border:1px solid #8c73d6;border-radius:5px;padding:7px}.project-code-create button{background:#8060cf;padding:5px 10px;font-size:12px}.project-code-tree{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:0 6px 12px;overflow:auto}.project-code-tree>[role=treeitem]{text-align:left;color:#b3bdcc;border-radius:4px;align-items:center;gap:7px;width:100%;min-width:0;height:29px;padding-top:0;padding-bottom:0;padding-right:8px;display:flex}.project-code-tree>[role=treeitem][aria-selected=true]{color:#e1d8ff;background:#a48cf51b;box-shadow:inset 2px 0 #a48cf5}.project-code-tree svg,.project-code-tree-spacer{flex-shrink:0}.project-code-tree-spacer{width:13px}.project-code-tree-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.project-code-tree .lucide-folder,.project-code-tree .lucide-folder-open{color:#9aa9c3}.code-icon-source{color:#7cb9e8}.code-icon-json{color:#d0b377}.code-icon-css{color:#b89de9}.project-code-download{flex-shrink:0;justify-content:center;align-items:center;gap:8px;margin:8px;display:flex;border:1px solid #ffffff16!important;padding:9px!important;font-size:12px!important}.project-code-download span{color:#788598;margin-left:auto;font-size:10px}.project-code-main{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.project-code-header{background:#10151e;border-bottom:1px solid #ffffff0e;align-items:center;gap:6px;min-height:46px;padding:0 10px 0 0;display:flex}.project-code-tab{background:#0d1118;border-top:2px solid #a38be9;border-right:1px solid #ffffff0b;align-self:stretch;align-items:center;gap:8px;min-width:0;padding:0 17px;display:flex}.project-code-tab svg{flex-shrink:0}.project-code-tab strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.project-code-breadcrumbs{color:#8c98ab;white-space:nowrap;scrollbar-width:none;align-items:center;gap:7px;min-height:31px;padding:6px 16px;font-size:11px;display:flex;overflow:auto}.project-code-breadcrumbs span{align-items:center;gap:7px;display:inline-flex}.project-code-surface{flex:1;min-width:0;min-height:0;overflow:hidden}.project-code-loading,.project-code-empty{color:#98a3b5;text-align:center;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.project-code-empty{flex-direction:column;gap:12px}.project-code-empty h2{margin:0;font-size:18px}.project-code-empty p{max-width:350px;margin:0;line-height:1.6}.project-code-empty button{color:#fff;background:#8060cf;padding:9px 14px}.project-code-status{color:#8290a5;background:#10151e;border-top:1px solid #ffffff0c;align-items:center;gap:18px;min-height:29px;padding:6px 14px;font-size:10px;display:flex}.project-code-status>span:first-child{margin-right:auto}.project-code-menu{position:relative}.project-code-menu summary{list-style:none}.project-code-menu summary::-webkit-details-marker{display:none}.project-code-menu>div{z-index:5;background:#1b2230;border:1px solid #ffffff1c;border-radius:8px;width:170px;padding:5px;position:absolute;top:35px;right:0;box-shadow:0 8px 32px #0006}.project-code-menu>div button{color:#efa1a1;align-items:center;gap:8px;width:100%;padding:9px;font-size:12px;display:flex}.project-code-delete{background:#392730;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 15px;font-size:12px;display:flex}.project-code-delete span{flex:1;min-width:180px}.project-code-delete button{border:1px solid #ffffff24;padding:5px 8px}.project-code-muted{color:#8591a3;padding:10px;font-size:12px;line-height:1.6}.project-code .project-code-mobile{display:none}@media (max-width:700px){.studio-shell .project-code{border-radius:8px;grid-template-columns:minmax(0,1fr)}.project-code .project-code-mobile{flex-shrink:0;place-items:center;display:grid}.project-code-explorer{display:none}.project-code[data-sidebar-open=true] .project-code-explorer{display:flex}.project-code[data-sidebar-open=true] .project-code-main{display:none}.project-code-header{gap:2px;padding-left:5px}.project-code-tab{border-right:0;padding:0 6px}.project-code-actions{gap:0}.project-code-actions>button,.project-code-actions summary{width:28px}.project-code-breadcrumbs{padding-left:10px}.project-code-status{gap:8px;padding:6px 9px;font-size:9px}}.project-code-unsaved{color:#c8b5ff;flex-shrink:0;font-size:8px}@media (max-width:380px){.project-code-status>span:nth-child(2){display:none}.project-code-tab{gap:4px}.project-code-tab>svg{display:none}}.project-code-conflicts{overflow-wrap:anywhere;background:#2e2424;flex-shrink:0;max-height:240px;padding:12px 16px;font-size:12px;overflow:auto}.project-code-conflicts p{margin:5px 0}.project-code-conflicts pre{white-space:pre-wrap;max-height:120px;overflow:auto}.project-code-conflicts button{border:1px solid #ffffff30;border-radius:6px;margin:6px 6px 0 0;padding:6px}
.codzee-preview-loading{text-align:center;color:#eef0f8;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-width:0;padding:36px 20px;display:flex}.codzee-preview-loading .codzee-preview-mark{margin:0 0 12px;display:block}.codzee-preview-loading strong{letter-spacing:-.01em;font-weight:550;line-height:1.4;font-size:15px!important}.codzee-preview-loading>span:last-child{color:#8e99ac;max-width:300px;line-height:1.6;font-size:12px!important}.codzee-preview-frame-stage{border-radius:inherit;background:#0b1018;justify-items:center;width:100%;min-width:0;height:100%;min-height:240px;display:grid;position:relative;overflow:hidden}.codzee-preview-frame-stage>iframe{border:0;grid-area:1/1;width:100%;height:100%}.codzee-preview-frame-stage[data-preview-state=loading]>iframe,.codzee-preview-frame-stage[data-preview-state=error]>iframe{visibility:hidden}.codzee-preview-frame-cover{z-index:2;background:radial-gradient(#171528 0%,#0b1018 65%);place-items:center;display:grid;position:absolute;inset:0;overflow:auto}.codzee-preview-load-error{text-align:center;color:#eef0f8;flex-direction:column;align-items:center;gap:12px;max-width:340px;padding:24px;display:flex}.codzee-preview-load-error span{color:#99a4b7;font-size:13px;line-height:1.6}.codzee-preview-previous{color:#d6d8e4;pointer-events:none;z-index:2;background:#13151deb;border:1px solid #ffffff20;border-radius:8px;max-width:calc(100% - 24px);padding:6px 10px;font-size:11px;line-height:1.4;position:absolute;top:12px;right:12px;box-shadow:0 2px 12px #0003}.studio-shell .chat-view.native-preview-only{height:calc(100dvh - 70px);min-height:0;display:block;overflow:hidden}.studio-shell .native-preview-only>:not(.workshop-canvas){display:none!important}.studio-shell .native-preview-only>.workshop-canvas{width:100%;height:100%;min-height:0;display:flex!important}.studio-shell .native-preview-only .workshop-preview-frame{flex:1;height:100%;min-height:0}.studio-shell .native-preview-only .workshop-site-frame{height:100%;min-height:0}.development-preview-canvas{z-index:4;background:#0b1018;place-items:center;display:grid;position:absolute;inset:0}.development-preview-canvas>iframe{border:0;width:100%;height:100%}.development-preview-status{color:#eee;background:#171720f2;border:1px solid #ffffff26;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:8px 12px;font-size:12px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.development-preview-status small{color:#a0a3b7;font-size:11px}.development-preview-status button{white-space:nowrap;color:inherit;font:inherit;cursor:pointer;background:#ffffff08;border:1px solid #ffffff30;border-radius:8px;padding:6px 9px}
.studio-shell .preview-device-stage{min-width:0;position:relative;overflow:hidden}.studio-shell .development-preview-canvas.preview-device-stage{position:absolute}.studio-shell .preview-device-stage[data-preview-viewport]>iframe.preview-device-frame[data-codzee-device-viewport]{top:0;left:var(--preview-document-left,0px);transform:scale(var(--preview-document-scale,1));transform-origin:0 0;transition:none;position:absolute;width:var(--preview-document-width,100%)!important;max-width:none!important;height:var(--preview-document-height,100%)!important;min-height:0!important;margin:0!important}