:root{--font-ui:"Golos Text", Arial, sans-serif;--type-caption:.75rem;--type-label:.875rem;--type-body:1rem;--type-title:1.125rem;--type-heading:1.5rem;--leading-body:1.5;--leading-heading:1.3}body{font-family:var(--font-ui)}h1,h2,h3{letter-spacing:-.02em}h3{letter-spacing:-.01em}strong,b{font-weight:600}.button{line-height:var(--leading-body)}.input{font-size:var(--type-body);line-height:var(--leading-body)}.input::placeholder{color:var(--muted);opacity:1}.field>:is(label,.field-label-row){font-size:var(--type-label);line-height:var(--leading-body);font-weight:500}.field-hint,.field-error{font-size:var(--type-label);line-height:var(--leading-body)}.editor-start-heading h2{letter-spacing:-.025em;font-size:clamp(2rem,1.5rem + 1.4vw,2.5rem);line-height:1.2}.editor-start-heading p{font-size:var(--type-body);max-width:42ch;margin-top:10px;line-height:1.6}.generation-picker-title h3,.generation-brief-title h3{font-size:var(--type-title);line-height:var(--leading-heading);letter-spacing:-.01em;font-weight:600}.social-brief-section-heading h4{font-size:var(--type-body);line-height:var(--leading-heading);font-weight:600}.social-series-frames h5,.social-brandbook-heading strong{font-size:var(--type-label);line-height:var(--leading-body);font-weight:600}.social-series-frames legend{font-size:var(--type-label);line-height:var(--leading-body)}.generation-step{font-size:var(--type-caption);font-variant-numeric:tabular-nums;width:1.75rem;height:1.75rem;font-weight:500}.editor-start .field>:is(label,.field-label-row){font-size:var(--type-label);line-height:var(--leading-body);margin-bottom:8px;font-weight:500}.editor-start .input,.editor-start-generation textarea,.generation-workflow-fields .select-trigger{font-size:var(--type-body);line-height:var(--leading-body);letter-spacing:normal}.editor-start .field-hint{font-size:var(--type-caption);line-height:1.6}.generation-workflow-fields{row-gap:18px}.social-brief-section{padding:18px}.social-brief-section-heading{margin-bottom:18px}.social-brief-section-heading p,.social-series-frames>p,.social-brandbook p{font-size:var(--type-label);max-width:60ch;margin-top:6px;line-height:1.6}.social-optional-disclosure>summary>div,.social-series-frames>summary>div{min-width:0}.social-optional-disclosure>summary p{overflow-wrap:anywhere}.social-series-frames>summary span,.social-brandbook small,.social-brandbook-heading>span,.social-fixed-ratio{font-size:var(--type-caption);line-height:1.5}.social-brandbook-upload strong,.social-brandbook-file strong{font-size:var(--type-label);line-height:1.5}.social-series-mode .generation-ratios button{white-space:normal;overflow-wrap:anywhere}.social-brief-section{overflow-wrap:anywhere}.social-brandbook,.social-brandbook-upload>span{min-width:0}.social-brandbook-heading{flex-wrap:wrap}.social-brandbook-upload{padding:12px}.social-brandbook-upload>svg{flex-shrink:0}.generation-ratios{flex-wrap:wrap}.generation-ratios button,.generation-groups button,.generation-tool-label{font-size:var(--type-label);font-weight:500;line-height:1.5}.generation-ratios button{font-variant-numeric:tabular-nums;min-width:3.5rem}.generation-tool-label{align-items:baseline}.editor-start .select-trigger{gap:8px;min-height:3rem}.editor-start .select-trigger>span,.editor-start .select-value>span:last-child{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;overflow:visible}.select-dropdown{max-width:calc(100vw - 24px)}.select-dropdown .select-value>span:last-child,.select-dropdown .select-option>span{white-space:normal;overflow-wrap:anywhere}.select-dropdown .select-option{font-size:var(--type-label);line-height:1.5}.select-group-label{font-size:var(--type-caption);letter-spacing:.01em}.generation-details summary,.generation-notes summary,.generation-model-details>summary,.editor-start-generation .editor-reference-button,.generation-use-example{font-size:var(--type-label);line-height:1.5}.editor-start-generation .editor-reference-button{white-space:normal;overflow-wrap:anywhere;max-width:100%;height:auto;min-height:40px;color:var(--text);font-weight:500}.generation-model-details>summary{flex-wrap:wrap}summary.workflow-disclosure-toggle{border:1px solid var(--input-border);background:var(--sage-soft);min-height:48px;color:var(--text);font-size:var(--type-label);cursor:pointer;overflow-wrap:anywhere;border-radius:10px;padding:12px 14px;font-weight:600;line-height:1.5}summary.workflow-disclosure-toggle strong{font-size:inherit;font-weight:inherit}summary.workflow-disclosure-toggle small{color:var(--muted);font-size:var(--type-caption);opacity:1;font-weight:400}summary.workflow-disclosure-toggle>svg{color:var(--text);flex-shrink:0}summary.workflow-disclosure-toggle:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}details[open]>summary.workflow-disclosure-toggle{background:var(--surface-soft);margin-bottom:12px}@media (hover:hover) and (pointer:fine){summary.workflow-disclosure-toggle:hover{border-color:var(--accent-text)}}.generation-model-details>summary small,.generation-model-mode,.editor-start-generation .editor-reference-heading,.generation-example-heading,.generation-example-heading>span:last-child,.generation-example-panel>small,.generation-source-guide,.editor-start-upload small,.generation-privacy-row small{font-size:var(--type-caption);line-height:1.5}.generation-privacy-row>div>span{font-size:var(--type-label);font-weight:500;line-height:1.5}.generation-example-panel p{font-size:var(--type-label);line-height:1.6}.generation-use-example{white-space:normal;min-height:40px}.editor-start-generation .editor-generate{font-size:var(--type-body);white-space:normal;min-height:48px;line-height:1.5}.social-frame-role{color:var(--muted);font-size:var(--type-caption);margin-left:6px;font-weight:400}.social-series-status{font-size:var(--type-label);overflow-wrap:anywhere;color:var(--text);margin:0;padding:0 16px 12px;line-height:1.5}.editor-dock .field>label,.editor-dock .field-label-row,.editor-dock .select-trigger,.editor-section-toggle>span,.editor-settings-summary strong,.editor-add-image{font-size:var(--type-label);line-height:var(--leading-body)}.editor-dock .field-hint,.editor-dock .field-error,.editor-settings-summary small,.editor-section-toggle>small,.editor-cost,.ad-field-counter,.editor-image-meta,.editor-save-status{font-size:var(--type-caption);line-height:var(--leading-body)}.editor-dock .input{font-size:var(--type-label);line-height:var(--leading-body)}.editor-settings-summary{min-height:44px}.gallery-generation-info{font-size:var(--type-label);line-height:var(--leading-body);gap:20px;display:grid}.gallery-recipe-details{border-block:1px solid var(--border)}.gallery-recipe-details>summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:500}.gallery-recipe-details[open]>dl{padding-bottom:16px}@media (min-width:761px){.project-card-heading:has(+.project-card-footer){margin-bottom:24px}}.image-edit-layers .generative-layers{border-top:0;margin:0;padding:8px 12px 12px}.image-edit-layers .generative-layer{font-size:var(--type-label)}.image-edit-layers .generative-layer button{min-width:44px;min-height:44px}@media (max-width:760px){.social-brief-section{padding:12px}.generation-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.generation-groups button{font-size:var(--type-caption)}.generation-tool-label{font-size:var(--type-caption);flex-wrap:wrap}.generation-example-panel{grid-template-columns:80px minmax(0,1fr);gap:8px 12px}.generation-example-heading,.generation-source-guide{flex-wrap:wrap}.generation-use-example{justify-self:stretch}}
:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--mobile-nav-height:calc(3.5rem + var(--safe-bottom))}.project-mobile-thumbnail,.generation-example-toggle,.mobile-navigation,.mobile-editor-navigation,.mobile-selection-edit{display:none}.editor-reference-entry{border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:flex-start;gap:12px;margin-block:4px 14px;padding:14px 16px;display:flex}.editor-reference-entry.is-dragging{border-color:var(--accent);background:var(--surface)}.editor-reference-label,.editor-reference-label>span{align-items:center;gap:8px;display:flex}.editor-reference-label{color:var(--text);font-size:var(--type-label);margin-inline:-17px}.editor-reference-preview{border:1px dashed var(--muted);background:var(--surface);width:112px;max-width:100%;height:112px;color:var(--text);cursor:pointer;border-radius:12px;place-items:center;padding:16px;display:grid}.editor-reference-preview:hover:not(:disabled),.editor-reference-entry.is-dragging .editor-reference-preview{border-color:var(--accent);color:var(--accent-text)}.editor-reference-preview:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.editor-reference-preview:disabled{opacity:.45;cursor:not-allowed}.editor-reference-drop-hint{color:var(--muted);font-size:var(--type-caption);line-height:1.5}.editor-reference-entry .editor-reference-grid{flex-wrap:wrap;align-items:flex-start;gap:12px;width:100%;margin:0;display:flex}.editor-reference-entry .editor-reference-grid .editor-reference-tile{flex:0 0 112px;width:112px;height:112px;position:relative}.editor-reference-grid .editor-reference-preview{border:1px dashed var(--muted);border-radius:12px;flex:0 0 112px;width:112px;height:112px;position:static}.editor-reference-grid .editor-reference-image{border-style:solid;border-color:var(--border);padding:0;overflow:hidden}.editor-reference-image img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.editor-reference-grid .editor-reference-remove{width:32px;height:32px;top:4px;right:4px;box-shadow:0 1px 6px #0003}.editor-reference-grid .editor-reference-remove:disabled{opacity:.45}.dialog:has(>.editor-reference-full-image){width:100%;height:100dvh;max-height:100dvh;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);border-radius:0;flex-direction:column;display:flex;inset:0;overflow:hidden;transform:none}.dialog:has(>.editor-reference-full-image) .dialog-header{flex-shrink:0;padding:12px 16px}.editor-reference-full-image{flex:1;justify-content:center;align-items:center;min-height:0;padding:12px 16px;display:flex}.editor-reference-full-image img{object-fit:contain;width:100%;height:100%;display:block}.generation-example-disclosure,.generation-example-content{display:contents}.install-app{align-items:flex-start;gap:16px;display:flex}.install-app>svg{color:var(--accent-text);flex-shrink:0}.install-app>div{min-width:0}.install-app p{margin-block:12px;line-height:1.6}.install-app small{margin-top:14px;display:block}.install-instructions{background:var(--surface-soft);border-radius:12px;padding:14px}.connection-status{z-index:75;background:var(--surface);width:max-content;max-width:calc(100% - 32px);color:var(--text);border:1px solid var(--border);pointer-events:none;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:.875rem;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0002}.connection-status svg{flex-shrink:0}@media (max-width:760px),(max-width:1024px) and (max-height:500px) and (pointer:coarse){:root{--font-body:.875rem;--font-secondary:.8125rem;--type-body:.875rem;--type-label:.8125rem;--type-title:1rem;--type-heading:1.25rem}h1{font-size:var(--type-heading);line-height:1.3}h2{font-size:1.125rem;line-height:1.35}h3{font-size:.9375rem;line-height:1.4}html{scroll-padding-block:80px calc(var(--mobile-nav-height) + 24px)}body{-webkit-text-size-adjust:100%}button,a,summary,label{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}body input:not([type=checkbox]):not([type=radio]):not([type=range]),body textarea,body textarea.input,body select,body .select-trigger,.editor-start .input,.editor-start-generation textarea,.generation-workflow-fields .select-trigger,.image-edit-panel textarea,.editor-generation-settings .select-trigger,.product-design-fields .select-trigger{font-size:1rem}.social-workflow-fields .select-trigger:has(.social-style-thumbnail){font-size:1rem}body input::placeholder,body textarea::placeholder{font-size:.875rem}.button,.icon-button,.select-trigger,.dropdown-item{min-height:44px}.icon-button{min-width:44px}.input:not(textarea){min-height:44px}.field,.settings-panel,.profile-summary>div{min-width:0}.field-label{line-height:1.5}.select-trigger>span,.editor-start .select-trigger>span,.editor-start .select-value>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.select-trigger>svg,.select-value>:not(span:last-child){flex-shrink:0}.select-trigger[data-state=open]{border-color:var(--input-border)}.app-shell:not(.editor-shell){--mobile-nav-height:calc(80px + var(--safe-bottom));padding-bottom:var(--mobile-nav-height)}.app-shell:not(.editor-shell) .topbar{height:auto;min-height:calc(56px + var(--safe-top));padding:var(--safe-top) max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));z-index:40;position:sticky;top:0}.topbar-inner{gap:12px;width:100%;min-height:56px;padding:0;display:flex}.topbar-workspace{flex:1;gap:12px;min-width:0;display:flex}.topbar .brand{flex-shrink:0;width:110px}.workspace-switcher{flex:0 0 44px;justify-content:center;width:44px;height:44px;margin:0 0 0 auto;padding:0}.workspace-switcher span,.workspace-switcher-chevron,.topbar-right,.header-navigation,.topbar .profile-button,.topbar .theme-toggle,.topbar .mobile-menu-trigger{display:none}.app-shell:not(.editor-shell) .main-content{padding:16px max(16px, env(safe-area-inset-right)) 20px max(16px, env(safe-area-inset-left))}.mobile-editor-navigation{bottom:0;z-index:50;min-height:var(--mobile-nav-height);padding:4px max(8px, env(safe-area-inset-right)) var(--safe-bottom) max(8px, env(safe-area-inset-left));background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;inset-inline:0;box-shadow:0 -4px 24px #00000006}.mobile-editor-navigation>button{min-width:0;min-height:48px;color:var(--muted);font-size:var(--type-caption);background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px;font-weight:500;text-decoration:none;display:flex}.mobile-editor-navigation>[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text)}.mobile-editor-navigation span{overflow-wrap:anywhere;max-width:100%;line-height:1.2}.mobile-navigation{z-index:60;bottom:calc(8px + var(--safe-bottom));inset-inline:max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right));border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:999px;align-items:center;gap:4px;max-width:440px;margin-inline:auto;padding:6px;display:flex;position:fixed;box-shadow:0 8px 32px #00000012,0 2px 6px #00000006}.mobile-navigation>a,.mobile-navigation>button{min-width:44px;min-height:48px;color:var(--muted);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;padding:8px;font-size:.8125rem;font-weight:600;text-decoration:none;transition:flex-grow .24s,background-color .2s,color .2s;display:flex}.mobile-navigation>[aria-current=page]{background:var(--accent-soft);color:var(--accent-text);flex-grow:2.3}.mobile-navigation svg{stroke-width:1.8px;flex-shrink:0}.mobile-navigation .avatar{width:22px;height:22px;font-size:var(--font-caption)}.mobile-navigation-label{opacity:0;white-space:nowrap;max-width:0;margin-inline-start:0;line-height:1.2;transition:max-width .24s,margin-inline-start .24s,opacity .18s;overflow:hidden}.mobile-navigation>[aria-current=page] .mobile-navigation-label{opacity:1;max-width:6rem;margin-inline-start:8px}.mobile-navigation>:focus-visible,.mobile-editor-navigation>:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px}.dropdown{max-height:min(70dvh, var(--radix-dropdown-menu-content-available-height));overscroll-behavior:contain;border-radius:14px;padding:6px;overflow-y:auto}.dropdown-item{padding:12px;font-size:.875rem}.page-title-row{flex-wrap:wrap}.page-title-row>.button{width:auto}.projects-toolbar,.toolbar-controls{gap:12px}.toolbar-controls{flex-wrap:wrap}.project-group-filter{min-width:0;max-width:100%}.project-group-filter .select-trigger{width:100%}.settings-save{flex-wrap:wrap}.settings-save .button{flex:auto}.profile-summary{flex-wrap:wrap}.profile-summary p{overflow-wrap:anywhere}.install-app{flex-direction:column}.install-app .button{width:100%}.toast,.connection-status{bottom:calc(var(--mobile-nav-height) + 12px);max-width:calc(100% - 24px)}.toast button{min-width:44px;min-height:44px}.button{white-space:normal;border-radius:9px;max-width:100%;padding:8px 12px;font-size:.8125rem}.input{padding:9px 11px}.field{margin-bottom:14px}.field>:is(label,.field-label-row){margin-bottom:6px;font-size:.8125rem}.field-hint,.field-error{margin-top:5px;font-size:.75rem;line-height:1.45}.page-title-row{gap:12px;margin-bottom:16px}.page-title-row h1{font-size:1.25rem;line-height:1.25}.page-subtitle{margin-top:6px;font-size:.8125rem;line-height:1.5}.page-back-link{min-height:44px;margin-bottom:8px}.section-heading{margin-bottom:12px}.section-heading h2,.settings-panel>h2{font-size:1.0625rem}.settings-panel{border-radius:10px;margin-bottom:12px;padding:16px}.settings-panel>.muted,.settings-panel p{font-size:.8125rem;line-height:1.55}.profile-summary{gap:10px}.avatar-large{width:36px;height:36px;font-size:.9375rem}.profile-summary strong{font-size:.875rem}.theme-fieldset{margin-bottom:16px}.theme-fieldset legend{margin-bottom:8px;font-size:.8125rem}.theme-options{gap:6px}.theme-preview{gap:4px;height:36px;margin-bottom:4px;padding:5px}.theme-option>span:last-child{flex-wrap:wrap;gap:4px;font-size:.75rem}.checkbox-row{gap:10px;min-height:44px}.checkbox-row strong{font-size:.8125rem}.settings-save{margin-top:16px;padding-top:12px}.install-app{gap:10px}.install-app h2{font-size:1.0625rem}.install-app p{margin-block:8px}.install-instructions{padding:10px}.projects-heading{flex-flow:row;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.projects-heading>div{flex:1;min-width:0}.projects-heading h1{font-size:1.25rem}.projects-heading>.button{flex-shrink:0}.projects-heading .page-subtitle{margin-top:4px;font-size:.75rem}.projects-create-label{display:none}.projects-workspace{box-shadow:none;background:0 0;border:0;padding:0}.projects-toolbar{gap:8px;margin-bottom:12px}.project-tabs{gap:20px;width:100%}.project-tabs button{min-height:44px;font-size:.8125rem}.toolbar-controls{grid-template-columns:minmax(0,1fr) 44px;gap:8px;width:100%;display:grid}.project-group-filter{grid-column:1/-1;width:100%}.project-group-filter .select-trigger{min-height:44px;font-size:.8125rem}.toolbar-controls .search-input{width:auto;min-width:0}.toolbar-controls .view-options-trigger{width:44px;height:44px;padding:0}.view-options-trigger>span{display:none}.projects-grid{grid-template-columns:minmax(0,1fr);gap:8px}.project-card,.project-card-expanded{border-radius:12px;display:block}.project-card-main,.project-card-expanded .project-card-main,.project-card-list .project-card-main,:root[data-density=compact] .project-card-main{flex-direction:column;height:auto;padding:12px;display:flex}.project-card-heading,.project-card-list .project-card-heading{gap:10px;width:100%}.project-icon,.project-card-expanded .project-icon{border-radius:9px;width:48px;height:48px;position:relative;overflow:hidden}.project-mobile-thumbnail{display:block;position:absolute;inset:0}.project-mobile-thumbnail img{object-fit:cover;width:100%;height:100%}.project-card-title,.project-card-expanded .project-card-title{font-size:.9375rem;line-height:1.35}.project-card .generation-group-badge{font-size:var(--type-caption);background:0 0;margin-top:4px;padding:0 8px;display:inline-block}.project-card-status{margin-top:3px;font-size:.75rem}.project-card-description,.project-card-expanded .project-card-description,.project-card-list .project-card-description{-webkit-line-clamp:1;margin:6px 0 0 58px;font-size:.75rem;line-height:1.45;display:-webkit-box}.project-card-description.is-placeholder,.project-card-cover,.project-brief-preview{display:none}.project-card-footer,.project-card-list .project-card-footer{font-size:var(--type-caption);border:0;margin:4px 0 0 58px;padding:0;display:block}.project-card-open{display:none}.generation-group-badge{font-size:var(--type-caption)}.empty-state h2{font-size:1rem;line-height:1.4}.empty-state p,.error-state{font-size:.8125rem;line-height:1.5}.portrait-intro h2,.portrait-compact-title h2{font-size:1.125rem;line-height:1.35}.editor-start-generation .editor-generate{font-size:.875rem}.project-empty{min-height:200px;padding:20px}.project-empty h2{font-size:1.25rem}.project-empty p{margin:10px 0 16px;font-size:.8125rem;line-height:1.5}.project-view-options{gap:10px;margin-bottom:16px;padding:10px}.gallery-heading{margin-bottom:8px}.gallery-heading h1{font-size:1.25rem}.gallery-heading .page-subtitle{margin-top:4px;font-size:.75rem}.gallery-group-tabs{scrollbar-width:none;flex-wrap:nowrap;gap:6px;margin-bottom:12px;padding-bottom:0;overflow-x:auto}.gallery-group-tabs button{white-space:nowrap;flex-shrink:0;min-height:44px;padding:8px 12px;font-size:.75rem}.gallery-collections{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.gallery-group-section,.gallery-grid{display:contents}.gallery-group-heading,.gallery-card-caption{display:none}.gallery-card{border:0;border-radius:8px}.gallery-image{aspect-ratio:1;min-height:44px;overflow:hidden}.gallery-image img{object-fit:cover}.gallery-image-error{gap:0;padding:8px}.gallery-image .gallery-image-error span{display:none}.gallery-preview{padding:8px 12px 12px}.gallery-preview img{max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 240px);object-fit:contain}.dialog:has(.gallery-preview) .dialog-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.gallery-workspace>.empty-state{min-height:200px}.billing-overview,.billing-details{gap:12px;margin-bottom:20px}.balance-card,.subscription-card{padding:16px}.balance-value strong{margin-block:8px;font-size:1.5rem}.subscription-card h2{font-size:1.0625rem}.plan-grid{gap:10px}.plan-card{padding:16px}.plan-heading h3{font-size:1.125rem}.plan-rate strong{font-size:1.25rem}.plan-card ul{gap:8px;margin-block:12px;font-size:.8125rem}.help-intro,.help-status,.help-steps article{padding:16px}.help-intro h2,.help-status h2{font-size:1.125rem}.help-steps{gap:10px;margin-block:16px}.help-steps h3{font-size:1rem}.help-steps p,.help-intro p,.help-status p{font-size:.8125rem;line-height:1.55}.mobile-navigation svg,.mobile-editor-navigation svg{width:20px;height:20px}.login-form-panel{padding:16px 20px}.login-form-wrap{padding:12px 0}.login-form-wrap h2{font-size:1.25rem;line-height:1.25}.login-form-wrap>p{margin-bottom:16px;font-size:.8125rem}.login-form-wrap .field{margin-bottom:12px}.login-form-wrap .input,.login-form-wrap .button{min-height:44px}.login-footer{padding-top:12px;font-size:.75rem}.dialog{width:100%;max-width:none;max-height:calc(100dvh - var(--safe-top) - 12px);padding-bottom:var(--safe-bottom);overscroll-behavior:contain;border-radius:16px 16px 0 0;scroll-padding-block:100px;top:auto;bottom:0;left:0;transform:none}.dialog-header{z-index:3;background:var(--surface);padding:14px 16px 12px;position:sticky;top:0}.dialog-header>div{min-width:0}.dialog-header>.button{flex-shrink:0;margin:-6px -4px 0 0}.dialog-header-actions{gap:0;margin:-6px -4px 0 0}.dialog-title{font-size:1.0625rem}.dialog-body{padding:14px 16px}.dialog-footer{z-index:2;background:var(--surface);flex-wrap:wrap;gap:8px;padding:10px 16px;position:sticky;bottom:0}.dialog-footer>.button{flex:auto}.editor-heading{top:calc(var(--safe-top) + 8px);left:max(8px, env(safe-area-inset-left));gap:4px;padding:0}.editor-heading h1{max-width:26vw;font-size:.8125rem}.editor-heading .page-back-link,.editor-heading .button-secondary{min-width:44px;min-height:44px}.editor-top-controls{top:calc(var(--safe-top) + 8px);right:max(8px, env(safe-area-inset-right));gap:8px}.editor-tools-slot{top:calc(var(--safe-top) + 60px);left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));position:fixed}.editor-view-controls{box-sizing:border-box;justify-content:flex-start;gap:4px;width:100%;max-width:calc(100vw - 16px);height:54px;padding:4px 8px;overflow-x:auto}.editor-view-controls .button{min-width:44px;height:44px;min-height:44px}.editor-view-controls .editor-zoom{flex-shrink:0}.editor-view-controls .editor-visibility-toggle{display:none}.project-editor:has(.mobile-editor-navigation) .editor-workspace{bottom:var(--mobile-nav-height)}.mobile-editor-navigation{grid-template-columns:minmax(0,1fr) 1px repeat(2,minmax(0,1fr));column-gap:6px}.mobile-editor-divider{background:var(--border);align-self:center;width:1px;height:28px}.project-editor .canvas-selection-toolbar,.project-editor .canvas-selection-hint{display:none}.project-editor[data-mobile-panel=tools] .canvas-selection-toolbar{display:flex}.project-editor[data-mobile-panel=tools] .canvas-selection-hint{display:block}.canvas-selection-toolbar{left:max(8px, env(safe-area-inset-left));width:54px;max-width:none;max-height:calc(100% - var(--safe-top) - 196px);box-sizing:border-box;right:auto;top:calc(var(--safe-top) + 114px);overscroll-behavior:contain;touch-action:pan-y;flex-direction:column;justify-content:flex-start;gap:2px;overflow-y:auto}.canvas-selection-toolbar button{flex:0 0 44px;width:44px;height:44px;min-height:44px}.canvas-tool-divider{flex-shrink:0;width:auto;height:1px;margin:4px 6px}.canvas-selection-hint{top:calc(var(--safe-top) + 114px);left:calc(max(8px, env(safe-area-inset-left)) + 62px);right:max(8px, env(safe-area-inset-right));width:auto;max-width:none;font-size:.75rem}.mobile-selection-edit{z-index:21;white-space:nowrap;max-width:calc(100% - 32px);min-height:44px;display:inline-flex;position:absolute;bottom:48px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0002}.project-editor[data-mobile-panel=edit] .mobile-selection-edit,.project-editor[data-mobile-panel=images] .mobile-selection-edit,.project-editor .editor-dock{display:none}.project-editor[data-mobile-panel=edit] .editor-dock:not(.editor-assets-dock){top:auto;left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));width:auto;max-height:calc(100% - var(--safe-top) - 200px);overscroll-behavior:contain;background:var(--surface);border:1px solid var(--border);pointer-events:auto;touch-action:pan-y;border-radius:12px;padding:8px 10px 10px;display:flex;bottom:8px;overflow-y:auto;box-shadow:0 -8px 32px #0001}.project-editor[data-mobile-panel=images] .editor-assets-dock{top:auto;bottom:calc(var(--mobile-nav-height) + 8px);left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));width:auto;max-height:calc(100% - var(--mobile-nav-height) - var(--safe-top) - 190px);overscroll-behavior:contain;display:flex;overflow-y:auto}.editor-assets-dock .editor-assets{border-radius:12px;padding:6px;box-shadow:0 -8px 32px #0001}.image-edit-dock>*{flex-shrink:0}.image-edit-panel textarea{min-height:80px}.image-edit-description{font-size:.8125rem;line-height:1.6}.gallery-group-tabs button,.image-edit-actions button,.editor-section-toggle{min-height:44px}.editor-canvas-footer{font-size:var(--type-caption);pointer-events:none;bottom:10px}.project-editor[data-mobile-panel=edit] .editor-canvas-footer,.project-editor[data-mobile-panel=images] .editor-canvas-footer{display:none}.project-editor.is-starting .editor-canvas{padding:calc(var(--safe-top) + 72px) max(12px, env(safe-area-inset-right)) calc(24px + var(--safe-bottom)) max(12px, env(safe-area-inset-left));touch-action:pan-y;scroll-padding-bottom:24px}.editor-shell:has(.is-starting):before{content:"";height:calc(var(--safe-top) + 64px);background:var(--bg);border-bottom:1px solid var(--border);z-index:19;pointer-events:none;position:fixed;inset:0 0 auto}.editor-start-heading h2{font-size:1.25rem}.editor-start-heading p{margin-top:6px;font-size:.8125rem;line-height:1.5}.editor-start-heading{text-align:left;margin-bottom:12px}.editor-start-upload{justify-content:flex-start;margin-top:8px}.editor-start-generation{grid-template-columns:minmax(0,1fr);gap:8px;padding-top:12px}.generation-picker-title h3,.generation-brief-title h3{font-size:.9375rem}.generation-workflow-fields{row-gap:12px}.social-workflow-fields #workflow-space{min-height:48px}.editor-start .field>:is(label,.field-label-row){margin-bottom:6px;font-size:.8125rem}.editor-start .field-hint{font-size:.75rem}.generation-groups button{flex-direction:row;gap:5px;padding:6px}.image-edit-actions{padding:8px}.image-edit-actions h3{margin-bottom:6px;font-size:.75rem}.image-edit-description{margin-block:8px;line-height:1.45}.image-edit-dock:has(#image-edit-form) .image-edit-panel{order:-1}.editor-section-toggle{padding:10px 12px}.canvas-selection-toolbar{padding:4px}.dialog-description{margin-top:4px;font-size:.8125rem;line-height:1.45}.dialog-body>.field:last-child{margin-bottom:0}#project-description{height:80px;min-height:80px}.editor-start-card{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.editor-start{margin-block:0;position:relative}.workflow-help-entry{align-items:flex-start;height:44px;margin:0;position:absolute;top:12px;left:auto;right:0}.workflow-help-label{display:none}.editor-start-heading{padding-top:12px;position:relative}.editor-start-heading:has(.workflow-help-entry){min-height:56px;padding-right:56px}.editor-start-heading .generation-intro{text-align:left;margin-left:0;padding:0}.editor-reference-entry{margin-bottom:4px}.workflow-help-entry .button{width:44px;min-height:44px;padding-inline:8px;font-size:.75rem}.editor-start-upload small{display:none}.editor-start-divider{margin-block:8px}.generation-picker-title,.generation-final-step,.generation-step{display:none}.generation-groups{scrollbar-width:none;background:0 0;border-radius:0;gap:6px;padding:0;display:flex;overflow-x:auto}.generation-groups button{white-space:nowrap;border-color:var(--border);flex:none}.generation-groups button svg{flex-shrink:0;width:16px;height:16px}.generation-tools{margin-top:8px;padding-bottom:2px;display:flex;overflow-x:auto}.generation-tools>button{flex:0 0 116px}.generation-tools .composition{max-height:64px}.editor-start-generation textarea{min-height:96px;font-size:1rem}.editor-start-generation .editor-prompt-controls{gap:8px}.editor-start-generation .editor-prompt-controls>.field{margin-bottom:0}.generation-example-disclosure{order:-1;display:block}.generation-example-toggle{border:0;border-bottom:1px solid var(--border);width:100%;min-height:44px;color:var(--muted);text-align:left;background:0 0;align-items:center;gap:8px;padding:8px 0;font-size:.8125rem;display:flex}.generation-example-toggle span{flex:1}.generation-example-content{display:none}.generation-example-disclosure[data-expanded=true] .generation-example-content{margin-top:8px;display:block}.generation-example-disclosure[data-expanded=true] .generation-example-toggle>svg:last-child{transform:rotate(180deg)}.generation-example-panel{margin:0}.generation-brief-title{margin-bottom:6px}.generation-model-details>summary{flex-wrap:nowrap;gap:6px;min-height:44px;padding:10px}.generation-model-details>summary>svg,.generation-model-details>summary small{flex-shrink:0}.generation-model-details>summary>span{min-width:0}.generation-model-details>summary small{white-space:nowrap}.generation-ratios:has(.generation-ratio-icon){gap:6px}.generation-ratios:has(.generation-ratio-icon) button{white-space:nowrap;flex:1 0 auto;gap:4px;min-width:max-content;padding-inline:4px}.generation-ratio-icon{flex-shrink:0;max-width:22px;height:16px}.social-series-mode .generation-ratios button{white-space:nowrap;flex:1 0 auto}.social-series-mode .generation-ratios{flex:1 0 auto}.editor-generation-settings,.editor-start .editor-generate{margin-top:8px}.generation-groups button{min-height:44px;padding-inline:10px;font-size:.75rem}.generation-tool-label{font-size:.75rem;line-height:1.4}.generation-use-example,.editor-generate{min-height:44px}}@media (max-width:360px){.topbar .brand{width:92px}.topbar-workspace{gap:6px}}@media (max-width:760px) and (max-height:500px){.dialog-header{position:static}.editor-view-controls .editor-shortcuts-toggle{display:none}}@media (min-width:761px) and (max-width:1024px) and (max-height:500px) and (pointer:coarse){.editor-top-controls{flex-wrap:nowrap;max-width:calc(100% - 76px)}.editor-tools-slot{flex-basis:auto;order:0;position:static}.canvas-selection-toolbar{top:calc(var(--safe-top) + 64px);max-height:calc(100% - var(--safe-top) - 146px)}.canvas-selection-hint{max-width:46%;right:auto;top:calc(var(--safe-top) + 64px)}.project-editor[data-mobile-panel=edit] .editor-dock:not(.editor-assets-dock){width:min(380px,48%);max-height:calc(100% - var(--safe-top) - 72px);border-radius:12px;bottom:8px;left:auto;right:8px}.project-editor[data-mobile-panel=images] .editor-assets-dock{left:auto;right:8px;bottom:calc(var(--mobile-nav-height) + 8px);width:min(380px,48%);max-height:calc(100% - var(--mobile-nav-height) - var(--safe-top) - 72px)}.editor-assets-dock .editor-assets{border-radius:12px}}.projects-list .project-card-list .project-card-main{flex-direction:row;align-items:center;gap:10px;height:auto;min-height:58px;padding:6px 12px;display:flex}.projects-list .project-card-list .project-card-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.9375rem;line-height:1.4;display:block;overflow:hidden}.project-list-count{color:var(--muted);white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;font-size:.75rem;display:inline-flex}.projects-list .project-card-list .icon-button{flex-shrink:0;width:44px;height:44px;margin:0}.gallery-preview-navigation{justify-content:space-between;align-items:center;gap:12px;display:flex}.gallery-preview-navigation>.button{flex:0 0 44px;min-width:44px;min-height:44px;padding:8px}.gallery-preview-navigation>span{color:var(--muted);font-size:.8125rem}@media (min-width:481px) and (max-width:760px){.gallery-collections{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:761px) and (max-width:1024px) and (max-height:500px) and (pointer:coarse){.gallery-collections{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:760px),(max-width:1024px) and (max-height:500px) and (pointer:coarse){.app-shell:not(.editor-shell) .main-shell{overflow-x:clip}}@media (max-width:760px){.gallery-info-button{width:44px;height:44px}.gallery-generation-info dl{grid-template-columns:minmax(0,1fr);gap:4px}.gallery-generation-info dd{margin-bottom:12px}.project-card-heading+.project-card-footer{margin-top:4px}.editor-dock .input{font-size:1rem}}
@media (min-width:761px) and (prefers-reduced-motion:no-preference){@media not ((max-width:1024px) and (max-height:500px) and (pointer:coarse)){:root:not([data-motion=reduced]){--motion-fast:.15s;--motion-enter:.2s;--motion-ease:cubic-bezier(.22, .68, 0, 1)}:root:not([data-motion=reduced]) .app-shell:not(.editor-shell) .topbar{animation:none}:root:not([data-motion=reduced]) :is(.header-navigation a,.profile-button,.workspace-switcher,.text-link,.button,.select-trigger,.input,.textarea,.generation-groups button,.generation-tools button,.generation-model-mode button,.editor-tool-button){transition:color var(--motion-fast) ease, background-color var(--motion-fast) ease, border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, opacity var(--motion-fast) ease, transform var(--motion-fast) var(--motion-ease)}:root:not([data-motion=reduced]) .project-card{transition:border-color var(--motion-fast) ease, box-shadow var(--motion-enter) ease, transform var(--motion-enter) var(--motion-ease)}@media (hover:hover) and (pointer:fine){:root:not([data-motion=reduced]) .project-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000000a}}:root:not([data-motion=reduced]) .dialog[data-state=open]{animation:desktop-dialog-enter var(--motion-enter) var(--motion-ease)}:root:not([data-motion=reduced]) .dialog[data-state=closed]{animation:.12s ease-in desktop-dialog-exit}:root:not([data-motion=reduced]) .dialog-overlay[data-state=closed]{animation:.12s ease-in desktop-fade-exit}:root:not([data-motion=reduced]) :is(.product-workflow,.portrait-workflow,.social-workflow-fields,.generative-tool-body){animation:desktop-panel-enter .18s var(--motion-ease)}}}@keyframes desktop-dialog-enter{0%{opacity:0;transform:translate(-50%,calc(8px - 50%))scale(.985)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes desktop-dialog-exit{to{opacity:0;transform:translate(-50%,calc(4px - 50%))scale(.99)}}@keyframes desktop-fade-exit{to{opacity:0}}@keyframes desktop-panel-enter{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0}}