/* Public chrome remains visible while the sealed editor checks publication. */
.generator-chrome-fallback { position:sticky; top:0; z-index:90; }
.generator-public-page[data-generator-client-ready] > .generator-chrome-fallback { visibility:hidden; height:88px; }
.generator-public-page > .site-footer { position:relative; z-index:1; }
.generator-public-page intomade-studio { display:block; min-height:calc(100dvh - 88px); }
.generator-public-page intomade-studio > .public-header { position:fixed; top:0; left:0; right:0; z-index:90; }
.generator-public-page intomade-studio:has(> .public-header) { padding-top:0; }
.generator-public-page intomade-studio > p[role=status] { min-height:52vh; padding:32px; color:#566577; }
.generator-directory-fallback { min-height:calc(100dvh - 88px); }
.generator-public-page[data-page="/generators/"] intomade-studio:not(:has(.main-content)) { display:none; }
.generator-public-page[data-page="/generators/"]:not(:has(intomade-studio .main-content)) > .generator-chrome-fallback { display:block; }
.generator-public-page[data-page="/generators/"]:has(intomade-studio .main-content) > .generator-directory-fallback { display:none; }
:is(intomade-studio:has(> .generator-ssr-tabs),.generator-directory-fallback) { --public-header-height:88px; }
:is(intomade-studio,.generator-directory-fallback) .generator-ssr-tabs { height:48px; padding:0 34px; background:#fff; justify-content:space-between; }
.generator-ssr-tabs .main-nav { display:flex; align-items:stretch; gap:28px; height:100%; }
.generator-ssr-tabs a { display:flex; align-items:center; color:#617188; font-size:13px; text-decoration:none; }
.generator-directory-fallback .generator-ssr-tabs .main-nav a { display:flex; min-height:44px; font-size:13px; }
.generator-ssr-tabs a[aria-current] { color:#17335a; border-bottom:2px solid #ff6b35; }
.generator-ssr-info { color:#17335a; font-size:19px; }
.generator-ssr-rail-icon { font-size:23px!important; font-weight:400; line-height:1; }
:is(intomade-studio:has(> .generator-ssr-tabs),.generator-directory-fallback) .app-body>.app-rail { top:136px; }
:is(intomade-studio:has(> .generator-ssr-tabs),.generator-directory-fallback) .main-content { padding:20px 30px; }
:is(intomade-studio:has(> .generator-ssr-tabs),.generator-directory-fallback) .workshop-home { max-width:none; }
:is(intomade-studio:has(> .generator-ssr-tabs),.generator-directory-fallback) .generator-directory { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
:is(intomade-studio:has(> .generator-ssr-tabs),.generator-directory-fallback) .generator-card { display:block; height:100%; }
:is(intomade-studio:has(> .generator-ssr-tabs),.generator-directory-fallback) .generator-card .product-preview { height:220px; background:#f2f4f3; }
:is(intomade-studio:has(> .generator-ssr-tabs),.generator-directory-fallback) .generator-card .product-preview img { display:block; width:100%; height:100%; object-fit:contain; }
:is(intomade-studio:has(> .generator-ssr-tabs),.generator-directory-fallback) .generator-card .product-card-copy { min-height:142px; }
:is(intomade-studio:has(> .generator-ssr-tabs),.generator-directory-fallback) .workshop-intro { margin-top:12px; }
:is(intomade-studio:has(> .generator-ssr-tabs),.generator-directory-fallback) .workshop-search input { width:100%; }
.generator-directory-search { display:flex; align-items:flex-end; gap:8px; }
.generator-directory-search .workshop-search { flex:1; min-width:0; }
.generator-directory-search>button { min-height:44px; padding:10px 14px; border:1px solid currentColor; border-radius:8px; background:transparent; color:inherit; font:inherit; font-size:13px; font-weight:600; line-height:1.5; cursor:pointer; }
.generator-search-empty { padding-block:24px; }
.generator-search-empty a { display:inline-flex; align-items:center; min-height:44px; }
[data-project-loading] { padding-block:12px; }
.generator-public-page .workshop-requests { border:1px solid #dce3e7; border-radius:12px; padding:0 20px; }
.generator-public-page .workshop-requests>summary { display:flex; align-items:center; justify-content:space-between; min-height:56px; gap:20px; list-style:none; cursor:pointer; }
.generator-public-page .workshop-requests>summary::-webkit-details-marker { display:none; }
.generator-public-page .workshop-requests>summary::after { content:'+'; font-size:24px; font-weight:400; }
.generator-public-page .workshop-requests[open]>summary::after { content:'−'; }
.generator-public-page intomade-studio :is(button,input,select,textarea,summary,a[href]) { scroll-margin-block:calc(var(--public-header-height,88px) + 72px) 88px; }
.generator-public-page intomade-studio .model-information>summary { min-height:44px; display:flex; align-items:center; }
.generator-public-page intomade-studio .workspace-mobile-switch>button { min-height:44px; }
@media(max-width:900px) { :is(intomade-studio:has(> .generator-ssr-tabs),.generator-directory-fallback) .generator-directory { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:760px) { .generator-public-page[data-generator-client-ready] > .generator-chrome-fallback { height:72px; } }
@media(max-width:760px) { .generator-public-page intomade-studio { min-height:calc(100dvh - 72px); } }
@media(max-width:760px) { .generator-directory-fallback { min-height:calc(100dvh - 72px); } }
@media(max-width:640px) {
  :is(intomade-studio:has(> .generator-ssr-tabs),.generator-directory-fallback) { --public-header-height:72px; }
  intomade-studio .generator-ssr-tabs { height:44px; padding:0 18px; }
  .generator-directory-fallback .generator-ssr-tabs { height:44px; padding:0 18px; }
  .generator-directory-fallback .generator-ssr-tabs .main-nav { gap:16px; }
  :is(intomade-studio:has(> .generator-ssr-tabs),.generator-directory-fallback) .app-body { display:block; }
  :is(intomade-studio:has(> .generator-ssr-tabs),.generator-directory-fallback) .app-body>.app-rail { display:flex; flex-direction:row; position:static; width:auto; max-height:none; height:66px; padding:4px 12px; overflow:auto; border-right:0; border-bottom:1px solid #e4e9ee; }
  :is(intomade-studio:has(> .generator-ssr-tabs),.generator-directory-fallback) .app-body>.app-rail>a { flex:0 0 88px; width:88px; min-height:58px; }
  :is(intomade-studio:has(> .generator-ssr-tabs),.generator-directory-fallback) .main-content { padding:7px 13px 22px; }
  :is(intomade-studio:has(> .generator-ssr-tabs),.generator-directory-fallback) .workshop-intro { grid-template-columns:1fr; }
  :is(intomade-studio:has(> .generator-ssr-tabs),.generator-directory-fallback) .generator-directory { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  :is(intomade-studio:has(> .generator-ssr-tabs),.generator-directory-fallback) .generator-card .product-preview { height:154px; }
  :is(intomade-studio:has(> .generator-ssr-tabs),.generator-directory-fallback) .generator-card .product-card-copy { min-height:136px; }
}