@media (min-width:768px){.create-container,.create-left-wrapper{contain:layout paint style}}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}.cph{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--space-1-5) + env(safe-area-inset-top, 0px)) var(--space-3-5) var(--space-1-5);background:transparent;position:relative;z-index:700;min-height:56px}@media (max-width:767px){body.has-announcement .create-page.has-info .cv-landing-header{top:var(--announcement-offset,0)}}.cph__btn{width:40px;height:40px;min-width:40px;min-height:40px;aspect-ratio:1;border-radius:var(--radius-circle);background:var(--bg-card);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;transition:background .2s ease,border-color .2s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent;padding:0;box-sizing:border-box}@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{position:absolute;left:50%;transform:translateX(-50%);z-index:1;display:flex;flex-direction:column;align-items:center}.cph__title-btn{display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:var(--space-1);background:none;border:none;cursor:pointer;padding:var(--space-1-5) var(--space-2-5);min-height:0!important;min-width:0!important;border-radius:var(--radius-md);transition:background var(--transition-normal);-webkit-tap-highlight-color:transparent}@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);margin:0;white-space:nowrap;letter-spacing:-.01em;line-height:1;display:inline}.cph__chevron{width:16px;height:16px;color:var(--text-muted);transition:transform .25s cubic-bezier(.4,0,.2,1),color .2s ease;flex-shrink:0;display:inline-block}.cph__chevron--open{transform:rotate(180deg);color:var(--text-secondary)}.cph__dropdown{position:absolute;top:calc(100% + var(--space-1-5));left:50%;transform:translateX(-50%);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;animation:cphDropIn .18s cubic-bezier(.32,.72,0,1);white-space:nowrap}@keyframes cphDropIn{0%{opacity:0;transform:translateX(-50%) scale(.96) translateY(calc(-1 * var(--space-1-5)))}to{opacity:1;transform:translateX(-50%) scale(1) translateY(0)}}.cph__dropdown-item{display:flex;align-items:center;justify-content:center;padding:var(--space-2-5) var(--space-5);min-height:0;background:none;border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-md);font-weight:var(--font-medium);cursor:pointer;transition:background .15s ease,color .15s ease;text-decoration:none;letter-spacing:-.01em;line-height:1;-webkit-tap-highlight-color:transparent}@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;height:44px;min-width:44px}.cph__btn,.cph__title-btn{min-height:44px}}@media (min-width:768px){.cph{display:none}}.create-page{--create-content-gap:var(--space-4,16px);--section-margin-top:var(--space-3,12px);--component-padding:var(--space-4,16px);--component-padding-compact:var(--space-3,12px);--element-gap:var(--space-2,8px);--element-gap-lg:var(--space-3,12px);--mobile-bg:var(--bg-body);--mobile-surface-elevated:var(--bg-card);--mobile-border:var(--border-subtle);--mobile-border-subtle:var(--border-subtle);--mobile-text-primary:var(--text-primary);--mobile-text-secondary:var(--text-muted);position:relative;height:100vh;height:100dvh;background:var(--bg-body);display:flex;flex-direction:column;padding:0;overflow:hidden}@media (min-width:768px){.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);flex-direction:row;height:calc(100vh - 64px);height:calc(100dvh - 64px);margin-top:var(--space-16);overflow:hidden;padding:0;width:100%}}@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-backdrop{display:none}@media (min-width:768px){.create-backdrop{display:none}}.create-left-wrapper{position:relative;width:100%;padding:var(--space-4);box-sizing:border-box;min-height:0;display:flex;flex-direction:column;overflow:visible}@media (max-width:767px){.create-left-wrapper{flex:1}}@media (min-width:768px){.create-left-wrapper{width:var(--create-left-width);height:100%;max-height:100%;padding:0;z-index:600;overflow:hidden;flex-shrink:0}}@media (min-width:768px) and (max-width:1199px){.create-left-wrapper{position:fixed;left:var(--create-sidebar-width);top:var(--create-header-height)}}.create-container{width:100%;box-sizing:border-box;display:flex;flex-direction:column;flex:1;min-height:0;position:relative;margin:0;padding:0;background:transparent;border:none;border-radius:0;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));margin:0;padding:0;background:var(--sg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-2xl);z-index:600;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{display:none;flex:1;background:transparent;overflow-y:auto;overflow-x:hidden;position:relative;z-index:600;box-sizing:border-box}.create-page.is-generating .create-content{display:flex}@media (min-width:768px){.create-content{display:flex;flex-direction:column;position:relative;flex:1;height:100%;max-height:100%;padding:0 var(--space-2);background:transparent;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{flex:1 1 0%;min-width:0;padding:0 var(--space-2) 0 0;overflow:hidden}}.create-nav{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:0;padding:0;background:transparent;border-radius:0;flex-shrink:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;border-bottom:none;margin-bottom:var(--space-1,4px)}@media (min-width:768px){.create-nav{gap:var(--space-4,16px);padding:var(--space-3,12px) var(--container-padding-x) 0;background:transparent;border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:none;margin-bottom:0}}.create-nav::-webkit-scrollbar{display:none}.nav-tab{display:flex;flex-direction:column;justify-content:center;padding:10px 16px;min-height:44px;background:transparent;border:none;border-radius:0;cursor:pointer;font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-medium);font-size:var(--text-sm);line-height:1.4;text-align:left;color:var(--text-muted);white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:var(--transition-all);position:relative}.nav-tab:after{content:"";position:absolute;bottom:0;left:var(--space-4);right:var(--space-4);height:2px;background:transparent;border-radius:2px 2px 0 0;transition:background var(--transition-normal)}@media (min-width:768px){.nav-tab{padding:9px 0 11px;min-height:40px;font-size:var(--text-sm);border-bottom:2px solid transparent}.nav-tab:after{display:none}}@media (hover:hover){.nav-tab:hover{color:var(--text-primary)}}.nav-tab:active{transform:scale(.98);opacity:.8}.nav-tab-active{color:var(--text-primary);font-weight:var(--font-semibold)}.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)}}@media (hover:hover){.nav-tab-active:hover{color:var(--text-primary)}}.create-form{display:flex;flex-direction:column;background:transparent;border-radius:0;flex:1;min-height:0;position:relative}@media (min-width:768px){.create-form{z-index:600}}.form-scroll-container{position:relative;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;min-height:0;padding:0 0 calc(120px + env(safe-area-inset-bottom, 0px));display:flex;flex-direction:column;align-items:center;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom;scroll-padding-bottom:calc(120px + env(safe-area-inset-bottom, 0px))}@media (min-width:768px){.form-scroll-container{padding:0 var(--container-padding-x) var(--space-4)}}@media (max-width:359px){.create-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-2);width:100%;overflow:visible}.nav-tab{min-width:0;width:100%;padding-inline:var(--space-2);align-items:center;text-align:center;font-size:var(--text-xs);line-height:1.25;white-space:normal}.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{position:fixed;left:var(--space-5);right:var(--space-5);bottom:max(var(--space-5),env(safe-area-inset-bottom,var(--space-5)));padding:0!important;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;z-index:800}.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{position:static;flex-shrink:0;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{position:static;padding:var(--space-3,12px) var(--container-padding-x) var(--space-4);background:transparent;border-top:none;box-shadow:none;margin-top:auto;flex-shrink:0}}.generate-button{position:relative;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%);border:1px solid transparent;border-radius:14px;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;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);box-shadow:0 2px 8px rgba(var(--brand-cyan-rgb),.1),inset 0 1px 0 var(--sg-white-08);display:flex;align-items:center;justify-content:center;gap:var(--space-2-5);-webkit-tap-highlight-color:transparent;touch-action:manipulation;overflow:hidden}.generate-button:before{padding:1.5px;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);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6}.generate-button:after,.generate-button:before{content:"";position:absolute;inset:0;border-radius:var(--radius-md);transition:opacity var(--transition-slow)}.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);position:relative;z-index:1;background:linear-gradient(135deg,var(--brand-cyan) 0,var(--brand-cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.generate-button .coin-icon,.generate-button svg{transition:var(--transition-slow);color:inherit;position:relative;z-index:1}@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%);transform:translateY(-1px);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)}.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%);-webkit-background-clip:text;background-clip:text;color:transparent}.generate-button:hover .coin-icon,.generate-button:hover svg{color:var(--text-success);transform:scale(1.1);filter:drop-shadow(0 0 6px rgba(var(--brand-cyan-rgb),.5))}}.generate-button:active{transform:translateY(0) scale(.98);transition-duration:.1s}.generate-button:disabled{opacity:.4;transform:none;box-shadow:none}.generate-button:disabled:before{opacity:.3}@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{background:none;-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{display:flex;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);position:relative;z-index:1}.generate-cost>span{background:linear-gradient(135deg,var(--brand-cyan) 0,var(--brand-cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}@media (hover:hover){.generate-button:hover .generate-cost>span{background:linear-gradient(135deg,var(--brand-cyan) 0,var(--brand-cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}}.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{width:24px;height:24px;flex-shrink:0}.balance-popup-overlay{padding:var(--space-5);animation:fade-in .2s ease-out}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-5);animation:fade-in .2s ease}.delete-modal{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);max-width:400px;width:100%;padding:var(--space-8) var(--space-7);box-shadow:var(--shadow-xl);animation:slide-up .3s ease}.dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:900}.dropdown-menu{background:var(--bg-body);min-width:200px;max-height:400px;box-shadow:0 8px 32px var(--sg-black-40);z-index:950;animation:dropdown-appear .2s ease}.dropdown-item{gap:var(--space-3);padding:var(--space-3) var(--space-4);min-height:44px;transition:background var(--transition-normal);border:none;background:transparent;width:100%;text-align:left;font-size:var(--text-sm);font-weight:var(--font-medium)}@media (hover:hover){.dropdown-item:hover{background:var(--bg-accent-subtle)}}.dropdown-item-content{flex-direction:column}.dropdown-checkmark{width:16px;height:16px;color:var(--text-accent)}@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{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-5);text-align:center}@media (min-width:768px){.create-content .cv-empty-state{padding-top:0;padding-left:0}}.cv-empty-wrapper{width:100%}.cv-empty-header{margin-bottom:var(--space-6)}.cv-empty-title{font-weight:var(--font-semibold);font-size:var(--text-xl);color:var(--text-primary);margin:0 0 var(--space-2) 0}.cv-empty-subtitle,.cv-empty-title{font-family:var(--font-roboto),"Roboto",sans-serif}.cv-empty-subtitle{font-weight:var(--font-normal);font-size:var(--text-sm);color:var(--text-secondary);margin:0}.cv-empty-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);width:100%}@media (min-width:768px){.cv-empty-grid{grid-template-columns:repeat(2,1fr)}}.cv-step-title{font-weight:var(--font-semibold);font-size:var(--text-md);color:var(--text-primary);margin:0 0 var(--space-1) 0}.cv-step-text,.cv-step-title{font-family:var(--font-roboto),"Roboto",sans-serif}.cv-step-text{font-weight:var(--font-normal);font-size:var(--text-ms);color:var(--text-secondary);margin:0;line-height:1.5}.create-page{--create-header-height:0px;--create-sidebar-width:0px;--create-left-width:100%;--create-content-gap:var(--space-3,12px);--section-margin-top:8px;--component-padding:12px;--component-padding-compact:10px;--element-gap:6px;--element-gap-lg:8px;--container-padding-x:var(--space-4,16px);--mobile-bg:var(--sg-canvas-deep);--mobile-surface:var(--sg-white-04);--mobile-surface-elevated:var(--sg-white-06);--mobile-border:var(--sg-white-06);--mobile-border-subtle:var(--sg-white-04);--mobile-text-primary:var(--sg-text-soft);--mobile-text-secondary:var(--sg-white-60);--mobile-accent:var(--brand-cyan)}@media (min-width:768px){.create-page{--create-header-height:72px;--create-sidebar-width:80px;--create-left-width:360px;--create-content-gap:var(--space-4,16px);--section-margin-top:8px;--component-padding:10px;--element-gap:6px}}@media (min-width:768px) and (max-width:1023px){.create-page{--create-header-height:64px;--create-sidebar-width:0px}}.field-section{border:none;padding:0;margin:var(--space-2) 0 0;width:100%;min-inline-size:0}@media (min-width:768px){.field-section{margin-top:var(--section-margin-top)}}.field-section-row{display:flex;flex-direction:row;gap:var(--space-2);width:100%;max-width:100%;margin-top:var(--space-2);box-sizing:border-box}@media (min-width:768px){.field-section-row{gap:var(--space-1-5)}}.select-wrapper{position:relative;flex:1}.select-button{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-1-5);padding:var(--space-2-5) var(--space-3-5);background:var(--mobile-surface,var(--sg-white-04));border:1px solid var(--mobile-border,var(--sg-white-06));border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}@media (min-width:768px){.select-button{padding:var(--space-1-5) var(--space-2-5);background:rgba(var(--bg-header-rgb),.78);border:none;border-radius:var(--radius-sm)}}@media (hover:hover){.select-button:hover{background:var(--mobile-surface-elevated,var(--sg-white-06));border-color:var(--border-subtle)}}@media (min-width:768px) and (hover:hover){.select-button:hover{background:var(--bg-card);border:none}}.select-button:active{transform:scale(.99);opacity:.9}.select-button-half{flex:1;justify-content:flex-start}.select-content{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.select-content-compact{flex:1;min-width:60px}.select-label-container{width:100%}.select-label{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-medium);font-size:var(--text-xxs);line-height:1.2;text-align:left;color:var(--mobile-text-secondary,var(--sg-white-60));display:block;text-transform:uppercase;letter-spacing:.04em}@media (min-width:768px){.select-label{font-weight:var(--font-normal);font-size:var(--text-xs);text-transform:none;letter-spacing:0}}.select-value-container{display:flex;flex-direction:row;align-items:center;width:100%;gap:var(--space-1-5)}.select-value{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-medium);font-size:var(--text-sm);line-height:1.4;text-align:left;color:var(--mobile-text-primary,var(--sg-text-soft));display:block}@media (min-width:768px){.select-value{font-weight:var(--font-normal);font-size:var(--text-ms)}}.select-chevron{width:16px;height:16px;margin-left:auto;flex-shrink:0;opacity:.4}.dropdown-overlay{display:none}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-popover-solid);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-1);display:flex;flex-direction:column;gap:2px;box-shadow:0 8px 20px var(--sg-black-45);animation:dropdown-fade-in .12s ease-out;max-height:min(320px,60vh);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.dropdown-menu,.dropdown-menu.dropdown-portal{z-index:var(--z-popover)}.dropdown-menu.dropdown-portal.desktop{position:fixed;right:auto;min-width:120px;max-width:none;animation:dropdown-desktop-fade-in .15s ease-out;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}@keyframes dropdown-desktop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-normal);font-size:var(--text-ms);line-height:1.3;gap:var(--space-1-5);cursor:pointer;border-radius:var(--radius-sm);padding:8px 10px;outline:none;transition:background .12s ease;color:var(--text-primary);touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}.dropdown-item>*{pointer-events:none}@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:var(--bg-glass-hover)}}.dropdown-checkmark{width:14px;height:14px;flex-shrink:0;color:var(--text-success)}.aspect-ratio-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.select-value-container .aspect-ratio-icon{margin-right:6px}.aspect-ratio-rect{background:var(--text-disabled);border-radius:2px}.aspect-ratio-star{color:var(--text-muted)}.select-value-container .aspect-ratio-rect{background:var(--text-muted)}.select-value-container .aspect-ratio-star{color:var(--sg-white-70)}@media (hover:hover){.dropdown-item:hover .aspect-ratio-rect{background:var(--sg-white-60)}.dropdown-item:hover .aspect-ratio-star{color:var(--sg-white-70)}}.dropdown-item.selected .aspect-ratio-rect{background:var(--sg-white-60)}.dropdown-item.selected .aspect-ratio-star{color:var(--sg-white-70)}.dropdown-item-content{display:flex;align-items:center;flex:1;gap:var(--space-2)}.prompt-section{border:none;padding:0;margin:var(--space-2) 0 0;width:100%;display:flex;flex-direction:column;min-inline-size:0}@media (min-width:768px){.prompt-section{margin-top:var(--section-margin-top)}}.prompt-label-wrapper{display:flex;flex-direction:column;gap:var(--space-1-5);padding:var(--space-3) var(--space-3-5);background:var(--mobile-surface,var(--sg-white-04));border-radius:var(--radius-md);border:1px solid var(--mobile-border,var(--sg-white-06));transition:all .2s ease}@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:var(--border-subtle)}}@media (min-width:768px) and (hover:hover){.prompt-label-wrapper:hover{border-color:var(--border-strong);background:rgba(var(--bg-body-rgb),.85)}}.prompt-label-wrapper:focus-within{border-color:var(--border-subtle)}@media (min-width:768px){.prompt-label-wrapper:focus-within{border-color:var(--border-subtle);background:rgba(var(--bg-body-rgb),.9)}}.prompt-label{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-medium);font-size:var(--text-xxs);line-height:1.4;text-align:left;color:var(--mobile-text-secondary,var(--sg-white-60));text-transform:uppercase;letter-spacing:.04em}@media (min-width:768px){.prompt-label{font-size:13.7px;text-transform:none;letter-spacing:0}}.prompt-label-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.prompt-voice-btn{flex-shrink:0}.prompt-label-actions{flex-shrink:0}.prompt-counter-group,.prompt-label-actions{display:flex;align-items:center;gap:var(--space-1-5)}.prompt-counter-group{min-width:0;overflow:hidden}.prompt-clear-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px var(--space-2-5);background:var(--bg-card-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-ms);line-height:1;cursor:pointer;transition:all .2s ease;flex-shrink:0}@media (hover:hover){.prompt-clear-btn:hover{color:var(--text-primary);background:var(--sg-white-10);border-color:var(--sg-white-15)}}.prompt-clear-btn--icon{width:32px;height:32px;min-width:32px;padding:0;border-radius:var(--radius-circle);font-size:var(--text-base)}@media (max-width:767px){.prompt-clear-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-ms);min-height:36px;border-radius:var(--radius-xs)}.prompt-clear-btn--icon{width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border-radius:var(--radius-circle)}}.prompt-textarea{width:100%;min-height:380px;padding:0;font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-normal);font-size:var(--text-base);line-height:1.5em;text-align:left;color:var(--text-primary);background:transparent;border:none;outline:none;resize:vertical;max-height:none;overflow-x:hidden;overflow-y:auto;overflow-wrap:break-word;word-break:break-word}.prompt-textarea--compact{min-height:70px;max-height:150px}@media (max-width:767px){.prompt-textarea{min-height:140px}}.prompt-textarea::placeholder{color:var(--text-muted);font-size:inherit;font-weight:inherit;font-family:inherit}.prompt-resize-handle{display:flex;align-items:center;justify-content:center;height:20px;cursor:ns-resize;touch-action:none;user-select:none;-webkit-user-select:none}.prompt-resize-handle:after{content:"";width:32px;height:3px;border-radius:2px;background:var(--sg-white-15)}@media (min-width:768px){.prompt-textarea{font-size:var(--text-sm)}.prompt-textarea:not(.prompt-textarea--compact){height:380px;min-height:190px}.prompt-resize-handle{display:none}}.prompt-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-width:0}.prompt-char-counter{font-size:var(--text-xs);white-space:nowrap}.prompt-footer-left{display:flex;align-items:center;gap:var(--space-1-5);min-width:0;flex-shrink:0}.prompt-enhance-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px var(--space-2-5);background:rgba(var(--brand-cyan-rgb),.08);border:1px solid rgba(var(--brand-cyan-rgb),.2);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-2xs);font-weight:var(--font-semibold);letter-spacing:.02em;transition:all .2s ease;color:var(--brand-cyan);min-width:36px;justify-content:center}@media (hover:hover){.prompt-enhance-btn:hover:not(:disabled){background:rgba(var(--brand-cyan-rgb),.15);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:rgba(var(--brand-cyan-rgb),.3)}@media (max-width:767px){.prompt-enhance-btn{padding:var(--space-1-5) var(--space-2-5);font-size:var(--text-2xs);min-height:44px;min-width:42px;border-radius:var(--radius-xs)}}.prompt-lang-toggle{display:inline-flex;align-items:center;gap:2px;padding:4px var(--space-2-5);background:var(--bg-card-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-2xs);font-weight:var(--font-semibold);letter-spacing:.02em;transition:all .2s ease;color:var(--text-muted);min-width:64px;justify-content:center}@media (hover:hover){.prompt-lang-toggle:hover:not(:disabled){background:rgba(var(--brand-cyan-rgb),.1);border-color:rgba(var(--brand-cyan-rgb),.3)}}.prompt-lang-toggle:disabled{opacity:.4;cursor:not-allowed}.prompt-lang-toggle.translating{pointer-events:none}.prompt-lang-option{transition:all .2s ease}.prompt-lang-option.active{color:var(--text-accent)}.prompt-lang-divider{color:var(--sg-white-22);margin:0 1px}.prompt-lang-spinner{width:14px;height:14px;border:2px solid rgba(var(--brand-cyan-rgb),.2);border-top-color:var(--text-accent);border-radius:var(--radius-circle);animation:prompt-lang-spin .7s 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);min-height:44px;min-width:54px;gap:1px;border-radius:var(--radius-xs)}.prompt-lang-spinner{width:10px;height:10px;border-width:1.5px}}@media (min-width:768px){.generate-footer{padding:var(--space-3) var(--space-4) var(--space-1-5);margin-bottom:0}}.balance-warning{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--sg-white-03);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-2-5)}.balance-warning__text{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-medium)}.balance-warning__topup-btn{display:inline-flex;align-items:center;justify-content:center;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(--text-on-brand);font-size:var(--text-2xs);font-weight:var(--font-semibold);text-decoration:none;cursor:pointer;border:none;transition:all .2s ease;flex-shrink:0}@media (hover:hover){.balance-warning__topup-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--brand-cyan-rgb),.25)}}.balance-warning__topup-btn:active{transform:translateY(0)}.balance-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .2s ease}.balance-warning--popup{margin-bottom:0;padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);background:rgba(var(--bg-body-rgb),.95);border:1px solid var(--border-subtle);box-shadow:0 20px 60px var(--sg-black-50);animation:popupSlideIn .25s ease}@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(--sg-text-faint) 0,var(--sg-text-faint) 50%,var(--sg-text-faint) 100%);cursor:not-allowed;opacity:.7}.generate-button:disabled:before{opacity:0}.generate-button:disabled>span{background:none;-webkit-background-clip:unset;background-clip:unset;color:var(--text-primary)}.generate-button:disabled .coin-icon path{fill:var(--text-primary)}.generate-button:disabled .generate-cost span{background:none;-webkit-background-clip:unset;background-clip:unset;color:var(--text-primary)}@media (hover:hover){.generate-button:disabled:hover{background:linear-gradient(90deg,var(--sg-text-faint) 0,var(--sg-text-faint) 50%,var(--sg-text-faint) 100%);box-shadow:none}}.model-section{border:none;padding:0;margin:var(--space-2) 0 0;width:100%}@media (min-width:768px){.model-section{margin-top:var(--section-margin-top)}}.model-container{display:flex;flex-direction:column;width:100%}.model-button{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-1-5);padding:var(--space-2-5) var(--space-3-5);background:var(--mobile-surface,var(--sg-white-04));border:1px solid var(--mobile-border,var(--sg-white-06));border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-all);width:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}@media (min-width:768px){.model-button{padding:var(--space-2,var(--space-2)) var(--space-3,var(--space-3));background:transparent;border:none;border-radius:var(--radius-sm)}}@media (hover:hover){.model-button:hover{background:var(--mobile-surface-elevated,var(--sg-white-06));border-color:var(--sg-white-10)}}@media (min-width:768px) and (hover:hover){.model-button:hover{background:var(--bg-card);border:none}}.model-button:active{transform:scale(.99);opacity:.9}.model-content{display:flex;flex-direction:column;align-items:flex-start;flex:1}@media (min-width:768px){.model-content{width:240px;flex:none}}.model-label-container{display:flex;flex-direction:column;width:100%}.model-label{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-medium);font-size:var(--text-xxs);line-height:1.4;text-align:left;color:var(--mobile-text-secondary,var(--sg-white-60));width:100%;text-transform:uppercase;letter-spacing:.04em}@media (min-width:768px){.model-label{font-size:var(--text-xs);text-transform:none;letter-spacing:0}}.model-value-container{flex-direction:row;gap:var(--space-1)}.model-value-container,.model-value-wrapper{display:flex;align-items:center;width:100%}.model-value{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-medium);font-size:var(--text-sm);line-height:1.4;text-align:left;white-space:nowrap;color:var(--mobile-text-primary,var(--sg-text-soft))}@media (min-width:768px){.model-value{font-weight:var(--font-medium);font-size:var(--text-sm)}}.model-chevron,.model-star-icon{width:16px;height:16px}.model-chevron{margin-left:auto;flex-shrink:0;opacity:.4}.model-container{position:relative}.model-dropdown-menu{position:fixed;min-width:min(340px,calc(100vw - 32px));max-width:400px;max-height:calc(100vh - 40px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom;scrollbar-width:thin;scrollbar-color:var(--sg-white-14) transparent;background:var(--sg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-2);display:flex;flex-direction:column;gap:0;z-index:var(--z-popover);box-shadow:0 8px 32px var(--sg-black-50),0 0 0 1px var(--sg-white-05) inset;animation:dropdown-slide-right .2s cubic-bezier(.34,1.56,.64,1)}.model-dropdown-menu::-webkit-scrollbar{width:4px}.model-dropdown-menu::-webkit-scrollbar-track{background:transparent}.model-dropdown-menu::-webkit-scrollbar-thumb{background:var(--sg-white-14);border-radius:var(--radius-xs)}.model-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--sg-white-22)}@keyframes dropdown-slide-right{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.model-dropdown-group{position:relative}.model-dropdown-item.model-dropdown-group{overflow:visible}.model-dropdown-group.is-active{background:var(--sg-white-05)}@media (hover:hover){.model-dropdown-group:hover{background:var(--sg-white-05)}}.model-dropdown-group.is-active .model-item-icon-container{background:linear-gradient(145deg,var(--sg-canvas-elevated) 0,var(--sg-canvas-elevated) 100%);border-color:var(--border-strong)}.model-dropdown-group.is-active .model-item-arrow{color:var(--sg-white-80);transform:translateX(3px)}.model-dropdown-submenu{position:fixed;min-width:min(340px,calc(100vw - 32px));max-width:400px;max-height:calc(100vh - 40px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom;background:var(--sg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-3);z-index:var(--z-popover);box-shadow:0 8px 32px var(--sg-black-60),0 0 0 1px var(--sg-white-05) inset,0 1px 0 var(--sg-white-05) inset;animation:submenu-slide .2s cubic-bezier(.34,1.56,.64,1)}.model-dropdown-submenu:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--sg-white-10) 20%,var(--sg-white-15) 50%,var(--sg-white-10) 80%,transparent 100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.model-dropdown-submenu .submenu-item{background:transparent;border-bottom:none;border-radius:var(--radius-md);transition:var(--transition-all);position:relative;overflow:visible;min-height:auto;height:auto;padding:var(--space-2-5) var(--space-3)}.model-dropdown-submenu .submenu-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--sg-white-05) 0,transparent 100%);opacity:0;transition:opacity var(--transition-normal);border-radius:var(--radius-md)}@media (hover:hover){.model-dropdown-submenu .submenu-item:hover{background:var(--bg-card-hover);transform:translateX(2px)}.model-dropdown-submenu .submenu-item:hover:before{opacity:1}}.model-dropdown-submenu .submenu-item:active{transform:translateX(2px) scale(.99)}.model-dropdown-submenu .submenu-back{background:var(--sg-white-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:var(--sg-white-70);font-weight:var(--font-semibold)}.model-dropdown-submenu .submenu-back .model-item-icon-container{background:var(--bg-glass)}@media (max-width:767px){.model-dropdown-menu .mobile-submenu{position:static!important;transform:none!important;width:100%;max-width:none;border:none;box-shadow:none;background:transparent;padding:0!important}.model-dropdown-menu .mobile-submenu:before{display:none}.model-dropdown-menu .mobile-submenu .submenu-item{padding:var(--space-3-5) var(--space-4);margin-bottom:var(--space-1);background:var(--sg-white-02);border-radius:var(--radius-md)}.model-dropdown-menu .mobile-submenu .submenu-item:active{background:var(--bg-card-hover);transform:scale(.99)}.model-dropdown-menu .mobile-submenu .wan-version-specs{margin-top:var(--space-3);gap:var(--space-2)}.model-dropdown-menu .mobile-submenu .wan-version-spec{padding:var(--space-1-5) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-md)}}.wan-version-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.wan-version-title{font-weight:var(--font-semibold);font-size:var(--text-md);line-height:1.4;color:var(--white);margin:0;letter-spacing:-.01em}.wan-version-description,.wan-version-title{font-family:var(--font-roboto),"Roboto",sans-serif}.wan-version-description{font-weight:var(--font-normal);font-size:var(--text-ms);line-height:1.5;color:var(--text-muted);margin:2px 0 0}.model-dropdown-submenu .model-item-title{font-weight:var(--font-semibold);font-size:var(--text-ms);letter-spacing:-.01em;transition:color var(--transition-fast)}@media (hover:hover){.model-dropdown-submenu .submenu-item:hover .model-item-title{color:var(--white)}}.model-dropdown-submenu .model-item-description{font-size:var(--text-xs);line-height:1.4;color:var(--text-muted);margin-top:1px;transition:color var(--transition-fast)}@media (hover:hover){.model-dropdown-submenu .submenu-item:hover .model-item-description{color:var(--sg-white-70)}}.wan-version-specs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2-5)}.wan-version-spec{display:inline-flex;align-items:center;gap:5px;padding:var(--space-1) var(--space-2-5);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-medium);font-size:var(--text-2xs);line-height:1.4;color:var(--sg-white-62);transition:var(--transition-all)}@media (hover:hover){.model-dropdown-submenu .submenu-item:hover .wan-version-spec{background:var(--bg-card-hover);border-color:var(--sg-white-10)}}.wan-version-spec svg{color:var(--sg-white-50);flex-shrink:0;width:14px;height:14px}.wan-version-spec--audio{background:linear-gradient(135deg,rgba(var(--brand-cyan-rgb),.15) 0,rgba(var(--brand-cyan-rgb),.1) 100%);border-color:rgba(var(--brand-cyan-rgb),.3)}.wan-version-spec--audio,.wan-version-spec--audio svg{color:rgba(var(--brand-cyan-rgb),.95)}@media (hover:hover){.model-dropdown-submenu .submenu-item:hover .wan-version-spec--audio{background:linear-gradient(135deg,rgba(var(--brand-cyan-rgb),.25) 0,rgba(var(--brand-cyan-rgb),.15) 100%);border-color:rgba(var(--brand-cyan-rgb),.45)}}.model-coming-soon-badge{margin-left:var(--space-2);padding:2px var(--space-2);font-size:var(--text-xxs);font-weight:var(--font-semibold);letter-spacing:.3px;text-transform:uppercase;color:var(--color-warning,var(--sg-warning));background:rgba(var(--sg-warning-rgb),.12);border:1px solid rgba(var(--sg-warning-rgb),.25);border-radius:var(--radius-full,var(--radius-full));white-space:nowrap;line-height:1.4}.model-new-badge{color:var(--brand-cyan,var(--brand-cyan));background:rgba(var(--brand-cyan-rgb),.12);border:1px solid rgba(var(--brand-cyan-rgb),.3);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(--sg-warning);background:rgba(var(--sg-warning-rgb),.14);border:1px solid rgba(var(--sg-warning-rgb),.32);border-radius:var(--radius-full,var(--radius-full))}.model-dropdown-item{display:flex;flex-direction:row;align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-3);min-height:58px;box-sizing:border-box;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);width:100%;text-align:left;position:relative;overflow:hidden;font:inherit;color:inherit;-webkit-appearance:none;appearance:none;margin:0}.model-dropdown-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--sg-white-04) 0,transparent 100%);opacity:0;transition:opacity var(--transition-normal);border-radius:var(--radius-md)}@media (hover:hover){.model-dropdown-item:hover{background:var(--sg-white-05)}.model-dropdown-item:hover:before{opacity:1}}.model-dropdown-item:active{transform:scale(.99)}.model-dropdown-item:focus-visible{background:var(--sg-white-05);outline:none}.model-modal-overlay{display:none}@media (max-width:767px){.model-modal-overlay{display:block;position:fixed;inset:0;background:var(--sg-black-85);z-index:var(--z-modal-backdrop);animation:overlay-fade-in .2s ease-out}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.model-dropdown-menu{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:calc(100vw - 32px)!important;min-width:auto!important;max-width:420px!important;border-radius:var(--radius-xl)!important;padding:var(--space-2-5)!important;gap:var(--space-1)!important;max-height:80vh;max-height:80dvh;overflow-y:auto;animation:mobile-modal-fade-in .25s cubic-bezier(.34,1.56,.64,1)!important;background:linear-gradient(165deg,rgba(var(--bg-card-elevated-rgb),.98) 0,var(--sg-canvas-deep) 100%)!important;border:1px solid var(--sg-white-10)!important;box-shadow:0 24px 64px var(--sg-black-70),0 0 0 1px var(--sg-white-05) inset!important}.model-dropdown-menu:before{display:none}@keyframes mobile-modal-fade-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.model-dropdown-item{padding:var(--space-3) var(--space-3-5);min-height:48px;border-radius:var(--radius-sm);gap:var(--space-3)}.model-item-content{gap:3px;overflow:hidden}.model-item-icon-container{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--sg-canvas-elevated)}.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);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-dropdown-submenu{position:static!important;left:auto!important;margin-top:var(--space-1);margin-left:0;background:transparent!important;border:none!important;border-radius:var(--radius-md)!important;animation:none!important;padding:0!important;box-shadow:none!important;gap:var(--space-1)!important}.model-dropdown-submenu:before{display:none!important}.model-dropdown-submenu .submenu-item{padding:var(--space-2-5) var(--space-3);min-height:44px;background:var(--sg-white-03);border-radius:var(--radius-sm);margin-bottom:2px;border:1px solid var(--sg-white-04)}.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-dropdown-submenu .wan-version-specs{margin-top:var(--space-3);gap:var(--space-2)}.model-dropdown-submenu .wan-version-spec{padding:var(--space-1-5) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-md)}.model-item-arrow,.wan-versions-modal{display:none}}.model-item-icon-container{background:linear-gradient(145deg,var(--sg-canvas-elevated) 0,var(--sg-canvas-elevated) 100%);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition-fast)}@media (hover:hover){.model-dropdown-item:hover .model-item-icon-container{background:linear-gradient(145deg,var(--sg-canvas-elevated) 0,var(--sg-canvas-elevated) 100%);border-color:var(--sg-white-10)}}.model-item-icon{width:16px;height:16px;color:var(--sg-white-92);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}@media (hover:hover){.model-dropdown-item:hover .model-item-icon{color:var(--white)}}.model-item-icon svg{width:100%;height:100%}.model-item-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.model-item-title-row{display:flex;align-items:center;gap:var(--space-1-5);flex-wrap:wrap;min-height:18px}.model-item-chevron{width:14px;height:14px;flex-shrink:0;color:var(--sg-white-28)}.model-item-chevron,.model-item-title{transition:color var(--transition-fast)}.model-item-title{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-semibold);font-size:var(--text-ms);line-height:1.3em;color:var(--sg-white-92);margin:0;letter-spacing:-.01em}@media (hover:hover){.model-dropdown-item:hover .model-item-title{color:var(--white)}.model-dropdown-item:hover .model-item-chevron{color:var(--sg-white-60)}}.model-item-description{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-normal);font-size:var(--text-xs);line-height:1.4em;color:var(--sg-white-50);margin:0;transition:color var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (hover:hover){.model-dropdown-item:hover .model-item-description{color:var(--sg-white-62)}}.model-badge-premium{padding:2px var(--space-1-5);font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-medium);font-size:var(--text-xs);line-height:1.3em;color:var(--text-success);background:rgba(var(--brand-cyan-rgb),.05);border:1px solid rgba(var(--brand-cyan-rgb),.15);border-radius:var(--radius-xs);white-space:nowrap}.model-badge-free-gens,.model-badge-free-gens-inner,.model-badge-premium{display:inline-flex;align-items:center}.model-badge-free-gens-inner{justify-content:center;gap:var(--space-1);padding:var(--space-1) var(--space-1-5);max-height:20px;border-radius:var(--radius-sm);background:linear-gradient(rgba(var(--sg-warning-rgb),.1) 0,rgba(var(--color-warning-rgb),.1) 100%),linear-gradient(rgba(var(--color-warning-rgb),.1) 0,rgba(var(--sg-warning-rgb),.1) 100%)}.model-badge-free-gens-inner svg{width:16px;height:16px}.model-badge-free-gens-text{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-medium);font-size:var(--text-xs);line-height:1.5em;white-space:nowrap;margin:0;background:linear-gradient(rgba(var(--color-warning-amber-rgb),1) 0,rgba(var(--color-warning-rgb),1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.model-item-arrow{width:24px;height:24px;flex-shrink:0;color:var(--sg-white-40);display:flex;align-items:center;justify-content:center;transition:var(--transition-all)}@media (hover:hover){.model-dropdown-item:hover .model-item-arrow{color:var(--sg-white-70);transform:translateX(2px)}}.model-item-arrow svg{width:20px;height:20px}.model-info-section{width:100%;padding:var(--space-10) var(--space-10) var(--space-12) var(--space-10);margin:var(--space-6) var(--space-4) var(--space-4) 0;display:flex;flex-direction:column;gap:var(--space-10);background:rgba(var(--bg-header-rgb),.78);border:1px solid var(--border-default);border-radius:var(--radius-xl)}@media (max-width:767px){.model-info-section{padding:var(--space-8) var(--space-8) var(--space-10) var(--space-8);gap:var(--space-8);margin:var(--space-5) var(--space-4) var(--space-4) 0}}@media (max-width:480px){.model-info-section{padding:var(--space-6) var(--space-5) var(--space-8) var(--space-5);gap:var(--space-7);margin:var(--space-4) 0 var(--space-4) 0}}.model-info-header{display:flex;flex-direction:column;gap:var(--space-3)}.model-info-main-title{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-bold);font-size:var(--text-h3);line-height:1.2em;letter-spacing:-.01em;color:var(--white);margin:0}@media (max-width:767px){.model-info-main-title{font-size:var(--text-h4)}}@media (max-width:480px){.model-info-main-title{font-size:var(--text-title-md)}}.model-info-intro{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-normal);font-size:var(--text-sm);line-height:1.6em;color:var(--sg-white-70);margin:0;max-width:900px}@media (max-width:767px){.model-info-intro{font-size:var(--text-md)}}@media (max-width:480px){.model-info-intro{font-size:var(--text-sm)}}.model-info-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.model-info-tag{display:inline-flex;align-items:center;padding:var(--space-1-5) var(--space-3);font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-medium);font-size:var(--text-ms);line-height:1.4em;color:var(--sg-white-80);background:var(--bg-card-hover);border:1px solid var(--sg-white-10);border-radius:var(--radius-sm);white-space:nowrap}.model-info-block{display:flex;flex-direction:column;gap:var(--space-4)}.model-info-title{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-semibold);font-size:var(--text-title-md);line-height:1.3em;letter-spacing:-.01em;color:var(--white);margin:0}@media (max-width:767px){.model-info-title{font-size:var(--text-xl)}}@media (max-width:480px){.model-info-title{font-size:var(--text-lg)}}.model-info-list{display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0;list-style:none}.model-info-list-item{position:relative;padding-left:var(--space-6);font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-normal);font-size:var(--text-md);line-height:1.6em;color:var(--sg-white-75)}.model-info-list-item:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:linear-gradient(135deg,var(--brand-cyan),var(--brand-cyan));border-radius:var(--radius-circle)}.model-examples-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media (min-width:768px){.model-examples-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}}@media (min-width:1200px){.model-examples-grid{grid-template-columns:repeat(3,1fr)}}.model-example-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition-slow)}@media (hover:hover){.model-example-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 8px 24px var(--sg-black-30)}}.model-example-preview{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--sg-black-40)}.model-example-image{width:100%;height:100%;object-fit:cover}.model-example-placeholder{background:linear-gradient(135deg,rgba(var(--brand-cyan-rgb),.1) 0,rgba(var(--brand-cyan-rgb),.05) 100%)}.model-example-icon,.model-example-placeholder{display:flex;align-items:center;justify-content:center}.model-example-icon{width:56px;height:56px;border-radius:var(--radius-md);background:var(--bg-card-hover);border:1px solid var(--border-default);color:rgba(var(--brand-cyan-rgb),.6);transition:var(--transition-slow)}@media (hover:hover){.model-example-card:hover .model-example-icon{background:var(--bg-glass);color:rgba(var(--brand-cyan-rgb),.8)}}.model-example-body{display:flex;flex-direction:column;gap:var(--space-2-5);padding:var(--space-4)}.model-example-title{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-semibold);font-size:var(--text-sm);line-height:1.3em;color:var(--white);margin:0}.model-example-prompt{display:flex;flex-direction:column;gap:var(--space-1)}.model-example-prompt-label{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-medium);font-size:var(--text-xs);line-height:1.4em;color:var(--sg-white-50);text-transform:uppercase;letter-spacing:.05em}.model-example-prompt-text{font-size:var(--text-ms);line-height:1.5em;color:var(--sg-white-70);margin:0}.model-example-meta,.model-example-prompt-text{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-normal)}.model-example-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);line-height:1.4em;color:var(--sg-white-50)}.model-settings-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3);padding:var(--space-5);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}@media (min-width:768px){.model-settings-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-4)}}.model-setting-item{display:flex;flex-direction:column;gap:var(--space-1)}.model-setting-label{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-medium);font-size:var(--text-ms);line-height:1.4em;color:var(--sg-white-60)}.model-setting-value{font-size:var(--text-md);line-height:1.5em;color:var(--white)}.model-setting-value,.model-settings-notes{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-normal)}.model-settings-notes{font-size:var(--text-sm);line-height:1.6em;color:var(--sg-white-62);margin:var(--space-2) 0 0 0;padding:var(--space-3);background:rgba(var(--sg-warning-rgb),.05);border-left:3px solid rgba(var(--sg-warning-rgb),.4);border-radius:var(--radius-xs)}.model-prompt-section{display:flex;flex-direction:column;gap:var(--space-3)}.model-prompt-subtitle{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-semibold);font-size:var(--text-sm);line-height:1.4em;color:var(--sg-white-92);margin:0}.model-prompt-formula{padding:var(--space-4) var(--space-5);font-family:Courier New,monospace;font-weight:var(--font-normal);font-size:var(--text-sm);line-height:1.6em;color:var(--text-success);background:rgba(var(--brand-cyan-rgb),.05);border:1px solid rgba(var(--brand-cyan-rgb),.2);border-radius:var(--radius-sm)}.model-prompt-examples{display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0;list-style:none}.model-prompt-example-item{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.model-prompt-number{font-weight:var(--font-semibold);color:var(--text-accent);flex-shrink:0}.model-prompt-number,.model-prompt-text{font-family:var(--font-roboto),"Roboto",sans-serif;font-size:var(--text-sm);line-height:1.6em}.model-prompt-text{font-weight:var(--font-normal);color:var(--sg-white-75)}.model-prompt-warnings{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.model-prompt-warning-item{position:relative;padding-left:var(--space-6);font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-normal);font-size:var(--text-sm);line-height:1.6em;color:rgba(var(--brand-red-rgb),.8)}.model-prompt-warning-item:before{content:"✕";position:absolute;left:0;top:0;color:rgba(var(--brand-red-rgb),.6);font-weight:var(--font-bold)}.model-comparison-list{display:flex;flex-direction:column;gap:var(--space-4)}.model-comparison-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.model-comparison-header{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.model-comparison-name{font-weight:var(--font-semibold);font-size:var(--text-md);color:var(--white)}.model-comparison-name,.model-comparison-vs{font-family:var(--font-roboto),"Roboto",sans-serif;line-height:1.4em}.model-comparison-vs{font-weight:var(--font-normal);font-size:var(--text-ms);color:var(--sg-white-40)}.model-comparison-link{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-semibold);font-size:var(--text-md);line-height:1.4em;color:var(--text-accent);text-decoration:none;transition:color var(--transition-normal)}@media (hover:hover){.model-comparison-link:hover{color:var(--text-success);text-decoration:underline}}.model-comparison-diff{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-normal);font-size:var(--text-sm);line-height:1.6em;color:var(--sg-white-70);margin:0}.model-faq-list{display:flex;flex-direction:column;gap:var(--space-2)}.model-faq-item{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.model-faq-question{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-4) var(--space-5);background:transparent;border:none;cursor:pointer;text-align:left;font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-semibold);font-size:var(--text-md);line-height:1.5em;color:var(--white);transition:background var(--transition-normal)}@media (hover:hover){.model-faq-question:hover{background:var(--sg-white-03)}}.model-faq-icon{flex-shrink:0;color:var(--sg-white-50);transition:transform var(--transition-slow)}.model-faq-question.active .model-faq-icon{transform:rotate(180deg)}.model-faq-answer{padding:0 var(--space-5) var(--space-4) var(--space-5);animation:faq-expand .3s ease}@keyframes faq-expand{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.model-faq-answer p{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-normal);font-size:var(--text-sm);line-height:1.6em;color:var(--sg-white-70);margin:0}.model-related-links{border-top:1px solid var(--border-subtle);padding-top:var(--space-8);margin-top:var(--space-2)}.model-links-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media (min-width:768px){.model-links-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.model-links-grid{grid-template-columns:repeat(4,1fr)}}.model-link-card{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3-5) var(--space-4);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-decoration:none;transition:var(--transition-all)}@media (hover:hover){.model-link-card:hover{background:rgba(var(--brand-cyan-rgb),.08);border-color:rgba(var(--brand-cyan-rgb),.3);transform:translateX(4px)}}.model-link-text{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-medium);font-size:var(--text-sm);line-height:1.4em;color:var(--sg-white-85)}.model-link-arrow{flex-shrink:0;color:var(--sg-white-40);transition:color var(--transition-normal)}@media (hover:hover){.model-link-card:hover .model-link-arrow{color:var(--text-accent)}}.model-learn-more-btn{display:none}@media (max-width:767px){.model-learn-more-btn{display:inline-flex;align-items:center;gap:5px;margin-top:var(--space-1-5);padding:0;min-height:44px;background:none;border:none;color:var(--brand-cyan,var(--brand-cyan));font-family:var(--font-roboto),"Roboto",sans-serif;font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1.4;cursor:pointer;-webkit-tap-highlight-color:transparent;opacity:.85;transition:opacity var(--transition-fast,.15s);text-align:left}@media (hover:hover){.model-learn-more-btn:hover{opacity:1}}.model-learn-more-btn:active{opacity:1}.model-learn-more-btn svg{flex-shrink:0;opacity:.8}}