:where(.projects-feature) .pgc-creation-breadcrumbs{flex:none;margin-bottom:12px;font-size:13px}:where(.projects-feature) .pgc-creation-breadcrumbs ol,:where(.projects-feature) .pgc-creation-breadcrumbs li{align-items:center;gap:10px;margin:0;padding:0;line-height:24px;list-style:none;display:flex}:where(.projects-feature) .pgc-creation-breadcrumbs a,:where(.projects-feature) .pgc-creation-breadcrumb-separator{color:var(--lab-text-secondary)}:where(.projects-feature) .pgc-creation-breadcrumbs a:hover{color:var(--lab-accent-ink)}:where(.projects-feature) .pgc-creation-breadcrumbs [aria-current=page]{color:var(--lab-text);font-weight:500}:where(.projects-feature) .pgc-creation-shell .panel-head{flex-wrap:wrap;gap:8px;min-height:58px}:where(.projects-feature) .pgc-creation-shell .remote-artifact-panel>.panel-head{min-height:58px}:where(.projects-feature) .pgc-creation-heading{align-items:center;gap:12px;width:100%;min-width:0;display:flex}:where(.projects-feature) .pgc-creation-heading h1{min-width:0;color:var(--lab-text);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:16px;font-weight:650;line-height:1.5;overflow:hidden}:where(.projects-feature) .pgc-creation-heading .lab-ant-tag-root{flex:none;margin:0}:where(.projects-feature) .pgc-creation-actions{margin-left:auto}:where(.projects-feature) .pgc-creation-shell .artifact-panel.remote-artifact-panel{--loopit-webview-height:clamp(520px, calc(100dvh - 210px), 760px);--loopit-webview-ratio:400 / 640;grid-template-rows:auto auto minmax(160px,1fr)}:where(.projects-feature) .pgc-creation-shell .remote-artifact-panel>.artifact-stage{grid-row:3}:where(.projects-feature) .pgc-creation-shell .remote-version-select{width:min(232px,100%)}:where(.projects-feature) .remote-version-option-label{justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;display:inline-flex}:where(.projects-feature) .remote-version-option-status.lab-ant-tag-root{border-radius:999px;flex:none;margin-inline-end:0;font-size:11px;line-height:18px}:where(body:has(.lab-content.projects-feature)){overflow:hidden}.lab-content:where(.projects-feature).lab-layout-immersive{flex-direction:column;height:calc(100dvh - 56px);padding-block:18px;padding-inline:clamp(20px,2vw,32px);display:flex;overflow:hidden}:where(.projects-feature)>.page-header,:where(.projects-feature)>.inline-alert{flex:none}:where(.projects-feature)>.lab-ant-spin-root{flex:auto;min-height:0}:where(.projects-feature)>.lab-ant-spin-root>.lab-ant-spin-container{height:100%;min-height:0}:where(.projects-feature) .project-remix-meta{flex-wrap:nowrap;align-items:center;gap:6px;min-width:0;max-width:100%;display:inline-flex}:where(.projects-feature) .conversation-layout{grid-template-columns:minmax(0,1fr) minmax(390px,430px);gap:16px;min-height:calc(100vh - 128px);display:grid}:where(.projects-feature) .conversation-panel,:where(.projects-feature) .artifact-panel{border:1px solid var(--lab-border-subtle);background:var(--lab-surface);border-radius:8px;min-width:0;overflow:hidden}:where(.projects-feature) .conversation-panel{flex-direction:column;display:flex}:where(.projects-feature) .project-meta-head{align-items:flex-start;min-height:58px;padding-block:12px}:where(.projects-feature) .project-meta-tags{flex-wrap:wrap;flex:auto;align-items:center;gap:8px;min-width:0;display:flex}:where(.projects-feature) .project-meta-tags .lab-ant-tag-root{align-items:center;margin-inline-end:0;display:inline-flex}:where(.projects-feature) .project-meta-tags .identity-tag{text-overflow:clip;max-width:none;overflow:visible}:where(body:has(.lab-content.projects-feature)) .remix-source-title{border:1px solid var(--lab-border-subtle);background:var(--lab-surface-muted);border-radius:8px;gap:4px;margin:14px 0 18px;padding:10px 12px;display:grid}:where(.projects-feature) .project-id-full{white-space:nowrap;max-width:44%;overflow:auto}:where(.projects-feature) .remote-project-shell{grid-template-rows:auto minmax(0,1fr);gap:10px;height:100%;min-height:0;display:grid}:where(.projects-feature) .remote-project-shell>.remote-project-layout:only-child{grid-row:1/-1}:where(.projects-feature) .remote-project-context{border:1px solid var(--lab-border-subtle);background:var(--lab-surface);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(300px,auto);align-items:center;gap:12px;padding:10px 14px;display:grid}:where(.projects-feature) .remote-project-context .project-id-full{white-space:normal;word-break:break-all;justify-self:end;max-width:none;overflow:visible}:where(.projects-feature) .remote-project-layout{grid-template-columns:minmax(0,1fr) minmax(340px,430px);align-items:start;height:100%;min-height:0;overflow:hidden}:where(.projects-feature) .remote-project-layout.conversation-layout{height:100%;min-height:0}:where(.projects-feature) .remote-conversation-panel{grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;max-height:100%;display:grid}:where(.projects-feature) .artifact-panel.remote-artifact-panel{grid-template-rows:auto auto minmax(160px,1fr) auto;height:100%;min-height:0;max-height:100%;display:grid;position:sticky;top:72px;overflow:hidden auto}:where(.projects-feature) .remote-artifact-panel>.panel-head{min-height:48px}:where(.projects-feature) .remote-panel-title{align-items:center;gap:8px;min-width:0;display:inline-flex}:where(.projects-feature) .remote-panel-title>svg{flex:none;display:block}:where(.projects-feature) .artifact-panel-head{padding-right:10px}:where(.projects-feature) .remote-version-fork-button{color:var(--lab-text-secondary)}:where(.projects-feature) .remote-version-fork-button:not(:disabled):hover{background:var(--lab-surface-muted);color:var(--lab-text)}:where(.projects-feature) .remote-artifact-panel .remote-version-list{height:100%}:where(.projects-feature) .artifact-panel{flex-direction:column;display:flex}:where(.projects-feature) .selected-version{cursor:pointer;padding-inline:16px!important}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .risk-note{border:1px solid var(--lab-warning);background:var(--lab-warning-soft);color:var(--lab-warning);border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:14px;padding:10px 12px;font-size:13px;line-height:1.6;display:flex}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .risk-note.historical{border-color:var(--lab-info);background:var(--lab-info-soft);color:var(--lab-info)}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .publish-cover{border:1px solid var(--lab-border-subtle);background:var(--lab-surface-muted);border-radius:8px;margin-bottom:18px;overflow:hidden}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .publish-target-options{gap:10px;width:100%;display:grid}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .publish-hashtag-input{gap:6px;display:grid}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .publish-hashtag-input .lab-ant-select-root,:where(.publish-project-drawer) .publish-preset-tag-select{width:100%}:where(.publish-project-drawer:not(.is-pgc-workbench)) .publish-preset-tag-select .lab-ant-select-content{min-height:40px;padding-block:3px}:where(.publish-project-drawer) .lab-ant-drawer-body:has(.drawer-footer){flex-direction:column;padding-bottom:24px;display:flex}:where(.publish-project-drawer) .lab-ant-drawer-body>.lab-ant-form-root{flex-direction:column;flex:1;min-height:0;display:flex}:where(.publish-project-drawer) .drawer-footer{margin-top:auto}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .publish-hashtag-guidance{font-size:12px}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .publish-target-head{justify-content:space-between;align-items:center;gap:8px;display:flex}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .publish-target-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .publish-target-option{border:1px solid var(--lab-border-subtle);background:var(--lab-surface);border-radius:10px;align-items:flex-start;gap:10px;min-width:0;height:100%;min-height:88px;padding:14px 16px;transition:border-color .16s,background .16s,box-shadow .16s;display:flex}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .publish-target-option:has(input:checked){border-color:var(--lab-focus-ring);background:var(--lab-accent-soft);box-shadow:0 0 0 2px color-mix(in srgb, var(--lab-accent-base) 18%, transparent)}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .publish-target-option.is-selected{border-color:var(--lab-focus-ring);background:var(--lab-accent-soft);box-shadow:0 0 0 2px color-mix(in srgb, var(--lab-accent-base) 18%, transparent)}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .publish-target-option .lab-ant-checkbox-icon{margin-top:3px}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .publish-target-copy{gap:4px;min-width:0;display:grid}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .publish-target-title{align-items:center;gap:6px;min-width:0;display:flex}:where(.publish-project-drawer) .publish-fixed-version{border:1px solid var(--lab-border-subtle);background:var(--lab-surface-muted);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:10px 12px;display:flex}:where(.publish-project-drawer.is-pgc-workbench) .publish-fixed-version{min-height:32px;padding:3px 11px}:where(.publish-project-drawer) .publish-fixed-version-field{margin-bottom:18px}:where(.publish-project-drawer) .publish-fixed-version-copy{align-items:baseline;gap:8px;min-width:0;display:flex}:where(.publish-project-drawer) .external-publish-primary-fields{min-width:0}:where(.publish-project-drawer) .publish-fixed-target{gap:10px;margin-bottom:24px;display:grid}:where(.publish-project-drawer) .publish-fixed-target .publish-target-option{min-height:88px}:where(.publish-project-drawer) .publish-fixed-target-check{color:var(--lab-accent-base);flex:none;margin-top:2px}:where(body:has(.lab-content.projects-feature)) .playground-remix-relation{vertical-align:middle}:where(body:has(.lab-content.projects-feature)) .playground-detail-summary .feed-card-prompt p,:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .external-publish-prompt p{-webkit-line-clamp:unset;white-space:pre-wrap;overflow-wrap:anywhere;display:block;overflow:visible}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .external-publish-prompt{margin-bottom:18px}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .external-publish-first-prompt{border:1px solid var(--lab-border-subtle);background:var(--lab-surface-muted);border-radius:10px;padding:12px 14px}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .external-publish-prompt-head{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .external-publish-prompt-toggle{flex:none;height:28px;margin:-4px -6px -4px 0;padding-inline:6px;font-size:12px}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .external-publish-first-prompt p{color:var(--lab-text);margin:8px 0 0;line-height:1.65}:where(body:has(.lab-content.projects-feature)) .external-project-result{border:1px solid var(--lab-border-subtle);background:var(--lab-surface-muted);border-radius:8px;overflow:hidden}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .external-publish-cover{margin:12px 0 18px;display:inline-flex}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .external-publish-cover-preview{border:1px solid color-mix(in srgb, var(--lab-border-strong) 72%, transparent);background:var(--lab-media-canvas);width:104px;box-shadow:0 5px 16px var(--lab-shadow-color);border-radius:12px;transition:border-color .16s,box-shadow .16s,transform .16s;position:relative;overflow:hidden}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .external-publish-cover-preview:hover{border-color:color-mix(in srgb, var(--lab-accent-base) 44%, var(--lab-border-strong));box-shadow:var(--lab-shadow-popover);transform:translateY(-1px)}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .external-publish-cover-image,:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .external-publish-cover-empty{width:104px;height:auto;aspect-ratio:var(--loopit-webview-ratio);border-radius:11px;display:block}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .external-publish-cover-image{object-fit:cover;background:var(--lab-media-canvas)}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .external-publish-cover-empty{color:var(--lab-text-secondary);background:linear-gradient(145deg, color-mix(in srgb, var(--lab-accent-base) 7%, transparent), transparent 54%), var(--lab-media-canvas);place-content:center;justify-items:center;gap:7px;font-size:12px;display:grid}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .external-publish-cover-uploading{color:var(--lab-media-text);background:var(--lab-media-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:3;place-items:center;font-size:12px;font-weight:600;display:grid;position:absolute;inset:0}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .external-publish-cover-change,:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .external-publish-cover-reset{border:1px solid color-mix(in srgb, var(--lab-media-text) 34%, transparent);color:var(--lab-media-text);background:var(--lab-media-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;justify-content:center;align-items:center;transition:background-color .15s,border-color .15s,transform .15s;display:flex;position:absolute}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .external-publish-cover-change{border-radius:8px;gap:5px;height:29px;font-size:12px;font-weight:600;bottom:7px;left:7px;right:7px}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .external-publish-cover-reset{border-radius:50%;width:28px;height:28px;padding:0;top:7px;right:7px}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .external-publish-cover-change:hover,:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .external-publish-cover-reset:hover{border-color:color-mix(in srgb, var(--lab-media-text) 56%, transparent);background:color-mix(in srgb, var(--lab-media-overlay) 86%, var(--lab-media-canvas))}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .external-publish-cover-change:focus-visible,:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .external-publish-cover-reset:focus-visible{outline:2px solid color-mix(in srgb, var(--lab-accent-base) 72%, white);outline-offset:2px}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .external-publish-cover-change:active,:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .external-publish-cover-reset:active{transform:scale(.97)}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .external-publish-cover-change:disabled,:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .external-publish-cover-reset:disabled{cursor:not-allowed;opacity:.62}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .external-publish-cover-input{display:none}:where(body:has(.lab-content.projects-feature)) .external-project-result{grid-template-columns:minmax(0,1fr) 104px;align-items:center;gap:14px;margin:6px 0 18px;padding:12px;display:grid}:where(body:has(.lab-content.projects-feature)) .external-project-cover-image{width:104px;height:auto;aspect-ratio:var(--loopit-webview-ratio);object-fit:contain;background:var(--lab-media-canvas);border-radius:7px}@media (min-width:1101px){:where(.projects-feature) .remote-artifact-panel .artifact-stage{min-height:0;overflow:hidden}:where(.projects-feature) .remote-artifact-panel .phone-preview-frame{width:auto;height:min(100%, var(--loopit-webview-height));min-height:160px;max-height:100%}}:where(.projects-feature) .remote-artifact-panel .artifact-stage-real{background:var(--lab-surface-muted);place-items:start center;padding:18px}:where(.projects-feature) .remote-artifact-panel .phone-preview-frame{border:1px solid var(--lab-border);box-shadow:0 8px 24px var(--lab-shadow-color)}@media (min-width:1440px){:where(.projects-feature) .conversation-layout{grid-template-columns:minmax(0,1fr) minmax(430px,520px);gap:20px}:where(.projects-feature) .remote-project-layout{grid-template-columns:minmax(0,1fr) minmax(380px,440px)}:where(.projects-feature) .pgc-creation-shell .remote-project-layout{grid-template-columns:minmax(0,1fr) minmax(440px,520px)}}@media (min-width:1800px){:where(.projects-feature) .conversation-layout{grid-template-columns:minmax(0,1fr) minmax(480px,600px)}:where(.projects-feature) .remote-project-layout{grid-template-columns:minmax(0,1fr) minmax(400px,460px)}:where(.projects-feature) .pgc-creation-shell .remote-project-layout{grid-template-columns:minmax(0,1fr) minmax(480px,540px)}}@media (min-width:1101px) and (max-height:780px){:where(.projects-feature).lab-content.lab-layout-immersive{padding-block:12px}:where(.projects-feature) .remote-project-shell{gap:8px}:where(.projects-feature) .remote-project-context{padding:8px 12px}:where(.projects-feature) .artifact-panel.remote-artifact-panel{grid-template-rows:44px auto minmax(160px,1fr) auto}:where(.projects-feature) .remote-artifact-panel>.panel-head{min-height:44px}}@media (max-width:1100px){:where(.projects-feature) .pgc-creation-shell .artifact-panel.remote-artifact-panel{grid-template-rows:auto auto auto;height:auto;max-height:none}:where(body:has(.lab-content.projects-feature)){overflow:auto}:where(.projects-feature) .conversation-layout,:where(.projects-feature) .remote-project-context{grid-template-columns:1fr}:where(.projects-feature) .remote-project-context .project-id-full{justify-self:start}:where(.projects-feature) .remote-conversation-panel{height:clamp(520px,100dvh - 88px,820px);max-height:clamp(520px,100dvh - 88px,820px)}:where(.projects-feature) .remote-artifact-panel{height:auto;max-height:none;position:static}.lab-content:where(.projects-feature).lab-layout-immersive{height:auto;min-height:calc(100dvh - 56px);display:block;overflow:visible}:where(.projects-feature)>.lab-ant-spin-root>.lab-ant-spin-container,:where(.projects-feature) .remote-project-shell,:where(.projects-feature) .remote-project-layout,:where(.projects-feature) .remote-project-layout.conversation-layout{height:auto}:where(.projects-feature) .remote-project-layout{overflow:visible}}@media (min-width:761px) and (max-width:1100px){:where(.projects-feature) .pgc-creation-shell .remote-project-layout{grid-template-columns:minmax(340px,.9fr) minmax(360px,1.1fr);align-items:stretch}:where(.projects-feature) .pgc-creation-shell .remote-artifact-panel{align-self:stretch}}@media (max-width:760px){.lab-content:where(.projects-feature).lab-layout-immersive{padding:14px}:where(.projects-feature) .remote-conversation-panel{height:clamp(480px,100dvh - 72px,760px);max-height:clamp(480px,100dvh - 72px,760px)}:where(.projects-feature) .project-meta-head{flex-direction:column;align-items:flex-start}:where(.projects-feature) .project-id-full{max-width:100%}:where(body:has(.lab-content.projects-feature),.publish-project-drawer) .publish-target-list{grid-template-columns:1fr}}@media (min-width:561px) and (max-width:760px){:where(.projects-feature) .pgc-creation-shell .remote-project-layout{grid-template-columns:minmax(220px,.8fr) minmax(280px,1.2fr);align-items:stretch}:where(.projects-feature) .pgc-creation-shell .remote-artifact-panel{align-self:stretch}}
