/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@media (min-width:768px){.create-container,.create-left-wrapper{contain:layout paint style}}.cph{padding:calc(var(--space-1-5) + env(safe-area-inset-top,0px))var(--space-3-5)var(--space-1-5);z-index:700;background:0 0;justify-content:space-between;align-items:center;min-height:56px;display:flex;position:relative}@media (max-width:767px){body.has-announcement .create-page.has-info .cv-landing-header{top:var(--announcement-offset,0)}}.cph__btn{aspect-ratio:1;border-radius:var(--radius-circle);background:var(--bg-card);border:1px solid var(--border-subtle);width:40px;min-width:40px;height:40px;min-height:40px;color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .2s,border-color .2s;display:flex}@media (hover:hover){.cph__btn:hover{background:var(--bg-glass-hover);border-color:var(--border-subtle)}}.cph__btn:active{background:var(--bg-glass-active);transform:scale(.95)}.cph__center{z-index:1;flex-direction:column;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.cph__title-btn{gap:var(--space-1);cursor:pointer;padding:var(--space-1-5)var(--space-2-5);border-radius:var(--radius-md);transition:background var(--transition-normal);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-flow:row!important;align-items:center!important;min-width:0!important;min-height:0!important;display:inline-flex!important}@media (hover:hover){.cph__title-btn:hover{background:var(--bg-card-hover)}}.cph__title-btn:active{background:var(--bg-glass-hover);transform:scale(.97)}.cph__title{font-size:var(--text-base-plus);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;letter-spacing:-.01em;margin:0;line-height:1;display:inline}.cph__chevron{width:16px;height:16px;color:var(--text-muted);flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1),color .2s;display:inline-block}.cph__chevron--open{color:var(--text-secondary);transform:rotate(180deg)}.cph__dropdown{top:calc(100% + var(--space-1-5));background:var(--bg-body);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-1);box-shadow:0 4px 24px var(--sg-black-45),0 0 0 .5px var(--sg-white-06)inset;white-space:nowrap;animation:cphDropIn .18s cubic-bezier(.32,.72,0,1);position:absolute;left:50%;transform:translate(-50%)}@keyframes cphDropIn{0%{opacity:0;transform:translateX(-50%)scale(.96)translateY(calc(-1*var(--space-1-5)))}to{opacity:1;transform:translate(-50%)scale(1)translateY(0)}}.cph__dropdown-item{padding:var(--space-2-5)var(--space-5);border-radius:var(--radius-md);min-height:0;color:var(--text-primary);font-size:var(--text-md);font-weight:var(--font-medium);cursor:pointer;letter-spacing:-.01em;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;line-height:1;text-decoration:none;transition:background .15s,color .15s;display:flex}@media (hover:hover){.cph__dropdown-item:hover{background:var(--bg-glass);color:var(--text-primary)}}.cph__dropdown-item:active{background:var(--bg-glass-hover)}@media (max-width:767px){.cph__btn{width:44px;min-width:44px;height:44px}.cph__btn,.cph__title-btn{min-height:44px}}@media (min-width:768px){.cph{display:none}.create-page{--create-header-height:72px;--create-sidebar-width:80px;--create-left-width:360px;--create-content-gap:var(--space-6,24px);--section-margin-top:var(--space-3,12px);--component-padding:var(--space-3,12px);--element-gap:var(--space-2,8px);height:calc(100dvh - 64px);margin-top:var(--space-16);flex-direction:row;width:100%;padding:0;overflow:hidden}}@media (min-width:768px) and (max-width:1023px){.create-page{--create-header-height:64px;--create-sidebar-width:0px}}@media (min-width:1440px){.create-page{--create-left-width:380px}}@media (min-width:1920px){.create-page{--create-left-width:400px}}@media (min-width:2560px){.create-page{--create-left-width:420px}}.create-left-wrapper{width:100%;padding:var(--space-4);box-sizing:border-box;flex-direction:column;min-height:0;display:flex;position:relative;overflow:visible}@media (max-width:767px){.create-left-wrapper{flex:1}}@media (min-width:768px){.create-left-wrapper{width:var(--create-left-width);z-index:600;flex-shrink:0;height:100%;max-height:100%;padding:0;overflow:hidden}}@media (min-width:768px) and (max-width:1199px){.create-left-wrapper{left:var(--create-sidebar-width);top:var(--create-header-height);position:fixed}}.create-container{box-sizing:border-box;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;width:100%;min-height:0;margin:0;padding:0;display:flex;position:relative;overflow:visible}@media (min-width:768px){.create-container{width:320px;max-height:calc(100vh - 48px - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 48px - env(safe-area-inset-bottom,0px));background:var(--sg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-2xl);z-index:600;margin:0;padding:0;overflow:hidden}}.create-left-wrapper .create-container{width:100%;margin:0}@media (min-width:768px){.create-left-wrapper .create-container{max-height:min(calc(100dvh - var(--create-header-height,72px) - 40px),900px)}}.create-content{z-index:600;box-sizing:border-box;background:0 0;flex:1;display:none;position:relative;overflow:hidden auto}.create-page.is-generating .create-content{display:flex}@media (min-width:768px){.create-content{height:100%;max-height:100%;padding:0 var(--space-2);background:0 0;flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}}@media (min-width:768px) and (max-width:1199px){.create-content{margin-left:var(--create-left-width)}}@media (min-width:1200px){.create-page{gap:var(--space-2)}.create-left-wrapper{flex:0 0 var(--create-left-width)}.create-content{min-width:0;padding:0 var(--space-2)0 0;flex:1;overflow:hidden}}.create-nav{margin-bottom:var(--space-1,4px);padding:0}@media (min-width:768px){.create-nav{gap:var(--space-4,16px);padding:var(--space-3,12px)var(--container-padding-x)0;border-radius:var(--radius-md)var(--radius-md)0 0;background:0 0;border-bottom:none;margin-bottom:0}}.nav-tab{min-height:44px;font-family:var(--font-roboto),"Roboto",sans-serif;color:var(--text-muted);padding:10px 16px}@media (hover:hover){.nav-tab:hover{color:var(--text-primary)}}.nav-tab-active:after{background:linear-gradient(90deg,var(--brand-cyan),var(--brand-cyan))}@media (min-width:768px){.nav-tab-active{border-bottom-color:var(--text-primary)}}.create-form{background:0 0;border-radius:0;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}@media (min-width:768px){.create-form{z-index:600}}.form-scroll-container{min-height:0;padding:0 0 calc(120px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom;scroll-padding-bottom:calc(120px + env(safe-area-inset-bottom,0px));flex-direction:column;flex:auto;align-items:center;display:flex;position:relative;overflow:hidden auto}@media (min-width:768px){.form-scroll-container{padding:0 var(--container-padding-x)var(--space-4)}}@media (max-width:359px){.create-nav{column-gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid;overflow:visible}.nav-tab{width:100%;min-width:0;padding-inline:var(--space-2);text-align:center;font-size:var(--text-xs);white-space:normal;align-items:center;line-height:1.25}.form-scroll-container{padding-bottom:calc(136px + env(safe-area-inset-bottom,0px));scroll-padding-bottom:calc(136px + env(safe-area-inset-bottom,0px))}}.form-scroll-container>*{width:100%;max-width:100%}.form-scroll-container::-webkit-scrollbar{display:none}.generate-footer{left:var(--space-5);right:var(--space-5);bottom:max(var(--space-5),env(safe-area-inset-bottom,var(--space-5)));z-index:800;position:fixed;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.generate-footer:before{display:none!important}@media (max-width:767px) and (max-height:640px){.form-scroll-container{padding-bottom:var(--space-2);scroll-padding-bottom:var(--space-2)}.generate-footer{flex-shrink:0;position:static;padding:var(--space-2)0 max(var(--space-2),env(safe-area-inset-bottom,0px))!important;background:var(--bg-body)!important}}@media (min-width:768px){.generate-footer{padding:var(--space-3,12px)var(--container-padding-x)var(--space-4);box-shadow:none;background:0 0;border-top:none;flex-shrink:0;margin-top:auto;position:static}}.generate-button{width:100%;min-height:52px;padding:var(--space-3-5)22px;background:linear-gradient(135deg,rgba(var(--brand-cyan-rgb),.08)0,rgba(var(--brand-cyan-rgb),.05)100%);font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-semibold);font-size:var(--text-md);letter-spacing:.01em;color:var(--text-primary);cursor:pointer;box-shadow:0 2px 8px rgba(var(--brand-cyan-rgb),.1),inset 0 1px 0 var(--sg-white-08);justify-content:center;align-items:center;gap:var(--space-2-5);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:1px solid #0000;border-radius:14px;transition:background .25s cubic-bezier(.32,.72,.24,1),box-shadow .25s cubic-bezier(.32,.72,.24,1),transform .25s cubic-bezier(.32,.72,.24,1);display:flex;position:relative;overflow:hidden}.generate-button:before{background:linear-gradient(135deg,var(--brand-cyan)0,var(--brand-cyan)50%,var(--brand-cyan)100%);-webkit-mask:linear-gradient(var(--text-primary)0 0)content-box,linear-gradient(var(--text-primary)0 0);mask:linear-gradient(var(--text-primary)0 0)content-box,linear-gradient(var(--text-primary)0 0);opacity:.6;padding:1.5px;-webkit-mask-composite:xor;mask-composite:exclude}.generate-button:after,.generate-button:before{content:"";border-radius:var(--radius-md);transition:opacity var(--transition-slow);position:absolute;inset:0}.generate-button:after{background:radial-gradient(ellipse 80% 50% at 50% 100%,rgba(var(--brand-cyan-rgb),.15)0,transparent 60%);opacity:0;pointer-events:none}.generate-button>span{transition:var(--transition-slow);z-index:1;background:linear-gradient(135deg,var(--brand-cyan)0,var(--brand-cyan)100%);color:#0000;-webkit-background-clip:text;background-clip:text;position:relative}.generate-button .coin-icon,.generate-button svg{transition:var(--transition-slow);color:inherit;z-index:1;position:relative}@media (min-width:768px){.generate-button{min-height:48px;padding:var(--space-3)var(--space-5);font-size:var(--text-sm)}.generate-button,.generate-button:after,.generate-button:before{border-radius:14px}}@media (hover:hover){.generate-button:hover{background:linear-gradient(135deg,rgba(var(--brand-cyan-rgb),.14)0,rgba(var(--brand-cyan-rgb),.08)100%);box-shadow:0 4px 14px rgba(var(--brand-cyan-rgb),.18),0 0 0 1px rgba(var(--brand-cyan-rgb),.1),inset 0 1px 0 var(--sg-white-14);transform:translateY(-1px)}.generate-button:hover:after,.generate-button:hover:before{opacity:1}.generate-button:hover>span{background:linear-gradient(135deg,var(--brand-cyan)0,var(--brand-cyan)100%);color:#0000;-webkit-background-clip:text;background-clip:text}.generate-button:hover .coin-icon,.generate-button:hover svg{color:var(--text-success);filter:drop-shadow(0 0 6px rgba(var(--brand-cyan-rgb),.5));transform:scale(1.1)}}.generate-button:active{transition-duration:.1s;transform:translateY(0)scale(.98)}.generate-button:disabled{opacity:.4;box-shadow:none;transform:none}@media (hover:hover){.generate-button:disabled:hover{background:linear-gradient(135deg,rgba(var(--brand-cyan-rgb),.08)0,rgba(var(--brand-cyan-rgb),.05)100%);transform:none}.generate-button:disabled:hover:before{opacity:.3}.generate-button:disabled:hover:after{opacity:0}}.generate-button:disabled .generate-cost>span,.generate-button:disabled>span{background:0 0;-webkit-background-clip:unset;background-clip:unset;color:var(--text-primary)}.generate-button:disabled .coin-icon,.generate-button:disabled svg{color:inherit}.generate-button:disabled svg path{fill:var(--text-primary)}.generate-cost{align-items:center;gap:var(--space-1-5);font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-semibold);font-size:var(--text-md);transition:var(--transition-slow);z-index:1;display:flex;position:relative}.generate-cost>span{background:linear-gradient(135deg,var(--brand-cyan)0,var(--brand-cyan)100%);color:#0000;-webkit-background-clip:text;background-clip:text}@media (hover:hover){.generate-button:hover .generate-cost>span{background:linear-gradient(135deg,var(--brand-cyan)0,var(--brand-cyan)100%);color:#0000;-webkit-background-clip:text;background-clip:text}}.balance-warning{padding:var(--space-3)var(--space-4);background:rgba(var(--sg-warning-rgb),.1);border:1px solid rgba(var(--sg-warning-rgb),.3);margin:0 var(--container-padding-x)var(--space-3,12px)}.balance-warning--popup{margin:0 0 var(--space-4)0;padding:var(--space-4)var(--space-5)}.coin-icon{flex-shrink:0;width:24px;height:24px}.balance-popup-overlay{padding:var(--space-5);animation:fade-in .2s ease-out}.delete-modal-overlay{background:var(--bg-overlay);z-index:var(--z-modal);padding:var(--space-5);justify-content:center;align-items:center;animation:fade-in .2s;display:flex;position:fixed;inset:0}.delete-modal{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:400px;padding:var(--space-8)var(--space-7);box-shadow:var(--shadow-xl);animation:slide-up .3s}.dropdown-overlay{z-index:900;background:0 0;position:fixed;inset:0}.dropdown-menu{background:var(--bg-body);border:1px solid var(--border-subtle);min-width:200px;max-height:400px;box-shadow:0 8px 32px var(--sg-black-40);z-index:950;animation:dropdown-appear .2s}.dropdown-item{gap:var(--space-3);padding:var(--space-3)var(--space-4);min-height:44px;transition:background var(--transition-normal);text-align:left;width:100%;font-family:var(--font-roboto),"Roboto",sans-serif;font-size:var(--text-sm);font-weight:var(--font-medium);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none}@media (hover:hover){.dropdown-item:hover{background:var(--bg-accent-subtle)}}.dropdown-item-content{flex-direction:column}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cv-empty-state{padding:var(--space-10)var(--space-5);text-align:center;justify-content:center;align-items:center}@media (min-width:768px){.create-content .cv-empty-state{padding-top:0;padding-left:0}}.cv-empty-header{margin-bottom:var(--space-6)}.cv-empty-title{font-weight:var(--font-semibold);font-size:var(--text-xl);margin:0 0 var(--space-2)0}.cv-empty-subtitle{color:var(--text-secondary)}.cv-empty-grid{gap:var(--space-4)}@media (min-width:768px){.cv-empty-grid{grid-template-columns:repeat(2,1fr)}}.cv-step-title{font-size:var(--text-md);margin:0 0 var(--space-1)0}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{animation:skeleton-pulse var(--dur-shimmer)ease-in-out infinite}.generation-preview-skeleton{aspect-ratio:1;background:linear-gradient(90deg,rgba(var(--white-rgb),.04)25%,rgba(var(--white-rgb),.08)50%,rgba(var(--white-rgb),.04)75%);width:100%;animation:shimmer var(--dur-shimmer)ease-in-out infinite;border-radius:var(--radius-lg);background-size:200% 100%}body.page-create,body:has(.create-page){background:var(--bg-body)!important}body.page-create .touch-bar,body:has(.create-page) .touch-bar{display:none!important}.create-page-header{padding:var(--space-2)0;z-index:700;background:0 0;justify-content:space-between;align-items:center;display:flex;position:relative}.create-page-header-btn{border-radius:var(--radius-circle);background:var(--bg-glass);width:44px;height:44px;color:var(--text-primary);cursor:pointer;transition:background var(--transition-normal);border:none;justify-content:center;align-items:center;display:flex}@media (hover:hover){.create-page-header-btn:hover{background:var(--bg-glass-hover)}}.create-page-header-btn:active{background:var(--bg-glass-active)}.create-page-header-title,.result-page-header .create-page-header-title{font-size:var(--text-base-plus);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;margin:0;position:absolute;left:50%;transform:translate(-50%)}.result-page-header .create-page-header-btn{border-radius:var(--radius-circle);background:var(--bg-glass);width:44px;height:44px;color:var(--text-primary);cursor:pointer;transition:background var(--transition-normal);border:none;justify-content:center;align-items:center;display:flex}@media (hover:hover){.result-page-header .create-page-header-btn:hover{background:var(--bg-glass-hover)}}.result-page-header .create-page-header-btn:active{background:var(--bg-glass-active)}.result-page-header .create-page-header-btn.active{background:var(--bg-accent-strong);color:var(--text-accent)}.template-card-result .create-page-header{margin:var(--space-3);padding-top:env(safe-area-inset-top,0)}.template-card-result.generation-complete .template-card-preview{aspect-ratio:auto;min-height:0;padding:var(--space-4);background:var(--bg-header);isolation:isolate;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.template-card-result .template-card-preview{background:var(--bg-header);flex:1;min-height:300px;position:relative;overflow:hidden}.template-card-result.generation-complete .template-card-preview .generated-image-container{justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;max-height:100%;display:flex}.template-card-result.generation-complete .template-card-preview .generated-preview-image,.template-card-result.generation-complete .template-card-preview img{object-fit:contain;border-radius:var(--radius-md);width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 8px 32px var(--sg-black-40)}.template-card-result.generation-complete .template-card-body{padding:var(--space-5)var(--space-5)var(--space-4);gap:var(--space-3)}.template-card-result.generation-complete .template-card-headline{justify-content:space-between;gap:var(--space-2-5);flex-wrap:nowrap}.template-card-result.generation-complete .template-card-footer{padding:var(--space-3-5)var(--space-5)var(--space-4-5);background:var(--sg-black-15);border-top:1px solid var(--border-subtle)}@media (max-width:767px){.create-content .template-card-preview,.create-page.has-result .template-card-preview,.template-card-result .template-card-preview{flex:1;min-height:200px;background:var(--bg-header)!important;border-radius:0!important;width:100%!important;margin:0!important;padding:0!important}.template-card-result.generation-complete .template-card-preview{min-height:200px;flex:1!important}.create-page.has-result .generated-preview-image,.create-page.has-result .template-card-preview img,.template-card-result.generation-complete .template-card-preview .generated-preview-image,.template-card-result.generation-complete .template-card-preview img{box-shadow:none!important;object-fit:contain!important;border-radius:0!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important}.template-card-result.generation-complete .template-card-preview .generated-preview-image,.template-card-result.generation-complete .template-card-preview img{max-height:100%!important}.create-page.has-result .generated-image-container{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.template-card-result.generation-complete .template-card-body{padding:var(--space-3-5)var(--space-4)var(--space-4);gap:var(--space-2);flex:none;overflow:visible}.template-card-result.generation-complete .template-card-footer{padding:var(--space-1)var(--space-4)var(--space-2);background:0 0;border-top:none;justify-content:center}.template-card-result.generation-complete .template-card-footer-left{font-size:var(--text-xs);color:var(--text-secondary);letter-spacing:.01em;text-align:left;flex:1;min-width:0}.template-card-result.generation-complete .template-card-headline{justify-content:space-between;align-items:center;display:flex}.template-card-result.generation-complete .template-card-headline .result-actions-desktop{display:none!important}}@media (min-width:768px){.create-page-header{display:none}}.create-page{--create-header-height:0px;--create-sidebar-width:0px;--create-left-width:100%;--create-content-gap:var(--space-4,var(--space-4));--section-margin-top:var(--space-3,var(--space-3));--component-padding:var(--space-4,var(--space-4));--component-padding-compact:var(--space-3,var(--space-3));--element-gap:var(--space-2,var(--space-2));--element-gap-lg:var(--space-3,var(--space-3));--container-padding-x:var(--space-4,var(--space-4));--mobile-bg:var(--bg-body);--mobile-surface:rgba(var(--white-rgb),.04);--mobile-surface-elevated:rgba(var(--white-rgb),.06);--mobile-border:rgba(var(--white-rgb),.06);--mobile-border-subtle:rgba(var(--white-rgb),.04);--mobile-text-primary:var(--text-primary);--mobile-text-secondary:rgba(var(--white-rgb),.55);--mobile-accent:var(--brand-cyan);background:var(--bg-body);flex-direction:column;height:100dvh;padding:0;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.create-page{--create-header-height:72px;--create-sidebar-width:var(--space-20);--create-left-width:360px;--create-content-gap:var(--space-6,var(--space-6));--section-margin-top:var(--space-3,var(--space-3));--component-padding:var(--space-3,var(--space-3));--element-gap:var(--space-2,var(--space-2));height:calc(100vh - var(--create-header-height));height:calc(100dvh - var(--create-header-height));flex-direction:row;padding-bottom:0;overflow:hidden}}@media (min-width:768px) and (max-width:1023px){.create-page{--create-header-height:64px;--create-sidebar-width:0px;height:calc(100vh - var(--create-header-height));height:calc(100dvh - var(--create-header-height))}}.create-backdrop{display:none}@media (min-width:768px){.create-backdrop{display:none}}@media (max-width:767px){.create-left-wrapper{padding:0 var(--space-3)}}.create-nav{padding:0 var(--container-padding-x);scrollbar-width:none;-ms-overflow-style:none;margin-bottom:var(--space-1,var(--space-1));background:0 0;border-bottom:none;border-radius:0;flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:center;gap:0;display:flex;overflow:auto hidden}@media (min-width:768px){.create-nav{gap:var(--space-4,var(--space-4));padding:var(--space-3,var(--space-3))var(--container-padding-x)0;border-radius:var(--radius-md)var(--radius-md)0 0;background:0 0;border-bottom:none;margin-bottom:0}}.create-nav::-webkit-scrollbar{display:none}.nav-tab{padding:var(--space-3,var(--space-3))var(--space-4,var(--space-4));cursor:pointer;min-height:48px;font-family:var(--font-roboto),"Roboto",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:var(--font-medium);font-size:var(--text-sm);text-align:left;color:rgba(var(--white-rgb),.5);white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:var(--transition-all);background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:center;line-height:1.4;display:flex;position:relative}.nav-tab:after{content:"";bottom:0;left:var(--space-4);right:var(--space-4);height:2px;transition:background var(--transition-normal);background:0 0;border-radius:2px 2px 0 0;position:absolute}@media (min-width:768px){.nav-tab{min-height:40px;font-size:var(--text-sm);border-bottom:2px solid #0000;padding:9px 0 11px}.nav-tab:after{display:none}}@media (hover:hover){.nav-tab:hover{color:rgba(var(--white-rgb),.8)}}.nav-tab:active{opacity:.8;transform:scale(.98)}.nav-tab-active{color:var(--text-primary);font-weight:var(--font-semibold)}.create-page .nav-tab-active:after,.nav-tab-active:after{background:var(--text-primary)!important}@media (min-width:768px){.nav-tab-active{border-bottom-color:var(--text-primary)}.create-page .nav-tab:after{display:none!important}}@media (hover:hover){.nav-tab-active:hover{color:var(--text-primary)}}@media (max-width:767px){.form-scroll-container{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))}}@media (max-width:359px) and (max-height:700px){.prompt-textarea:not(.prompt-textarea--compact){min-height:168px;max-height:34dvh}.prompt-label-wrapper{padding:var(--space-2-5)var(--space-3)}}.preview-section{margin:var(--section-margin-top)var(--container-padding-x)0;width:calc(100% - var(--container-padding-x)*2);border:none;min-height:162px;padding:0;position:relative}@media (min-width:768px){.preview-section{margin:var(--section-margin-top)var(--container-padding-x)0;width:288px;min-height:162px}}.create-container .preview-image-wrapper{padding:var(--space-2)var(--space-2-5)0 var(--space-2-5)}.preview-image{object-fit:contain;border-radius:var(--radius-md);width:auto;max-width:100%;height:auto;max-height:260px;display:block}.preview-multi-thumb.active{border-color:rgba(var(--brand-cyan-rgb),.9)}.preview-overlay{background:var(--sg-black-30);border-radius:var(--radius-md);width:288px;height:130px;position:absolute;top:0;left:0}.button-icon{width:14px;height:16px}.model-section{margin:var(--space-2)0 0;border:none;width:100%;padding:0}@media (min-width:768px){.model-section{margin-top:var(--section-margin-top)}}.model-container{flex-direction:column;width:100%;display:flex}.model-button{justify-content:space-between;align-items:center;gap:var(--space-1-5);padding:var(--space-2-5)var(--space-3-5);background:var(--mobile-surface,rgba(var(--white-rgb),.04));border:1px solid var(--mobile-border,rgba(var(--white-rgb),.06));border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-all);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-direction:row;width:100%;display:flex}@media (min-width:768px){.model-button{padding:var(--space-2,var(--space-2))var(--space-3,var(--space-3));background:rgba(var(--bg-header-rgb),.78);border-radius:var(--radius-sm);border:none}}@media (hover:hover){.model-button:hover{background:var(--mobile-surface-elevated,var(--bg-card));border-color:rgba(var(--white-rgb),.1)}}@media (min-width:768px) and (hover:hover){.model-button:hover{background:var(--bg-card);border:none}}.model-button:active{opacity:.9;transform:scale(.99)}.model-content{flex-direction:column;flex:1;align-items:flex-start;display:flex}@media (min-width:768px){.model-content{flex:none;width:240px}}.model-label-container{flex-direction:column;width:100%;display:flex}.model-label{font-family:var(--font-roboto),"Roboto",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:var(--font-medium);font-size:var(--text-xxs);text-align:left;color:var(--mobile-text-secondary,rgba(var(--white-rgb),.55));text-transform:uppercase;letter-spacing:.04em;width:100%;line-height:1.4}@media (min-width:768px){.model-label{font-size:var(--text-sm);text-transform:none;letter-spacing:0}}.model-value-container{gap:var(--space-1);flex-direction:row}.model-value-container,.model-value-wrapper{align-items:center;width:100%;display:flex}.model-value{font-family:var(--font-roboto),"Roboto",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:var(--font-medium);font-size:var(--text-sm);text-align:left;color:var(--mobile-text-primary,var(--sg-text-soft));white-space:nowrap;line-height:1.4}@media (min-width:768px){.model-value{font-weight:var(--font-medium);font-size:var(--text-sm)}}.model-chevron{opacity:.4;flex-shrink:0;width:16px;height:16px;margin-left:auto}.field-section{margin:var(--space-2)0 0;width:100%;border:none;min-inline-size:0;padding:0}@media (min-width:768px){.field-section{margin-top:var(--section-margin-top)}}.field-section-row{gap:var(--space-2);width:100%;margin-top:var(--space-2);flex-direction:row;display:flex}@media (min-width:768px){.field-section-row{gap:var(--element-gap,var(--space-2))}}.select-wrapper{flex:1;position:relative}.select-button{align-items:center;gap:var(--space-1-5);padding:var(--space-2-5)var(--space-3-5);background:var(--mobile-surface,rgba(var(--white-rgb),.04));border:1px solid var(--mobile-border,rgba(var(--white-rgb),.06));border-radius:var(--radius-md);cursor:pointer;width:100%;transition:var(--transition-all);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex-direction:row;display:flex}@media (min-width:768px){.select-button{padding:var(--space-2,var(--space-2))var(--space-3,var(--space-3));background:rgba(var(--bg-header-rgb),.78);border-radius:var(--radius-sm);border:none}}@media (hover:hover){.select-button:hover{background:var(--mobile-surface-elevated,var(--bg-card));border-color:rgba(var(--white-rgb),.1)}}@media (min-width:768px) and (hover:hover){.select-button:hover{background:var(--bg-card);border:none}}.select-button:active{opacity:.9;transform:scale(.99)}.select-button-half{flex:1;justify-content:flex-start}.select-content{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.select-content-compact{flex:1;min-width:60px}.select-content-left{align-items:flex-start;width:100%}.select-label-container{width:100%}.select-label{font-family:var(--font-roboto),"Roboto",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:var(--font-medium);font-size:var(--text-xxs);text-align:left;color:var(--mobile-text-secondary,rgba(var(--white-rgb),.55));text-transform:uppercase;letter-spacing:.04em;line-height:1.4;display:block}@media (min-width:768px){.select-label{font-weight:var(--font-normal);text-transform:none;letter-spacing:0;font-size:13.9px}}.select-value-container{align-items:center;gap:var(--space-1-5);flex-direction:row;width:100%;display:flex}.select-value{font-family:var(--font-roboto),"Roboto",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:var(--font-medium);font-size:var(--text-sm);text-align:left;color:var(--mobile-text-primary,var(--sg-text-soft));line-height:1.4;display:block}@media (min-width:768px){.select-value{font-weight:var(--font-normal);font-size:13.9px}}.select-chevron{opacity:.4;flex-shrink:0;width:16px;height:16px;margin-left:auto}.dropdown-menu{background:var(--bg-header);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-1)var(--space-1-5);gap:var(--space-1);box-shadow:0 8px 24px var(--sg-black-50);flex-direction:column;max-height:min(400px,100vh - 100px);display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.dropdown-menu,.dropdown-menu.dropdown-portal{z-index:var(--z-popover)}.dropdown-menu.dropdown-portal.desktop{min-width:80px;max-width:140px;animation:dropdown-desktop-fade-in .15s ease-out;position:fixed;width:auto!important}@keyframes dropdown-desktop-fade-in{0%{opacity:0}to{opacity:1}}.dropdown-menu.dropdown-up{top:auto;bottom:calc(100% + 4px)}.side-dropdown-menu{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:200px;max-width:280px;padding:var(--space-2);gap:var(--space-1-5);z-index:var(--z-popover);box-shadow:0 16px 48px var(--sg-black-60),0 0 0 1px rgba(var(--brand-cyan-rgb),.1);flex-direction:column;animation:dropdown-slide-right .25s cubic-bezier(.22,1,.36,1);display:flex;position:fixed}@keyframes dropdown-slide-right{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.side-dropdown-menu-scrollable{scrollbar-width:thin;scrollbar-color:rgba(var(--white-rgb),.2)transparent;overflow:hidden auto}.side-dropdown-menu-scrollable::-webkit-scrollbar{width:6px}.side-dropdown-menu-scrollable::-webkit-scrollbar-track{background:rgba(var(--white-rgb),.03);border-radius:var(--radius-xs)}.side-dropdown-menu-scrollable::-webkit-scrollbar-thumb{background:rgba(var(--white-rgb),.15);border-radius:var(--radius-xs)}@media (hover:hover){.side-dropdown-menu-scrollable::-webkit-scrollbar-thumb:hover{background:rgba(var(--white-rgb),.25)}}.side-dropdown-menu-horizontal{min-width:120px;max-width:140px;padding:var(--space-1-5);flex-direction:column;gap:2px}.side-dropdown-menu-horizontal .dropdown-item{width:100%;padding:var(--space-2)var(--space-2-5);text-align:left;border-radius:var(--radius-sm);flex:none;justify-content:flex-start;position:relative}.side-dropdown-menu-horizontal .dropdown-item-content{gap:var(--space-2-5);font-size:var(--text-ms);flex-direction:row;justify-content:flex-start;align-items:center;width:100%;line-height:1.3}.side-dropdown-menu-horizontal .dropdown-item-content span{white-space:nowrap}.side-dropdown-menu-horizontal .dropdown-item-content .aspect-ratio-icon{flex-shrink:0}.side-dropdown-menu-horizontal .dropdown-checkmark{top:50%;right:var(--space-2);width:14px;height:14px;color:var(--text-success);position:absolute;transform:translateY(-50%)}.side-dropdown-menu-horizontal .aspect-ratio-icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.model-modal-overlay{display:none}@media (max-width:767px){.model-modal-overlay{background:var(--sg-black-85);z-index:var(--z-modal-backdrop);animation:overlay-fade-in .2s ease-out;display:block;position:fixed;inset:0}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}}.model-dropdown-menu{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom;scrollbar-width:thin;scrollbar-color:rgba(var(--white-rgb),.12)transparent;background:var(--bg-header);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:min(340px,100vw - 32px);max-width:400px;max-height:calc(100vh - 40px);padding:var(--space-2);z-index:var(--z-popover);box-shadow:0 8px 32px var(--sg-black-50),0 0 0 1px rgba(var(--white-rgb),.05)inset;flex-direction:column;gap:0;animation:dropdown-slide-right .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;overflow-y:auto}.model-dropdown-menu::-webkit-scrollbar{width:4px}.model-dropdown-menu::-webkit-scrollbar-track{background:0 0}.model-dropdown-menu::-webkit-scrollbar-thumb{background:var(--bg-glass-hover);border-radius:var(--radius-xs)}.model-dropdown-menu::-webkit-scrollbar-thumb:hover{background:rgba(var(--white-rgb),.2)}.model-dropdown-item{align-items:center;gap:var(--space-3);padding:var(--space-2-5)var(--space-3);box-sizing:border-box;border-radius:var(--radius-md);cursor:pointer;min-height:58px;transition:var(--transition-fast);text-align:left;appearance:none;background:0 0;border:none;flex-direction:row;width:100%;margin:0;display:flex;position:relative;overflow:hidden}.model-dropdown-item:before{content:"";background:linear-gradient(135deg,rgba(var(--white-rgb),.04)0,transparent 100%);opacity:0;transition:opacity var(--transition-normal);border-radius:var(--radius-sm);position:absolute;inset:0}@media (hover:hover){.model-dropdown-item:hover{background:rgba(var(--white-rgb),.05)}.model-dropdown-item:hover:before{opacity:1}}.model-dropdown-item:active{transform:scale(.99)}.model-dropdown-item:focus-visible{background:rgba(var(--white-rgb),.05);outline:none}.model-item-icon-container{background:linear-gradient(145deg,rgba(var(--bg-surface-light-rgb),1)0,rgba(var(--bg-card-elevated-hi-rgb),1)100%);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:34px;height:34px;transition:var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (hover:hover){.model-dropdown-item:hover .model-item-icon-container{background:linear-gradient(145deg,rgba(var(--bg-surface-light-rgb),1)0,rgba(var(--bg-surface-light-rgb),1)100%);border-color:rgba(var(--white-rgb),.1)}}.model-item-icon{width:16px;height:16px;color:rgba(var(--white-rgb),.9);transition:color var(--transition-fast);justify-content:center;align-items:center;display:flex}.model-item-icon svg{width:100%;height:100%}@media (hover:hover){.model-dropdown-item:hover .model-item-icon{color:var(--text-primary)}}.model-item-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.model-item-title-row{align-items:center;gap:var(--space-1-5);flex-wrap:wrap;min-height:18px;display:flex}.model-new-badge{color:var(--brand-cyan,var(--brand-cyan));background:rgba(var(--brand-cyan-rgb),.12);border:1px solid var(--border-accent);border-radius:var(--radius-full,var(--radius-full))}.model-hot-badge,.model-new-badge{margin-left:var(--space-2);padding:2px var(--space-2);font-size:var(--text-xxs);font-weight:var(--font-bold);letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;line-height:1.4}.model-hot-badge{color:var(--color-warning);background:rgba(var(--color-warning-rgb),.14);border:1px solid rgba(var(--color-warning-rgb),.32);border-radius:var(--radius-full,var(--radius-full))}.model-item-title{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-semibold);font-size:var(--text-ms);color:rgba(var(--white-rgb),.95);letter-spacing:-.01em;transition:color var(--transition-fast);margin:0;line-height:1.3em}@media (hover:hover){.model-dropdown-item:hover .model-item-title{color:var(--text-primary)}}.model-item-description{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-normal);font-size:var(--text-xs);color:var(--text-disabled);transition:color var(--transition-fast);white-space:nowrap;text-overflow:ellipsis;margin:0;line-height:1.4em;overflow:hidden}@media (hover:hover){.model-dropdown-item:hover .model-item-description{color:var(--text-muted)}}.model-item-arrow{width:24px;height:24px;color:rgba(var(--white-rgb),.4);transition:var(--transition-all);flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (hover:hover){.model-dropdown-item:hover .model-item-arrow{color:rgba(var(--white-rgb),.7);transform:translate(2px)}}.model-dropdown-group{position:relative}.model-dropdown-item.model-dropdown-group{overflow:visible}@media (hover:hover){.model-dropdown-group.is-active,.model-dropdown-group:hover{background:rgba(var(--white-rgb),.05)}}.model-dropdown-group.is-active .model-item-icon-container{background:linear-gradient(145deg,rgba(var(--bg-surface-light-rgb),1)0,rgba(var(--bg-surface-light-rgb),1)100%);border-color:var(--border-strong)}.model-dropdown-submenu{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom;background:var(--bg-header);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:min(340px,100vw - 32px);max-width:400px;max-height:calc(100vh - 40px);padding:var(--space-2);gap:var(--space-1);box-shadow:0 8px 32px var(--sg-black-60),0 0 0 1px rgba(var(--white-rgb),.05)inset,0 1px 0 rgba(var(--white-rgb),.05)inset;z-index:var(--z-popover);flex-direction:column;animation:submenu-slide .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;overflow-y:auto}.model-dropdown-submenu .submenu-item{border-radius:var(--radius-md);transition:var(--transition-all);background:0 0;border-bottom:none;position:relative;overflow:hidden}.model-dropdown-submenu .submenu-item:before{content:"";background:linear-gradient(135deg,rgba(var(--white-rgb),.05)0,transparent 100%);opacity:0;transition:opacity var(--transition-normal);border-radius:var(--radius-md);position:absolute;inset:0}@media (hover:hover){.model-dropdown-submenu .submenu-item:hover{background:var(--bg-card-hover);transform:translate(2px)}.model-dropdown-submenu .submenu-item:hover:before{opacity:1}}.model-dropdown-submenu .submenu-item:active{transform:translate(2px)scale(.99)}.model-dropdown-submenu .submenu-back{background:rgba(var(--white-rgb),.02);border-bottom:1px solid var(--border-default);margin-bottom:var(--space-2);padding-bottom:var(--space-3);border-radius:var(--radius-md)var(--radius-md)0 0}@media (hover:hover){.model-dropdown-submenu .submenu-back:hover{background:var(--bg-card)}}.model-dropdown-submenu .submenu-back .model-item-title{color:rgba(var(--white-rgb),.7);font-weight:var(--font-semibold)}@media (max-width:767px){.model-dropdown-menu .mobile-submenu{width:100%;max-width:none;box-shadow:none;background:0 0;border:none;border-radius:0!important;max-height:none!important;padding-bottom:0!important;animation:none!important;position:static!important;transform:none!important}.model-dropdown-menu .mobile-submenu:before{display:none!important}}.dropdown-item{font-family:var(--font-roboto),"Roboto",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:var(--font-normal);justify-content:space-between;align-items:center;gap:var(--space-1);cursor:pointer;border-radius:var(--radius-md);padding:var(--space-1-5)var(--space-2);color:var(--text-primary);touch-action:pan-x pan-y pinch-zoom;outline:none;font-size:13.9px;line-height:1.43885em;display:flex}@media (hover:hover){.dropdown-item:hover{background:var(--bg-card)}}.dropdown-item:focus-visible{background:var(--bg-card)}.dropdown-item.selected{background:var(--bg-glass)}@media (hover:hover){.dropdown-item.selected:hover{background:rgba(var(--white-rgb),.1)}}.dropdown-checkmark{width:16px;height:16px;color:var(--text-primary);flex-shrink:0}.aspect-ratio-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.dropdown-item .aspect-ratio-icon,.select-value-container .aspect-ratio-icon{margin-right:var(--space-2)}.aspect-ratio-rect{background:rgba(var(--white-rgb),.4);border-radius:2px}.aspect-ratio-star{color:rgba(var(--white-rgb),.5)}.select-value-container .aspect-ratio-rect{background:rgba(var(--white-rgb),.6)}.select-value-container .aspect-ratio-star{color:rgba(var(--white-rgb),.7)}@media (hover:hover){.dropdown-item:hover .aspect-ratio-rect{background:rgba(var(--white-rgb),.6)}.dropdown-item:hover .aspect-ratio-star{color:rgba(var(--white-rgb),.7)}}.dropdown-item.selected .aspect-ratio-rect{background:rgba(var(--white-rgb),.6)}.dropdown-item.selected .aspect-ratio-star{color:rgba(var(--white-rgb),.7)}.dropdown-item-content{text-align:left;flex:1;justify-content:flex-start;align-items:center;display:flex}.create-form .upload-section{margin:var(--space-3)0 var(--space-4)0;box-sizing:border-box;border:none;flex-direction:column;align-items:stretch;width:100%;padding:0;display:flex}@media (min-width:768px){.create-form .upload-section{margin:var(--space-3)0 0;width:100%}}.upload-input{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.upload-preview-overlay{background:var(--sg-black-40);border-radius:var(--radius-lg);z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.upload-preview-image{object-fit:contain;border-radius:var(--radius-lg);opacity:.6;width:100%;height:100%}.upload-remove-btn{top:var(--space-2);right:var(--space-2);background:var(--bg-glass);border:1px solid var(--border-hover);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;transition:var(--transition-all);color:var(--text-primary);z-index:20;justify-content:center;align-items:center;display:flex;position:absolute}@media (hover:hover){.upload-remove-btn:hover{background:rgba(var(--brand-red-rgb),.2);border-color:rgba(var(--brand-red-rgb),.4)}}.upload-progress{bottom:var(--space-3);padding:var(--space-1-5)var(--space-3);background:rgba(var(--brand-cyan-light-rgb),.2);border:1px solid rgba(var(--brand-cyan-light-rgb),.4);border-radius:var(--radius-sm);background:var(--bg-glass);font-weight:var(--font-medium);color:var(--text-primary);z-index:20;position:absolute;left:50%;transform:translate(-50%)}.upload-error,.upload-progress{font-family:var(--font-roboto),"Roboto",-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--text-xs)}.upload-error{margin-top:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--bg-error-subtle);border:1px solid var(--border-error);border-radius:var(--radius-sm);font-weight:var(--font-normal);color:var(--brand-red);line-height:1.4em}.upload-label{gap:var(--space-1);flex-direction:column;width:100%;padding:0}.upload-icon-bg,.upload-label{justify-content:center;align-items:center;border-radius:var(--radius-md);display:flex}.upload-icon-bg{background:rgba(var(--bg-header-rgb),.78);width:28px;height:28px;padding:var(--space-1);box-shadow:0 2px 4px 0 var(--sg-black-20),inset 0 -1px 0 0 var(--sg-black-20)}.upload-icon{width:18px;height:18px}.upload-text-container{max-width:100%;padding:0 var(--space-1-5);border-radius:var(--radius-md);flex-direction:column;gap:2px;margin-top:0;display:flex}.upload-text-row{flex-flow:wrap;justify-content:center;align-items:center;gap:3px;width:100%;line-height:1.3;display:flex}.upload-text{font-weight:var(--font-normal);color:rgba(var(--white-rgb),.6)}.upload-generate-btn,.upload-text{font-family:var(--font-roboto),"Roboto",-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--text-2xs);text-align:center;line-height:1.3}.upload-generate-btn{font-weight:var(--font-semibold);color:var(--text-primary);cursor:pointer;transition:var(--transition-slow);background:0 0;border:none;padding:0}@media (hover:hover){.upload-generate-btn:hover{background:linear-gradient(135deg,var(--brand-cyan),var(--brand-cyan));-webkit-text-fill-color:transparent;font-weight:var(--font-bold);-webkit-background-clip:text;background-clip:text}}.upload-subtext{flex-direction:column;align-items:center;width:100%;padding:0;display:flex}.upload-subtext span{font-family:var(--font-roboto),"Roboto",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:var(--font-normal);font-size:var(--text-xxs);text-align:center;color:var(--text-disabled);word-wrap:break-word;max-width:100%;line-height:1.3}.uploaded-images-grid{gap:var(--space-2);margin:var(--space-3)0 0;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));width:100%;display:grid}@media (min-width:768px){.uploaded-images-grid{width:288px}}.uploaded-image-item{aspect-ratio:1;border-radius:var(--radius-md);background:rgba(var(--bg-header-rgb),.78);border:1px solid var(--border-default);transition:var(--transition-all);position:relative;overflow:hidden}@media (hover:hover){.uploaded-image-item:hover{border-color:rgba(var(--brand-cyan-light-rgb),.3);transform:scale(1.05)}}.uploaded-image-preview{object-fit:cover;width:100%;height:100%}.uploaded-image-remove{top:var(--space-1);right:var(--space-1);background:var(--bg-glass);border:1px solid rgba(var(--white-rgb),.25);border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;transition:var(--transition-all);color:var(--text-primary);opacity:.8;z-index:10;justify-content:center;align-items:center;display:flex;position:absolute}@media (hover:hover){.uploaded-image-item:hover .uploaded-image-remove{opacity:1;transform:scale(1.1)}.uploaded-image-remove:hover{background:rgba(var(--brand-red-rgb),.9);border-color:rgba(var(--brand-red-rgb),1);transform:scale(1.15)!important}}.upload-overlay{background:var(--bg-glass);z-index:5;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.upload-spinner{border:3px solid var(--border-hover);border-top-color:var(--text-accent);border-radius:var(--radius-circle);width:32px;height:32px;animation:spin .8s linear infinite}.upload-error-overlay{background:var(--bg-glass);font-size:var(--text-h1);z-index:5;position:absolute;inset:0}.upload-error-overlay,.uploaded-image-add{justify-content:center;align-items:center;display:flex}.uploaded-image-add{gap:var(--space-1);aspect-ratio:1;border-radius:var(--radius-md);background:rgba(var(--bg-header-rgb),.78);border:1px dashed var(--border-hover);cursor:pointer;transition:var(--transition-all);color:rgba(var(--white-rgb),.5);flex-direction:column}@media (hover:hover){.uploaded-image-add:hover{border-color:rgba(var(--brand-cyan-light-rgb),.5);background:rgba(var(--brand-cyan-light-rgb),.05);color:var(--text-accent)}}.uploaded-image-add span{font-family:var(--font-roboto),"Roboto",-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--text-2xs);font-weight:var(--font-medium)}.create-content .template-card-actions{opacity:1!important;position:relative!important;bottom:auto!important;left:auto!important;transform:none!important}.upload-more-wrapper{margin:var(--space-3)0 0;border-radius:var(--radius-md);border:1px dashed var(--border-strong);width:100%;padding:var(--space-3);background:rgba(var(--bg-header-rgb),.5);transition:var(--transition-all)}@media (min-width:768px){.upload-more-wrapper{width:288px}}@media (hover:hover){.upload-more-wrapper:hover{border-color:rgba(var(--brand-cyan-light-rgb),.3);background:rgba(var(--brand-cyan-light-rgb),.03)}}.upload-more-wrapper.drag-active{border-color:rgba(var(--brand-cyan-light-rgb),.5);background:rgba(var(--brand-cyan-light-rgb),.08)}.upload-more-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2-5)var(--space-4);background:rgba(var(--white-rgb),.03);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-all);color:rgba(var(--white-rgb),.8);font-family:var(--font-roboto),"Roboto",-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--text-ms);font-weight:var(--font-medium);display:flex}@media (hover:hover){.upload-more-btn:hover{background:rgba(var(--brand-cyan-light-rgb),.1);border-color:rgba(var(--brand-cyan-light-rgb),.3);color:var(--text-accent)}}.upload-more-btn:active{transform:scale(.98)}.upload-more-hint{margin-top:var(--space-1-5);color:rgba(var(--white-rgb),.4);margin-bottom:0}.upload-auto-resize-hint,.upload-more-hint{text-align:center;font-family:var(--font-roboto),"Roboto",-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--text-2xs);font-weight:var(--font-normal)}.upload-auto-resize-hint{color:rgba(var(--white-rgb),.35);margin:var(--space-1)0 0;line-height:1.4}.prompt-section{margin:var(--space-2)0 0;width:100%;border:none;flex-direction:column;min-inline-size:0;padding:0;display:flex}@media (min-width:768px){.prompt-section{margin-top:var(--section-margin-top)}}.prompt-label-wrapper{gap:var(--space-1-5);padding:var(--space-3)var(--space-3-5);background:var(--mobile-surface,rgba(var(--white-rgb),.04));border-radius:var(--radius-md);border:1px solid var(--mobile-border,rgba(var(--white-rgb),.06));transition:var(--transition-all);flex-direction:column;display:flex}@media (min-width:768px){.prompt-label-wrapper{padding:var(--component-padding-compact);background:rgba(var(--bg-header-rgb),.78);border-radius:var(--radius-md);border:1px solid var(--border-strong)}}@media (hover:hover){.prompt-label-wrapper:hover{border-color:rgba(var(--white-rgb),.1)}}@media (min-width:768px) and (hover:hover){.prompt-label-wrapper:hover{background:var(--sg-canvas-elevated)}}.prompt-label-wrapper:focus-within{border-color:var(--border-subtle)}@media (min-width:768px){.prompt-label-wrapper:focus-within{background:var(--sg-canvas-elevated)}}.prompt-label{font-family:var(--font-roboto),"Roboto",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:var(--font-medium);font-size:var(--text-xxs);text-align:left;color:var(--mobile-text-secondary,rgba(var(--white-rgb),.55));text-transform:uppercase;letter-spacing:.04em;line-height:1.4}@media (min-width:768px){.prompt-label{font-size:var(--text-xs);text-transform:none;letter-spacing:0}}.prompt-label-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.prompt-voice-btn{flex-shrink:0}.prompt-label-actions{flex-shrink:0}.prompt-counter-group,.prompt-label-actions{align-items:center;gap:var(--space-1-5);display:flex}.prompt-counter-group{min-width:0;overflow:hidden}.prompt-clear-btn{padding:var(--space-1)var(--space-2-5);background:var(--bg-card-hover);border:1px solid rgba(var(--white-rgb),.1);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-ms);cursor:pointer;transition:var(--transition-all);flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.prompt-clear-btn--icon{border-radius:var(--radius-circle);width:32px;min-width:32px;height:32px;font-size:var(--text-base);padding:0}@media (max-width:767px){.prompt-clear-btn--icon{width:36px;min-width:36px;height:36px;min-height:36px}}@media (hover:hover){.prompt-clear-btn:hover{color:var(--text-primary);background:rgba(var(--white-rgb),.1);border-color:rgba(var(--white-rgb),.15)}}.prompt-textarea{width:100%;min-height:380px;font-family:var(--font-roboto),"Roboto",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:var(--font-normal);font-size:var(--text-base);text-align:left;color:var(--text-primary);resize:vertical;overflow-wrap:break-word;word-break:break-word;background:0 0;border:none;outline:none;max-height:none;padding:0;line-height:1.5em;overflow:hidden auto}.prompt-textarea--compact{min-height:70px;max-height:150px}.prompt-textarea::placeholder{color:var(--sg-white-50);font-size:inherit;font-weight:inherit;font-family:inherit}.prompt-resize-handle{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:20px;display:flex}.prompt-resize-handle:after{content:"";background:rgba(var(--white-rgb),.15);border-radius:2px;width:32px;height:3px}@media (min-width:768px){.prompt-textarea{font-size:var(--text-sm)}.prompt-resize-handle{display:none}}.prompt-footer{justify-content:space-between;gap:var(--space-2)}.prompt-footer,.prompt-footer-left{align-items:center;min-width:0;display:flex}.prompt-footer-left{gap:var(--space-1-5);flex-shrink:0}.prompt-char-counter{font-size:var(--text-2xs);white-space:nowrap;font-weight:var(--font-normal);font-variant-numeric:tabular-nums;transition:color var(--transition-normal)}.prompt-char-counter[data-state=warning]{color:var(--color-warning)}.prompt-char-counter[data-state=error]{color:var(--brand-red)}.prompt-enhance-btn{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2-5);background:rgba(var(--brand-cyan-rgb),.08);border:1px solid var(--border-accent-subtle);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-2xs);font-weight:var(--font-semibold);letter-spacing:.02em;transition:var(--transition-all);color:var(--brand-cyan);justify-content:center;min-width:36px;display:inline-flex}@media (hover:hover){.prompt-enhance-btn:hover:not(:disabled){background:var(--bg-accent-strong);border-color:rgba(var(--brand-cyan-rgb),.35)}}.prompt-enhance-btn:disabled{opacity:.4;cursor:not-allowed}.prompt-enhance-btn.enhancing{background:rgba(var(--brand-cyan-rgb),.12);border-color:var(--border-accent)}@media (max-width:767px){.prompt-enhance-btn{padding:var(--space-1-5)var(--space-2-5);font-size:var(--text-2xs);border-radius:var(--radius-xs);min-width:42px;min-height:44px}}.prompt-lang-toggle{padding:var(--space-1)var(--space-2-5);background:var(--bg-card-hover);border:1px solid rgba(var(--white-rgb),.1);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-2xs);font-weight:var(--font-semibold);letter-spacing:.02em;transition:var(--transition-all);color:rgba(var(--white-rgb),.5);justify-content:center;align-items:center;gap:2px;min-width:64px;display:inline-flex}@media (hover:hover){.prompt-lang-toggle:hover:not(:disabled){background:rgba(var(--white-rgb),.1);border-color:rgba(var(--white-rgb),.15)}}.prompt-lang-toggle:disabled{opacity:.4;cursor:not-allowed}.prompt-lang-toggle.translating{background:var(--bg-accent-muted);border-color:var(--border-accent)}.prompt-lang-option{transition:color var(--transition-normal)}.prompt-lang-option.active{color:var(--text-accent)}.prompt-lang-divider{color:rgba(var(--white-rgb),.2);margin:0 1px}.prompt-lang-arrow{color:rgba(var(--white-rgb),.4);font-size:var(--text-xxs);margin:0 2px}.prompt-lang-spinner{border:2px solid var(--border-accent-subtle);border-top-color:var(--text-accent);border-radius:var(--radius-circle);width:14px;height:14px;animation:prompt-lang-spin .8s linear infinite}@keyframes prompt-lang-spin{to{transform:rotate(1turn)}}@media (max-width:767px){.prompt-lang-toggle{padding:var(--space-1-5)var(--space-2-5);font-size:var(--text-2xs);border-radius:var(--radius-xs);gap:1px;min-width:54px;min-height:44px}.prompt-clear-btn{padding:var(--space-2)var(--space-3);font-size:var(--text-ms);min-height:var(--tap-target-min);min-width:var(--tap-target-min);border-radius:var(--radius-xs)}.prompt-lang-arrow{font-size:var(--text-micro);margin:0 1px}.prompt-lang-spinner{border-width:1.5px;width:10px;height:10px}}@media (min-width:768px){.generate-footer{padding:var(--space-4);margin-bottom:0}}.generate-footer-row{align-items:center;gap:var(--space-3);display:flex}@media (min-width:768px){.generate-footer-row{display:contents}}.balance-warning{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2)var(--space-3);background:rgba(var(--white-rgb),.03);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-2-5);display:flex}.balance-warning__text{font-size:var(--text-xs);color:rgba(var(--white-rgb),.6);font-weight:var(--font-medium)}.balance-warning__topup-btn{padding:var(--space-1-5)var(--space-3);border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--brand-cyan)0,var(--brand-cyan)100%);color:var(--bg-body);font-size:var(--text-2xs);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-all);border:none;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}@media (hover:hover){.balance-warning__topup-btn:hover{box-shadow:0 4px 12px rgba(var(--brand-cyan-rgb),.25);transform:translateY(-1px)}}.balance-warning__topup-btn:active{transform:translateY(0)}.balance-popup-overlay{background:var(--bg-overlay);z-index:var(--z-modal);justify-content:center;align-items:center;animation:fadeIn .2s;display:flex;position:fixed;inset:0}.balance-warning--popup{padding:var(--space-5)var(--space-6);border-radius:var(--radius-lg);background:var(--sg-surface-floating);border:1px solid rgba(var(--white-rgb),.1);box-shadow:0 20px 60px var(--sg-black-50);margin-bottom:0;animation:popupSlideIn .25s}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.balance-warning--popup .balance-warning__text{font-size:var(--text-sm)}.balance-warning--popup .balance-warning__topup-btn{padding:var(--space-2)var(--space-4);font-size:var(--text-ms)}.generate-button:disabled{background:linear-gradient(90deg,var(--text-tertiary)0,var(--text-tertiary)50%,var(--text-tertiary)100%);cursor:not-allowed;opacity:.7}.generate-button:disabled>span{background:0 0;-webkit-background-clip:unset;background-clip:unset;color:rgba(var(--white-rgb),.9)}.generate-button:disabled .coin-icon path{fill:rgba(var(--white-rgb),.9)}.generate-button:disabled .generate-cost span{background:0 0;-webkit-background-clip:unset;background-clip:unset;color:rgba(var(--white-rgb),.9)}.generate-button:disabled:before{opacity:0}@media (hover:hover){.generate-button:disabled:hover{background:linear-gradient(90deg,var(--text-tertiary)0,var(--text-tertiary)50%,var(--text-tertiary)100%);box-shadow:none}}@media (max-width:767px){.create-page.has-result .create-content{z-index:1000;background:0 0;flex-direction:column;margin:0;padding:0;display:flex;position:fixed;inset:0;overflow-y:auto}.create-page.has-result .create-left-wrapper,.create-page.has-result .create-left-wrapper .cph,.create-page.has-result .generate-footer,.create-page.has-result>.cph{display:none}.create-page.has-result .create-content>.template-card{background:var(--bg-body);border:none;border-radius:0;flex-direction:column;flex:1;width:100%;max-width:100%;height:auto;margin:0;display:flex}.create-page.has-result .create-content>.template-card .template-card-preview{border-radius:0}.create-page.has-result .template-card-cta{justify-content:center;width:100%}.create-page.has-result .generation-queue-fab,.create-page.has-result~.generation-queue-fab{z-index:1001;bottom:calc(100px + env(safe-area-inset-bottom,0px))!important;right:var(--space-4)!important}.generation-queue-fab{bottom:calc(100px + env(safe-area-inset-bottom,0px))!important}}@media (min-width:768px){.create-page.has-result .create-content{flex-direction:column;display:flex}}.create-content>.template-card{isolation:isolate;background:var(--bg-header);flex-direction:column;margin:0;display:flex;overflow:hidden}@media (min-width:768px){.create-content>.template-card-result{background:var(--bg-header);border:1px solid var(--border-default);border-radius:var(--radius-2xl);height:100%;max-height:calc(100dvh - var(--create-header-height,72px) - 40px);flex-direction:column;display:flex}}.create-content .template-card-preview,.create-content .template-card-result .template-card-preview,.create-content .template-card-result.generation-complete .template-card-preview{min-height:0;padding:var(--space-4);flex:1;overflow:hidden;aspect-ratio:unset!important;background:var(--bg-header)!important;justify-content:center!important;align-items:center!important;display:flex!important}.create-content .template-card-result:not(.generation-complete) .template-card-preview{flex:1;min-height:400px;padding:0;position:relative}@media (min-width:768px){.template-card:has(.generation-loader){flex:1;min-height:0}.template-card-preview:has(.generation-loader){flex:1;min-height:0;aspect-ratio:unset!important}}.create-content .template-card-preview .generated-image-container{background:var(--bg-header);overflow:hidden}.create-content .template-card-preview .generated-image-container,.template-card-preview .generated-image-container{flex-grow:1;flex-shrink:1;justify-content:center;align-items:center;position:relative;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;display:flex!important}.template-card-preview .generated-image-container{isolation:isolate;z-index:var(--z-above);overflow:hidden!important}.template-card-preview .generated-image-container>img{z-index:var(--z-content)}.create-content .template-card-preview .generated-image-container img,.create-content .template-card-preview .generated-preview-image,.create-content .template-card-preview>img{border-radius:0;object-fit:contain!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.generated-preview-image{display:block;object-fit:contain!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.create-content .template-card-preview img.generated-preview-image,.create-content .template-card-result .template-card-preview img,.create-content .template-card-result.generation-complete .template-card-preview img,.create-page .template-card-preview img.generated-preview-image{object-fit:contain!important;width:100%!important;height:100%!important;display:block!important;position:absolute!important;inset:0!important}@media (min-width:768px){.create-content .template-card-preview .generated-image-container,.create-content .template-card-result .template-card-preview .generated-image-container{margin:0;justify-content:center!important;align-items:center!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;display:flex!important}.create-content .template-card-preview .generated-image-container img,.create-content .template-card-preview img,.create-content .template-card-preview img.generated-preview-image,.create-content .template-card-result .template-card-preview .generated-image-container img,.create-content .template-card-result .template-card-preview img{box-shadow:none;object-fit:contain!important;border-radius:0!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}}@media (hover:hover){.create-content>.template-card:hover{border-color:var(--border-default);box-shadow:none;transform:none}.create-content>.template-card:hover:before{opacity:0}.create-content>.template-card:hover .template-card-gradient{opacity:.8}.create-content>.template-card:hover .template-card-footer{background:rgba(var(--bg-body-rgb),.2);border-top-color:rgba(var(--white-rgb),.06)}.create-content>.template-card:hover .template-card-title{color:var(--sg-text-soft)}}.create-page .template-card-preview{justify-content:center;align-items:center;display:flex}.create-page .template-card-preview img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.cv-empty-state{pointer-events:none;justify-content:flex-start;height:auto;padding:0}.cv-empty-state,.cv-empty-wrapper{box-sizing:border-box;flex-direction:column;align-items:stretch;width:100%;display:flex}.cv-empty-wrapper{height:100%;padding:var(--space-6)var(--space-5)var(--space-8)var(--space-5);gap:var(--space-6);background:var(--bg-header);border:1px solid var(--border-default);box-shadow:none;border-radius:var(--radius-2xl);pointer-events:auto;margin:0}@media (min-width:768px){.cv-empty-wrapper{padding:var(--space-8)var(--space-8)var(--space-10)var(--space-8)}}@media (min-width:1200px){.cv-empty-wrapper{padding:var(--space-10)var(--space-10)var(--space-12)var(--space-10)}}.cv-empty-header{box-sizing:border-box;width:100%;padding:0}.cv-empty-title{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-bold);font-size:var(--text-title-md);letter-spacing:-.01em;color:var(--text-primary);margin:0 0 var(--space-3)0;line-height:1.2em}@media (min-width:768px){.cv-empty-title{font-size:var(--text-h3-md)}}@media (min-width:1200px){.cv-empty-title{font-size:var(--text-h3)}}.cv-empty-subtitle{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-normal);font-size:var(--text-sm);color:rgba(var(--white-rgb),.85);max-width:800px;margin:0;line-height:1.6em}@media (min-width:768px){.cv-empty-subtitle{font-size:var(--text-md)}}@media (min-width:1200px){.cv-empty-subtitle{font-size:var(--text-sm)}}.cv-empty-grid{gap:var(--space-5);width:100%;margin-top:var(--space-1);box-sizing:border-box;grid-template-columns:1fr;align-items:stretch;padding:0;display:grid;position:relative}@media (min-width:768px){.cv-empty-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr)}}.cv-empty-state .template-card-preview .cv-step-badge{top:var(--space-3);left:var(--space-3);z-index:10;min-width:36px;height:36px;padding:var(--space-1-5)var(--space-2-5);background:linear-gradient(135deg,var(--brand-cyan)0,var(--brand-cyan)50%,var(--brand-cyan)100%);color:var(--bg-body);font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-bold);font-size:var(--text-sm);border-radius:var(--radius-md);justify-content:center;align-items:center;line-height:1;display:flex;position:absolute}@media (min-width:1200px){.cv-empty-state .template-card-preview .cv-step-badge{min-width:40px;height:40px;padding:var(--space-2)var(--space-3);font-size:var(--text-lg);border-radius:var(--radius-md)}}.cv-empty-state .template-card{border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:0 0;flex-direction:column;height:100%;margin:0;display:flex;overflow:hidden}.cv-empty-state .template-card-preview{aspect-ratio:16/9;background:0 0;border-radius:0;flex-shrink:0;margin:0;padding:0;overflow:hidden}.cv-empty-state .template-card-preview img{object-fit:cover;border-radius:0;width:100%;height:100%}.template-card-body{padding:var(--space-2)var(--space-3)var(--space-2);gap:var(--space-1-5);background:0 0;flex-direction:column;display:flex}.template-card-headline{align-items:center;gap:var(--space-2);display:flex}.template-card-category{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-semibold);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--white-rgb),.5)}.template-card-description{font-family:var(--font-roboto),"Roboto",sans-serif;font-size:var(--text-sm);color:rgba(var(--white-rgb),.85);margin:0;line-height:1.5em}.template-card-footer{padding:var(--space-3)var(--space-5)var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.template-card-footer-left{font-weight:var(--font-normal);font-size:var(--text-ms);color:rgba(var(--white-rgb),.5)}.meta-row,.template-card-footer-left{font-family:var(--font-roboto),"Roboto",sans-serif}.meta-row{align-items:center;gap:var(--space-1)var(--space-1-5);flex-wrap:wrap;display:flex}.meta-text{font-size:var(--text-ms);font-weight:var(--font-normal);color:rgba(var(--white-rgb),.5);line-height:1.4}.cv-empty-state .template-card-body{padding:var(--space-3)var(--space-3-5)var(--space-3-5);flex-direction:column;flex:1;display:flex}.cv-step-title{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-semibold);font-size:var(--text-sm);letter-spacing:-.01em;margin:0 0 var(--space-1-5)0;color:var(--text-primary);line-height:1.3em}@media (min-width:1200px){.cv-step-title{font-size:var(--text-base-plus)}}.cv-step-text{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-normal);font-size:var(--text-ms);color:rgba(var(--white-rgb),.85);margin:0;line-height:1.6em}@media (min-width:1200px){.cv-step-text{font-size:var(--text-sm)}}.template-card-category-gradient{font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}body.modal-open{overflow:hidden}body.modal-open>:not(script):not(style):not(.ui-modal-overlay){filter:blur(8px);transition:filter var(--transition-normal)}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.create-nav{scroll-snap-type:x mandatory;gap:0;padding:0}.nav-tab{scroll-snap-align:start;background:0 0;border-radius:0;min-height:44px}.preview-section{margin:var(--space-2)0 0;width:100%}.preview-image{object-fit:cover;width:100%;height:100%;max-height:none}.generate-footer{padding:12px 16px calc(14px + env(safe-area-inset-bottom,0px));gap:var(--space-3)}.generate-footer .cta-row{gap:var(--space-2-5);flex-direction:column}}.dropdown-overlay{display:none}@media (max-width:480px){.dropdown-overlay{background:var(--sg-black-70);z-index:var(--z-modal-backdrop);animation:overlay-fade-in .15s ease-out;display:block;position:fixed;inset:0}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.dropdown-portal{max-height:60vh;border-radius:var(--radius-2xl)!important;width:calc(100vw - 32px)!important;max-width:280px!important;z-index:var(--z-popover)!important;background:var(--bg-header)!important;border:1px solid var(--border-default)!important;box-shadow:0 8px 24px var(--sg-black-50)!important;padding:var(--space-2)!important;animation:mobile-dropdown-scale .2s ease-out!important;position:fixed!important;inset:50% auto auto 50%!important;overflow-y:auto!important;transform:translate(-50%,-50%)!important}@keyframes mobile-dropdown-scale{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.side-dropdown-menu{border-radius:var(--radius-xl);animation:mobile-modal-scale .2s ease-out;width:calc(100vw - 32px)!important;max-width:320px!important;z-index:var(--z-modal)!important;background:var(--bg-header)!important;border:1px solid var(--border-default)!important;box-shadow:0 8px 24px var(--sg-black-50)!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.side-dropdown-menu-horizontal{max-width:160px!important;padding:var(--space-1-5)!important;gap:2px!important}.side-dropdown-menu-horizontal .dropdown-item{width:100%;max-width:none;padding:var(--space-2-5)var(--space-3)}.side-dropdown-menu-horizontal .dropdown-item-content{font-size:var(--text-sm);gap:var(--space-2-5)}.side-dropdown-menu-horizontal .aspect-ratio-icon{width:20px;height:18px}@keyframes mobile-modal-scale{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.dropdown-item{padding:var(--space-3)var(--space-3-5);font-size:var(--text-sm);min-height:44px}}@media (max-width:767px){.model-dropdown-menu{max-height:85dvh;overflow-y:auto;width:100%!important;min-width:auto!important;max-width:none!important;padding:var(--space-2-5)var(--space-2-5)calc(var(--space-2-5) + env(safe-area-inset-bottom))!important;gap:var(--space-1)!important;border-radius:var(--radius-2xl)var(--radius-2xl)0 0!important;background:linear-gradient(165deg,var(--sg-canvas-elevated)0,var(--bg-body)100%)!important;box-shadow:var(--shadow-xl),0 0 0 1px rgba(var(--white-rgb),.05)inset!important;animation:mobile-model-sheet-in var(--dur-sheet)var(--ease-sheet)!important;border:1px solid rgba(var(--white-rgb),.1)!important;border-bottom:none!important;position:fixed!important;inset:auto 0 0!important;transform:none!important}.model-dropdown-menu:before{content:"";width:36px;height:4px;margin:0 auto var(--space-2);border-radius:var(--radius-full);background:rgba(var(--white-rgb),.2);flex-shrink:0;display:block}@keyframes mobile-model-sheet-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.model-dropdown-item{padding:var(--space-3)var(--space-3-5);border-radius:var(--radius-sm);gap:var(--space-3);min-height:48px}.model-dropdown-item:active{transform:scale(.99)}.model-item-content{gap:3px;overflow:hidden}.model-item-icon-container{border-radius:var(--radius-sm);background:rgba(var(--bg-surface-light-rgb),1);width:36px;height:36px}.model-item-icon{width:18px;height:18px}.model-item-title{font-size:var(--text-sm);font-weight:var(--font-semibold)}.model-item-description{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;line-height:1.4;overflow:hidden}.model-dropdown-submenu .submenu-item{padding:var(--space-2-5)var(--space-3);background:rgba(var(--white-rgb),.03);border-radius:var(--radius-sm);border:1px solid rgba(var(--white-rgb),.04);min-height:44px}.model-dropdown-submenu .submenu-item:last-child{margin-bottom:0}.model-dropdown-submenu .submenu-item:before{display:none}.model-dropdown-submenu .submenu-item:active{background:var(--bg-card-hover);transform:scale(.98)}.model-item-arrow{color:rgba(var(--white-rgb),.35)}}.result-menu-backdrop{background:var(--sg-black-30);z-index:var(--z-modal-backdrop);animation:resultMenuBackdropIn .15s ease-out;position:fixed;inset:0}@keyframes resultMenuBackdropIn{0%{opacity:0}to{opacity:1}}.result-menu{top:var(--space-4);right:var(--space-4);background:var(--bg-header);border-radius:var(--radius-lg);width:auto;min-width:220px;max-width:280px;box-shadow:0 8px 40px var(--sg-black-50),0 0 0 1px rgba(var(--white-rgb),.06),inset 0 1px 0 rgba(var(--white-rgb),.05);z-index:var(--z-popover);flex-direction:column;animation:resultMenuSlideIn .2s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;left:auto;overflow:hidden;transform:none}@keyframes resultMenuSlideIn{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.result-menu-close,.result-menu-header,.result-menu-title{display:none}.result-menu-content{padding:var(--space-1-5);flex-direction:column;gap:2px;display:flex}.result-menu-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2-5)var(--space-3-5);border-radius:var(--radius-md);color:rgba(var(--white-rgb),.92);font-family:var(--font-roboto),"Roboto",-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--text-sm);font-weight:var(--font-medium);text-align:left;cursor:pointer;transition:var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;min-height:44px;display:flex}@media (hover:hover){.result-menu-item:hover{background:var(--bg-card-hover)}}.result-menu-item:active{background:rgba(var(--white-rgb),.1);transform:scale(.98)}.result-menu-item svg{width:18px;height:18px;color:var(--text-muted);transition:color var(--transition-fast);flex-shrink:0}@media (hover:hover){.result-menu-item:hover svg{color:rgba(var(--white-rgb),.85)}}.result-menu-item.loading{opacity:.5;pointer-events:none}.result-menu-danger-section{padding:var(--space-1-5);padding-top:0}.result-menu-divider{background:var(--bg-glass);height:1px;margin:2px var(--space-1-5)var(--space-1-5)}.result-menu-item-danger{color:var(--brand-red)}@media (hover:hover){.result-menu-item-danger:hover{background:rgba(var(--brand-red-rgb),.12)}}.result-menu-item-danger:active{background:rgba(var(--brand-red-rgb),.18)}.result-menu-item-danger svg{color:var(--brand-red)!important}.result-prompt-row{align-items:flex-start;gap:var(--space-2);width:100%;display:flex}@media (max-width:767px){.template-card-description{padding:var(--space-2)0!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:flex-start!important;min-height:auto!important;margin:0!important;display:flex!important}.result-prompt-row{gap:var(--space-2);align-items:flex-start}.template-card-result .result-prompt-container{-webkit-tap-highlight-color:transparent;background:rgba(var(--white-rgb),.03)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius-lg)!important;padding:var(--space-2-5)var(--space-3-5)!important;align-items:center!important;gap:var(--space-2-5)!important;min-width:0!important;height:auto!important;max-height:48px!important;transition:max-height .3s ease,background var(--transition-normal),border-color var(--transition-normal)!important;cursor:pointer!important;flex:1!important;margin:0!important;display:flex!important;overflow:hidden!important}.template-card-result .result-prompt-container:active{background:rgba(var(--white-rgb),.05)!important;border-color:var(--border-default)!important}.template-card-result .result-prompt-container.expanded{align-items:flex-start!important;max-height:200px!important;overflow-y:auto!important}.template-card-result .result-prompt-container:before{display:block;background:var(--brand-cyan)!important;opacity:.4!important;border-radius:2px 0 0 2px!important;width:2px!important;height:auto!important;top:0!important;bottom:0!important;transform:none!important}.template-card-result .result-prompt-container.clickable:after{display:none!important}.template-card-result .result-prompt-text{white-space:nowrap!important;text-overflow:ellipsis!important;max-height:none!important;line-height:1.5!important;font-size:var(--text-ms)!important;color:var(--text-secondary)!important;letter-spacing:-.01em!important;padding-right:0!important;overflow:hidden!important}.template-card-result .result-prompt-text.expanded{white-space:pre-wrap!important;text-overflow:clip!important;overflow:visible!important}}.result-prompt-container{padding:var(--space-2-5)var(--space-3-5);align-items:center;gap:var(--space-2-5);background:var(--sg-canvas-deep);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:0;transition:background var(--transition-normal),max-height .3s ease;cursor:pointer;flex:1;max-height:44px;display:flex;position:relative;overflow:hidden}.result-prompt-container.expanded{align-items:flex-start;max-height:300px;overflow:visible}.result-prompt-container.clickable{cursor:pointer}@media (hover:hover){.result-prompt-container.clickable:hover{background:rgba(var(--white-rgb),.03)}}.result-prompt-container:before{content:"";background:linear-gradient(180deg,var(--brand-cyan)0,var(--brand-cyan)100%);border-radius:2px 0 0 2px;width:3px;position:absolute;top:0;bottom:0;left:0}.result-prompt-text{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:var(--text-ms);font-weight:var(--font-normal);color:rgba(var(--white-rgb),.7);word-wrap:break-word;white-space:nowrap;text-overflow:ellipsis;transition:var(--transition-slow);line-height:1.5;overflow:hidden}.result-prompt-text.expanded{white-space:pre-wrap;max-height:200px;padding-right:var(--space-2);scrollbar-width:thin;scrollbar-color:rgba(var(--white-rgb),.15)transparent;overflow-y:auto}.result-prompt-text.expanded::-webkit-scrollbar{width:4px}.result-prompt-text.expanded::-webkit-scrollbar-track{background:0 0}.result-prompt-text.expanded::-webkit-scrollbar-thumb{background:rgba(var(--white-rgb),.15);border-radius:2px}@media (max-width:767px){.result-prompt-container{height:auto;max-height:48px;padding:var(--space-2-5)var(--space-3-5);border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-default);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:max-height .3s ease,background var(--transition-normal);align-items:center;gap:var(--space-2-5);flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.result-prompt-container:active{background:var(--bg-glass)}.result-prompt-container.expanded{align-items:flex-start;max-height:200px;overflow-y:auto}.result-prompt-container.clickable:after,.result-prompt-container:before{display:none}.result-prompt-text{font-size:var(--text-ms);color:rgba(var(--white-rgb),.8);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;line-height:1.5;display:block;overflow:hidden}.result-prompt-text.expanded{white-space:pre-wrap;text-overflow:clip;overflow:visible}}.result-prompt-copy-icon{color:var(--text-muted);transition:color var(--transition-normal);flex-shrink:0;justify-content:center;align-items:center;display:flex}.result-prompt-copy-icon svg{width:14px;height:14px}.result-prompt-container:active .result-prompt-copy-icon{color:var(--brand-cyan)}.result-prompt-copy-btn{display:none}@media (max-width:480px){.result-prompt-container{max-height:44px;padding:var(--space-2-5)var(--space-3)}.result-prompt-text{font-size:var(--text-xs)}.result-prompt-copy-icon svg{width:13px;height:13px}}.create-content .template-card-preview:not(:has(.generation-loader)),.create-content .template-card-result .template-card-preview:not(:has(.generation-loader)),.create-page .template-card-preview:not(:has(.generation-loader)),.create-page .template-card-result .template-card-preview:not(:has(.generation-loader)){aspect-ratio:unset!important;width:100%!important;height:auto!important}@media (min-width:769px){.create-content .generated-preview-image,.create-content .template-card-preview img,.create-content .template-card-result .template-card-preview img,.create-page .generated-preview-image,.create-page .template-card-preview img,.create-page .template-card-result .template-card-preview img{object-fit:contain!important;border-radius:0!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:100%!important}}@media (max-width:767px){.create-content .generated-preview-image,.create-content .template-card-preview img,.create-content .template-card-result .template-card-preview img,.create-page .generated-preview-image,.create-page .template-card-preview img,.create-page .template-card-result .template-card-preview img{object-fit:contain!important;border-radius:0!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important}}@media (min-width:1200px){.create-content>.template-card,.create-content>.template-card-result{max-height:100%;padding:var(--space-2);border:1px solid var(--border-default);background:var(--bg-header);border-radius:var(--radius-2xl,var(--radius-xl-plus))!important}.create-content>.template-card .template-card-preview,.create-content>.template-card-result .template-card-preview{border-radius:var(--radius-lg,var(--radius-lg));overflow:hidden}}.result-actions-desktop{display:none}@media (min-width:768px){.result-actions-desktop{align-items:center;gap:var(--space-2-5);margin-left:auto;display:flex}.result-action-btn-primary{justify-content:center;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-5);background:var(--bg-glass);border:1px solid rgba(var(--white-rgb),.15);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.result-action-btn-primary:before{content:"";border-radius:var(--radius-md);background:linear-gradient(135deg,var(--brand-cyan)0,var(--brand-cyan)100%);-webkit-mask:linear-gradient(var(--text-primary)0 0)content-box,linear-gradient(var(--text-primary)0 0);mask:linear-gradient(var(--text-primary)0 0)content-box,linear-gradient(var(--text-primary)0 0);opacity:0;transition:opacity var(--transition-slow);padding:1px;position:absolute;inset:0;-webkit-mask-composite:xor;mask-composite:exclude}.result-action-btn-primary span{font-family:var(--font-roboto),"Roboto",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:var(--font-medium);font-size:var(--text-sm);color:var(--text-primary);transition:var(--transition-slow);line-height:1}.result-action-btn-primary .result-action-arrow{width:16px;height:16px;color:rgba(var(--white-rgb),.8);flex-shrink:0;transition:transform .3s,color .3s}@media (hover:hover){.result-action-btn-primary:hover{background:var(--bg-accent-muted);box-shadow:0 12px 24px var(--sg-black-30),0 0 20px rgba(var(--brand-cyan-rgb),.15);border-color:#0000;transform:translateY(-2px)}.result-action-btn-primary:hover:before{opacity:1}.result-action-btn-primary:hover span{background:linear-gradient(135deg,var(--brand-cyan)0,var(--brand-cyan)100%);color:#0000;-webkit-background-clip:text;background-clip:text}.result-action-btn-primary:hover .result-action-arrow{color:var(--text-success);transform:translate(4px)}}.result-action-btn-primary:active{transition-duration:.1s;transform:translateY(0)scale(.98)}.result-action-btn-primary.loading{opacity:.6;pointer-events:none}.result-action-btn-primary.published{background:rgba(var(--brand-cyan-rgb),.12);border-color:rgba(var(--brand-cyan-rgb),.25)}.result-action-btn-primary.published span{background:linear-gradient(135deg,var(--brand-cyan)0,var(--brand-cyan)100%);color:#0000;-webkit-background-clip:text;background-clip:text}.result-action-btn-primary.published svg{color:var(--text-success)}.result-action-btn-primary.published:before{background:linear-gradient(135deg,var(--brand-cyan)0,var(--brand-cyan)100%);opacity:1}.result-action-btn-use{justify-content:center;align-items:center;gap:var(--space-1-5);height:40px;padding:0 var(--space-4-5);background:linear-gradient(135deg,var(--bg-accent-strong)0,rgba(var(--brand-cyan-rgb),.15)100%);border:1px solid var(--border-accent);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.result-action-btn-use span{font-family:var(--font-roboto),"Roboto",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:var(--font-medium);font-size:var(--text-sm);background:linear-gradient(135deg,var(--brand-cyan)0,var(--brand-cyan)100%);color:#0000;-webkit-background-clip:text;background-clip:text;line-height:1}.result-action-btn-use svg{width:16px;height:16px;color:var(--brand-cyan);flex-shrink:0}@media (hover:hover){.result-action-btn-use:hover{background:linear-gradient(135deg,rgba(var(--brand-cyan-rgb),.25)0,rgba(var(--brand-cyan-rgb),.25)100%);border-color:rgba(var(--brand-cyan-rgb),.5);box-shadow:0 8px 20px var(--sg-black-30),0 0 15px rgba(var(--brand-cyan-rgb),.2);transform:translateY(-2px)}}.result-action-btn-use:active{transition-duration:.1s;transform:translateY(0)scale(.98)}.result-action-btn{background:var(--bg-glass);border:1px solid rgba(var(--white-rgb),.15);border-radius:var(--radius-md);width:40px;height:40px;color:rgba(var(--white-rgb),.75);cursor:pointer;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.result-action-btn:before{content:"";border-radius:var(--radius-md);background:linear-gradient(135deg,var(--brand-cyan)0,var(--brand-cyan)100%);-webkit-mask:linear-gradient(var(--text-primary)0 0)content-box,linear-gradient(var(--text-primary)0 0);mask:linear-gradient(var(--text-primary)0 0)content-box,linear-gradient(var(--text-primary)0 0);opacity:0;transition:opacity var(--transition-slow);padding:1px;position:absolute;inset:0;-webkit-mask-composite:xor;mask-composite:exclude}@media (hover:hover){.result-action-btn:hover{background:var(--bg-accent-muted);color:var(--text-primary);box-shadow:0 12px 24px var(--sg-black-30),0 0 20px rgba(var(--brand-cyan-rgb),.15);border-color:#0000;transform:translateY(-2px)}.result-action-btn:hover:before{opacity:1}}.result-action-btn:active{transition-duration:.1s;transform:scale(.95)}.result-action-btn.loading{opacity:.5;pointer-events:none}.result-action-btn.copied{background:rgba(var(--brand-cyan-rgb),.12);color:var(--text-success);border-color:#0000}.result-action-btn.copied:before{background:linear-gradient(135deg,var(--brand-cyan)0,var(--brand-cyan)100%);opacity:1}.template-card-result.generation-complete .template-card-headline{justify-content:space-between;align-items:center;width:100%;display:flex}}.image-nav-arrow{z-index:20;border-radius:var(--radius-circle);background:var(--bg-glass);border:1px solid rgba(var(--white-rgb),.15);width:44px;height:44px;color:var(--text-primary);cursor:pointer;transition:var(--transition-all);opacity:.8;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}@media (hover:hover){.image-nav-arrow:hover{background:var(--sg-black-85);border-color:rgba(var(--white-rgb),.25);opacity:1;transform:translateY(-50%)scale(1.05)}}.image-nav-arrow:active{transform:translateY(-50%)scale(.95)}.image-nav-arrow:disabled{opacity:.3;cursor:not-allowed;transform:translateY(-50%)}@media (hover:hover){.image-nav-arrow:disabled:hover{background:var(--sg-black-60);border-color:rgba(var(--white-rgb),.15);transform:translateY(-50%)}}.image-nav-arrow-left{left:var(--space-3)}.image-nav-arrow-right{right:var(--space-3)}.image-nav-arrow svg{width:24px;height:24px}.image-nav-indicator{bottom:var(--space-3);z-index:20;padding:var(--space-1-5)var(--space-3-5);border-radius:var(--radius-xl);background:var(--bg-glass);border:1px solid rgba(var(--white-rgb),.15);color:rgba(var(--white-rgb),.9);font-size:var(--text-ms);font-weight:var(--font-medium);white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}@media (max-width:767px){.image-nav-arrow{width:40px;height:40px}.image-nav-arrow-left{left:var(--space-2)}.image-nav-arrow-right{right:var(--space-2)}.image-nav-arrow svg{width:20px;height:20px}.image-nav-indicator{padding:5px var(--space-3);font-size:var(--text-xs);bottom:var(--space-2)}}@media (max-width:480px){.image-nav-arrow{width:36px;height:36px}.image-nav-arrow svg{width:18px;height:18px}}.work-nav-arrow{z-index:1000;border-radius:var(--radius-circle);background:var(--sg-black-55);border:1px solid var(--border-strong);width:48px;height:48px;box-shadow:0 4px 16px var(--sg-black-40);color:rgba(var(--white-rgb),.95);cursor:pointer;transition:var(--transition-all);opacity:.9;-webkit-tap-highlight-color:transparent;touch-action:manipulation;pointer-events:auto;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.work-nav-arrow-left{left:var(--space-4)}.work-nav-arrow-right{right:var(--space-4)}.work-nav-arrow:disabled{opacity:.3;cursor:not-allowed}@media (hover:hover){.work-nav-arrow:hover:not(:disabled){background:var(--sg-black-70);border-color:var(--border-hover);opacity:1;transform:translateY(-50%)scale(1.08)}}.work-nav-arrow:active:not(:disabled){transform:translateY(-50%)scale(.95)}.work-nav-indicator{top:var(--space-4);z-index:100;padding:var(--space-1-5)var(--space-3-5);border-radius:var(--radius-xl);background:var(--sg-black-55);border:1px solid var(--border-strong);box-shadow:0 2px 8px var(--sg-black-30);color:rgba(var(--white-rgb),.95);font-size:var(--text-ms);font-weight:var(--font-medium);white-space:nowrap;transition:var(--transition-all);position:absolute;left:50%;transform:translate(-50%)}@media (max-width:767px){.work-nav-arrow{display:none}.work-nav-indicator{padding:5px var(--space-3);font-size:var(--text-xs);top:var(--space-3)}.template-card-preview.swiping{will-change:transform}}@media (max-width:480px){.work-nav-indicator{padding:var(--space-1)var(--space-2-5);font-size:var(--text-2xs);top:var(--space-2)}}.community-work-preview-skeleton.hidden{opacity:0;pointer-events:none}.community-work-preview-skeleton .skeleton-shimmer{background:linear-gradient(90deg,transparent 0,rgba(var(--white-rgb),.06)50%,transparent 100%);animation:shimmer var(--dur-shimmer)infinite;position:absolute;inset:0}.community-work-preview-image.loaded,.community-work-preview-video.loaded{opacity:1}.generated-image-container{will-change:transform,opacity;contain:layout style;backface-visibility:hidden;position:relative;transform:translateZ(0)}.generated-image-container img,.generated-preview-image{will-change:opacity;transition:opacity .25s ease-out}@keyframes fadeInImage{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.generated-image-container img.loaded,.generated-preview-image.loaded{animation:fadeInImage .3s ease-out forwards}.image-nav-arrow,.work-nav-arrow{will-change:transform,opacity;contain:layout style;backface-visibility:hidden;transition:transform var(--transition-normal),opacity var(--transition-normal),background var(--transition-normal)}.image-nav-arrow:active,.work-nav-arrow:active{transform:scale(.92)}@media (min-width:769px){.template-card-result .generated-image-container,.template-card-result .generated-image-container img,.template-card-result .generated-preview-image{max-width:100%;max-height:100%}}@media (max-width:767px){.template-card-result .generated-image-container{contain:layout;max-width:100vw;max-height:calc(100dvh - 220px);width:100%!important}.template-card-result .generated-image-container img,.template-card-result .generated-preview-image{object-fit:contain;max-height:calc(100dvh - 220px);width:100%!important}.template-card-preview{touch-action:pan-y pinch-zoom}.template-card-preview.swiping{-webkit-user-select:none;user-select:none}}.image-nav-indicator,.work-nav-indicator{top:var(--space-3);padding:var(--space-1-5)var(--space-3-5);background:var(--sg-black-55);border:1px solid var(--border-strong);border-radius:var(--radius-xl);font-size:var(--text-ms);font-weight:var(--font-medium);color:rgba(var(--white-rgb),.95);z-index:100;pointer-events:none;box-shadow:0 2px 8px var(--sg-black-30);position:absolute;left:50%;transform:translate(-50%)}@media (max-width:767px){.image-nav-indicator,.work-nav-indicator{top:var(--space-2);padding:5px var(--space-3);font-size:var(--text-xs)}}.image-blur-placeholder.hidden{opacity:0}.generated-image-container img[data-preloaded=true]:not(.visible){content-visibility:auto;contain-intrinsic-size:400px 400px}.result-actions-dropdown{margin-bottom:var(--space-2);background:var(--sg-surface-floating);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:0 4px 24px var(--sg-black-50);z-index:1000;opacity:1;min-width:200px;animation:dropdownSlideUp .2s ease-out;position:absolute;bottom:100%;right:0;overflow:hidden}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.result-actions-dropdown-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3)var(--space-4);color:rgba(var(--white-rgb),.85);font-size:var(--text-ms);font-weight:var(--font-medium);cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;border:none;display:flex}@media (hover:hover){.result-actions-dropdown-item:hover{background:var(--bg-glass)}}.result-actions-dropdown-item:active{background:var(--bg-glass-hover)}.result-actions-dropdown-item svg{flex-shrink:0}.result-actions-dropdown-item-danger{color:var(--brand-red)}@media (hover:hover){.result-actions-dropdown-item-danger:hover{background:var(--bg-error-subtle)}}.result-actions-dropdown-divider{background:var(--bg-glass);height:1px;margin:var(--space-1)0}@media (max-width:767px){.result-actions-dropdown{min-width:160px}.result-actions-dropdown-item{padding:var(--space-3-5)var(--space-4);font-size:var(--text-sm)}}.mobile-action-bar{display:none}@media (max-width:767px){.mobile-action-bar{z-index:1000;padding:var(--space-3)var(--space-4);padding-bottom:calc(12px + env(safe-area-inset-bottom,8px));background:linear-gradient(180deg,transparent 0,var(--sg-canvas-deep)25%,var(--sg-canvas-deep)100%);border-top:none;display:block;position:fixed;bottom:0;left:0;right:0}.mobile-action-bar-inner{gap:var(--space-2-5);max-width:400px;margin:0 auto;display:flex}.mobile-action-btn{gap:var(--space-2);border-radius:var(--radius-lg);cursor:pointer;height:48px;transition:var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;flex:1;position:relative;overflow:hidden}.mobile-action-btn,.mobile-action-btn-icon{justify-content:center;align-items:center;display:flex}.mobile-action-btn-icon svg{width:18px;height:18px}.mobile-action-btn-text{font-family:var(--font-roboto),"Roboto",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:var(--font-medium);font-size:var(--text-sm);letter-spacing:.01em;white-space:nowrap}.mobile-action-btn-publish .mobile-action-btn-icon,.mobile-action-btn-publish .mobile-action-btn-text{color:var(--bg-body)}.mobile-action-btn-publish.published{border:1px solid rgba(var(--brand-cyan-rgb),.5);background:0 0}.mobile-action-btn-publish.published .mobile-action-btn-icon,.mobile-action-btn-publish.published .mobile-action-btn-text{color:var(--text-success)}.mobile-action-btn-publish.loading{opacity:.6;pointer-events:none}.mobile-action-btn-download{background:linear-gradient(135deg,var(--brand-cyan)0,var(--brand-cyan)100%)}.mobile-action-btn-download .mobile-action-btn-icon,.mobile-action-btn-download .mobile-action-btn-text{color:var(--bg-body)}.mobile-action-btn-download:active{opacity:.85;transform:scale(.98)}.mobile-action-btn-download:disabled{opacity:.5;pointer-events:none}.mobile-action-btn-share{background:var(--bg-card);border:1px solid var(--border-default)}.mobile-action-btn-share .mobile-action-btn-icon{color:var(--text-secondary)}.mobile-action-btn-share .mobile-action-btn-text{color:var(--text-primary)}.mobile-action-btn-share:active{background:rgba(var(--white-rgb),.1);transform:scale(.98)}.mobile-action-btn-use{background:linear-gradient(135deg,var(--bg-accent-strong)0,rgba(var(--brand-cyan-rgb),.15)100%);border:1px solid rgba(var(--brand-cyan-rgb),.25)}.mobile-action-btn-use .mobile-action-btn-icon{color:var(--brand-cyan)}.mobile-action-btn-use .mobile-action-btn-text{color:rgba(var(--white-rgb),.95)}.mobile-action-btn-use:active{background:linear-gradient(135deg,rgba(var(--brand-cyan-rgb),.22)0,rgba(var(--brand-cyan-rgb),.22)100%);transform:scale(.98)}@media (max-width:360px){.mobile-action-bar-inner{gap:var(--space-2)}.mobile-action-btn{border-radius:var(--radius-md);gap:var(--space-1-5);height:44px}.mobile-action-btn-text{font-size:var(--text-ms)}.mobile-action-btn-icon svg{width:16px;height:16px}}}@media (min-width:769px){.mobile-action-bar{display:none!important}}.result-action-icons{align-items:center;gap:var(--space-1-5);flex-shrink:0;display:flex}.result-icon-btn{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-elevated);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-all);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;display:flex}.result-icon-btn svg{width:18px;height:18px}@media (hover:hover){.result-icon-btn:hover{background:var(--bg-glass);border-color:var(--border-hover);color:var(--text-primary)}}.result-icon-btn:active{transition-duration:.1s;transform:scale(.92)}.result-icon-btn:disabled{opacity:.35;pointer-events:none}.result-icon-btn.loading{opacity:.4;pointer-events:none}.result-icon-btn-accent{background:linear-gradient(135deg,var(--bg-success-subtle)0,var(--bg-accent-muted)100%);border-color:rgba(var(--brand-cyan-rgb),.2);color:var(--brand-cyan)}@media (hover:hover){.result-icon-btn-accent:hover{background:linear-gradient(135deg,rgba(var(--brand-cyan-rgb),.2)0,rgba(var(--brand-cyan-rgb),.2)100%);border-color:rgba(var(--brand-cyan-rgb),.4);color:var(--brand-cyan)}}@media (max-width:360px){.result-icon-btn{width:34px;height:34px}.result-icon-btn svg{width:16px;height:16px}.result-action-icons{gap:5px}}body.page-create .dialog-overlay,body.page-create [data-radix-dialog-overlay],body:has(.create-page) .dialog-overlay,body:has(.create-page) [data-radix-dialog-overlay]{z-index:var(--z-modal-backdrop)!important}body.page-create .dialog-content,body.page-create [data-radix-dialog-content],body:has(.create-page) .dialog-content,body:has(.create-page) [data-radix-dialog-content]{z-index:var(--z-modal)!important}.cv-landing-header,.model-learn-more-btn{display:none}@media (max-width:767px){.model-learn-more-btn{margin-top:var(--space-1-5);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-normal);color:var(--brand-cyan);opacity:.8;transition:opacity var(--transition-normal);-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:5px;padding:0;display:inline-flex}@media (hover:hover){.model-learn-more-btn:hover{opacity:1}}.model-learn-more-btn:active{opacity:1}.create-page.has-info .create-content{z-index:1000;background:var(--bg-body);flex-direction:column;margin:0;padding:0;display:flex;position:fixed;inset:0;overflow-y:auto}.create-page.has-info .create-left-wrapper,.create-page.has-info .create-left-wrapper .cph,.create-page.has-info .generate-footer,.create-page.has-info>.cph{display:none}.create-page.has-info .cv-landing-header{padding:calc(8px + env(safe-area-inset-top,0px))14px 8px;z-index:1051;pointer-events:auto;background:var(--bg-body);border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;min-height:56px;display:flex;position:fixed;top:0;left:0;right:0}.create-page.has-info .cv-landing-back-btn{border-radius:var(--radius-circle)!important;background:rgba(var(--white-rgb),.07)!important;border:1px solid var(--border-subtle)!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;color:var(--text-primary)!important;cursor:pointer!important;transition:background var(--transition-normal)!important;-webkit-tap-highlight-color:rgba(var(--white-rgb),.15)!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;padding:0!important;display:flex!important}@media (hover:hover){.create-page.has-info .cv-landing-back-btn:hover{background:var(--bg-glass-hover)!important}}.create-page.has-info .cv-landing-back-btn:active{background:var(--bg-glass-active)!important}.create-page.has-info .create-content>.cv-empty-state{pointer-events:auto;padding-top:calc(56px + env(safe-area-inset-top,0px));flex:1}.create-page.has-info .create-content>.cv-empty-state .cv-empty-wrapper{border:none;border-radius:0;min-height:100%}.create-page.has-info .vv-hero-card,.create-page.has-info .vv-hero-visual{max-width:100%!important;overflow:hidden!important}.create-page.has-info .vv-hero-visual>.vv-demo-flow{transform-origin:50%!important;margin:-var(--space-2-5)0!important;transform:scale(.82)!important}}@media (max-width:380px){.create-page.has-info .vv-hero-visual>.vv-demo-flow{margin:-var(--space-3-5)0!important;transform:scale(.76)!important}}@media (min-width:768px){.create-page.has-info .create-content{display:block}.cv-landing-header{display:none!important}}