:root{--ink:#f7f5ef;--muted:#a8a6b2;--panel:#16151fc7;--line:#ffffff1a;--accent:#c8ff5a;--violet:#a486ff;--background:#08080c;--font-geist:Inter, ui-sans-serif, system-ui, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{background:var(--background)}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 15% 5%, #a486ff2e, transparent 32rem), radial-gradient(circle at 85% 30%, #c8ff5a14, transparent 28rem), var(--background);font-family:var(--font-geist), system-ui, sans-serif;margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.site-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#08080cb8;grid-template-columns:1fr auto 1fr;align-items:center;min-height:64px;padding:0 5vw;display:grid;position:sticky;top:0}.brand{align-items:center;gap:10px;font-size:20px;font-weight:720;display:flex}.brand-mark{color:#08080c;background:var(--accent);border-radius:11px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.site-header nav{color:var(--muted);gap:6px;font-size:14px;display:flex}.site-header nav a{border-radius:10px;padding:9px 13px;transition:color .15s,background .15s}.site-header nav a:hover{color:var(--ink);background:#ffffff0a}.site-header nav a.active{color:#09090d;background:var(--accent);font-weight:700}.account-button{border:1px solid var(--line);color:var(--ink);background:#ffffff0a;border-radius:999px;justify-self:end;padding:10px 16px}.account-button:hover{background:#ffffff14;border-color:#ffffff38}.account-loading{background:#ffffff0d;border-radius:999px;justify-self:end;width:90px;height:38px}.account-menu{justify-self:end;position:relative}.account-chip{border:1px solid var(--line);color:var(--ink);background:#ffffff0a;border-radius:999px;align-items:center;gap:10px;padding:4px 4px 4px 12px;display:flex}.credit-balance{font:700 12px/1 var(--font-mono), monospace;align-items:center;gap:6px;display:flex}.credit-balance i{background:var(--accent);border-radius:50%;width:8px;height:8px;box-shadow:0 0 9px #c8ff5a73}.account-avatar{color:#0a0a0d;background:var(--accent);border-radius:50%;place-items:center;width:32px;height:32px;font-size:13px;font-weight:850;display:grid}.account-popover{z-index:45;border:1px solid var(--line);background:#14131bfa;border-radius:16px;width:250px;display:grid;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 22px 70px #0000008c}.account-popover>div{border-bottom:1px solid var(--line);gap:5px;padding:17px;display:grid}.account-popover strong{font-size:14px}.account-popover span{color:var(--muted);text-overflow:ellipsis;font-size:11px;overflow:hidden}.account-popover small{color:#0a0a0d;background:var(--accent);text-transform:uppercase;border-radius:999px;width:fit-content;margin-top:4px;padding:4px 7px;font-size:9px;font-weight:800}.account-popover a,.account-popover button{color:var(--ink);text-align:left;background:0 0;border:0;padding:13px 17px;font-size:13px}.account-popover a:hover,.account-popover button:hover{background:#ffffff0f}.eyebrow{color:var(--accent);font-family:var(--font-mono), monospace;letter-spacing:.13em;text-transform:uppercase;margin:0 0 14px;font-size:12px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;max-width:820px;margin-bottom:18px;font-size:clamp(42px,6vw,78px);line-height:.96}h2{letter-spacing:-.045em;margin-bottom:0;font-size:clamp(32px,4vw,52px)}h3{letter-spacing:-.035em;margin-bottom:12px;font-size:26px}.catalog{padding:32px 5vw 100px}.filter-row{flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-bottom:22px;display:flex}.filter{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:9px 14px}.filter.active{color:#09090d;border-color:var(--accent);background:var(--accent)}.model-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;width:100%;display:grid}.model-card{border:1px solid var(--line);background:var(--panel);border-radius:26px;outline:none;width:100%;min-width:0;transition:border-color .18s,box-shadow .18s,transform .18s;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000047}.model-card-clickable{cursor:pointer}.model-card-clickable:hover{border-color:#ffffff3d;transform:translateY(-3px);box-shadow:0 34px 90px #0000006b}.model-card-clickable:has(.model-card-trigger:focus-visible){border-color:#ffffff3d;transform:translateY(-3px);box-shadow:0 34px 90px #0000006b}.model-card-trigger{z-index:3;border-radius:inherit;background:0 0;border:0;outline:none;width:100%;padding:0;position:absolute;inset:0}.model-card-trigger:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.template-carousel{aspect-ratio:15/26;background:#111019;position:relative;overflow:hidden}.template-carousel-slide{visibility:hidden;opacity:0;pointer-events:none;position:absolute;inset:0}.template-carousel-slide.active{visibility:visible;opacity:1}.template-output-placeholder,.template-output{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.template-output-placeholder{z-index:0}.template-output{z-index:1;opacity:0;background:0 0;transition:opacity .18s}.template-carousel-slide.active.is-playing .template-output{opacity:1}.template-preview-shade{z-index:2;pointer-events:none;background:linear-gradient(#00000047,#0000 30%);position:absolute;inset:0}.template-generate-hint{z-index:5;color:#fff;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(14px)saturate(125%);backdrop-filter:blur(14px)saturate(125%);background:#0c0c106b;border:1px solid #ffffff3d;border-radius:999px;align-items:center;gap:8px;padding:11px 15px;font-size:13px;font-weight:750;transition:opacity .17s,transform .17s;display:flex;position:absolute;top:76%;left:50%;transform:translate(-50%,calc(8px - 50%));box-shadow:0 12px 42px #0000004d}.model-card-clickable:hover .template-generate-hint{opacity:1;transform:translate(-50%,-50%)}.model-card-clickable:has(.model-card-trigger:focus-visible) .template-generate-hint{opacity:1;transform:translate(-50%,-50%)}.input-preview{z-index:4;pointer-events:none;background:#121218;border:.5px solid #ffffffad;border-radius:8px;width:48px;position:absolute;top:12px;left:12px;overflow:hidden;box-shadow:0 6px 20px #00000057}.input-preview img{width:100%;height:auto;display:block}.carousel-arrow{z-index:6;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#00000061;border:1px solid #fff3;border-radius:50%;place-items:center;width:34px;height:34px;padding:0 0 3px;font-size:25px;transition:opacity .16s,background .16s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.template-carousel:hover .carousel-arrow,.carousel-arrow:focus-visible{opacity:1}.carousel-arrow:hover{background:#000000b3}.carousel-arrow-left{left:12px}.carousel-arrow-right{right:12px}.carousel-dots{z-index:6;justify-content:flex-end;align-items:center;gap:7px;display:flex;position:absolute;top:19px;right:16px}.carousel-dot{background:#ffffff73;border:0;border-radius:999px;width:6px;height:6px;padding:0;transition:background .16s,opacity .16s}.carousel-dot.active{opacity:1;background:#fff}.template-card-meta{z-index:4;pointer-events:none;background:linear-gradient(#0000 0%,#06060947 48%,#060609ad 100%);justify-content:center;align-items:flex-end;gap:16px;min-height:112px;padding:42px 16px 15px;display:flex;position:absolute;bottom:0;left:0;right:0}.template-card-identity{text-align:center;justify-items:center;gap:5px;min-width:0;display:grid}.template-card-identity strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:720;overflow:hidden}.template-card-identity span{color:#ffffffad;font-size:12px}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.generation-backdrop{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040407c2;place-items:center;padding:16px;animation:.17s both modal-fade-in;display:grid;position:fixed;inset:0}.generation-modal{background:#111017;border:1px solid #ffffff1f;border-radius:26px;grid-template-rows:auto minmax(0,1fr);width:min(1120px,100%);height:min(820px,100dvh - 32px);max-height:calc(100dvh - 32px);animation:.2s both modal-rise-in;display:grid;overflow:hidden;box-shadow:0 40px 120px #000000a6}.generation-header{z-index:3;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111017e0;justify-content:space-between;align-items:center;gap:20px;min-height:70px;padding:12px 18px;display:flex;position:relative;top:0}.generation-header h2{letter-spacing:-.03em;margin:3px 0 0;font-size:24px}.generation-author{color:var(--muted);font-size:12px}.generation-close{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);background:#ffffff0d;border-radius:50%;place-items:center;padding:0 0 3px;font-size:25px;line-height:1;display:grid}.generation-close:hover{background:#ffffff1a}.generation-form{grid-template-columns:minmax(320px,.88fr) minmax(380px,1.12fr);gap:20px;min-height:0;padding:18px;display:grid;overflow:hidden}.generation-config-column,.generation-example-column,.generation-controls{flex-direction:column;min-width:0;min-height:0;display:flex}.generation-config-column,.generation-controls,.generation-example-column{gap:9px}.generation-step{color:#ffffff8f;font:650 11px/1 var(--font-mono), monospace;letter-spacing:.09em;text-transform:uppercase}.upload-dropzone{width:100%;height:clamp(150px,27vh,245px);min-height:0;color:var(--ink);background:#ffffff06;border:1px dashed #ffffff38;border-radius:20px;flex:none;place-items:center;transition:border-color .16s,background .16s;display:grid;position:relative;overflow:hidden}.upload-dropzone:hover:not(:disabled){border-color:var(--accent);background:#c8ff5a09}.upload-dropzone:disabled{cursor:wait}.upload-dropzone.has-preview{background:#09090d;border-style:solid}.upload-dropzone img{object-fit:contain}.upload-empty{place-items:center;gap:9px;display:grid}.upload-empty i{border:1px solid var(--line);background:#ffffff0d;border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:6px;font-size:24px;font-style:normal;display:grid}.upload-empty strong{font-size:15px}.upload-empty small{color:var(--muted)}.replace-image{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000008f;border:1px solid #fff3;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:700;position:absolute;bottom:14px;right:14px}.template-summary{border:1px solid var(--line);background:#ffffff09;border-radius:18px;flex:auto;place-items:center;height:100%;min-height:0;padding:12px;display:grid}.template-summary-media{background:#08080c;border-radius:13px;width:min(100%,405px);min-width:0;height:100%;position:relative;overflow:hidden}.dialogue-option{gap:6px;padding:0;display:grid}.dialogue-option>span{gap:3px;display:grid}.dialogue-option strong{font-size:13px}.dialogue-option small{color:var(--muted);font-size:11px}.dialogue-option input{border:1px solid var(--line);width:100%;min-height:39px;color:var(--ink);background:#ffffff0a;border-radius:11px;outline:none;padding:0 12px}.dialogue-option input:focus{border-color:#c8ff5a94}.dialogue-option input:disabled{cursor:not-allowed;opacity:.5}.template-summary video{object-fit:contain;background:#08080c;width:100%;height:100%;display:block}.template-preview-sound{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000009e;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:10px;font-weight:750;display:flex;position:absolute;bottom:10px;right:10px}.template-preview-sound:hover{background:#000000c7}.template-preview-sound:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.template-preview-sound span{color:inherit;font-size:14px;line-height:1}.sound-option{border:1px solid var(--line);background:#ffffff06;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:9px 12px;display:flex}.sound-option>span{gap:5px;display:grid}.sound-option strong{font-size:13px}.sound-option small{color:var(--muted);font-size:10px;line-height:1.4}.sound-option input{width:18px;height:18px;accent-color:var(--accent)}.template-input-tip{color:var(--muted);margin:0;font-size:10px;line-height:1.35}.generation-consent{border-top:1px solid var(--line);gap:7px;margin:0;padding:9px 0 0;display:grid}.generation-consent .check-row{font-size:11px}.generation-submit{justify-content:space-between;align-items:center;width:100%;padding:0 18px;display:flex}.generation-submit>span{font-size:14px}.generation-submit small{opacity:.62;font-size:11px;font-weight:800}.secondary-action{border:1px solid var(--line);min-height:46px;color:var(--ink);background:#ffffff0a;border-radius:12px;padding:0 17px;font-weight:700}.secondary-action:hover{background:#ffffff14}.generation-progress{background:#c8ff5a0b;border:1px solid #c8ff5a2e;border-radius:14px;align-items:center;gap:14px;min-height:64px;padding:13px 16px;display:flex;position:relative;overflow:hidden}.generation-progress div{z-index:1;gap:5px;display:grid;position:relative}.generation-progress strong{font-size:13px}.generation-progress div span{color:var(--muted);font-size:11px}.progress-spinner{z-index:1;border:2px solid #c8ff5a38;border-top-color:var(--accent);border-radius:50%;flex:none;width:22px;height:22px;animation:.75s linear infinite spin;position:relative}.generation-progress-bar{background:var(--accent);height:2px;transition:width .4s;position:absolute;bottom:0;left:0}.generation-error{color:#ff8c9c;margin:-5px 0 0;font-size:12px;line-height:1.45}.generation-result{grid-template-columns:minmax(320px,1.05fr) minmax(280px,.95fr);min-height:560px;display:grid}.result-video-wrap{background:#09090d;place-items:center;padding:26px;display:grid;position:relative}.result-video-wrap video{object-fit:contain;background:#050507;border-radius:18px;width:100%;max-height:500px}.result-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000075;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;font-weight:700;display:flex;position:absolute;top:40px;left:40px}.result-status i{background:var(--accent);width:7px;height:7px;box-shadow:0 0 12px var(--accent);border-radius:50%}.result-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:44px;display:flex}.result-copy h3{margin:18px 0 12px;font-size:32px;line-height:1.05}.result-copy p{color:var(--muted);line-height:1.6}.result-actions{gap:10px;width:100%;margin-top:24px;display:grid}.result-download{place-items:center;display:grid}@keyframes modal-fade-in{0%{opacity:0}}@keyframes modal-rise-in{0%{opacity:0;transform:translateY(12px)scale(.985)}}@keyframes spin{to{transform:rotate(360deg)}}.page-shell{width:min(920px,90vw);margin:0 auto;padding:100px 0}.page-intro h1,.empty-state h1{font-size:clamp(48px,7vw,78px)}.page-intro>p:last-child,.empty-state>p:last-child{max-width:650px;color:var(--muted);font-size:18px;line-height:1.6}.empty-state{border-bottom:1px solid var(--line);padding:80px 0}.create-panel{border:1px solid var(--line);background:var(--panel);border-radius:24px;gap:24px;margin-top:48px;padding:30px;display:grid}.field-group{gap:9px;display:grid}.field-group label{font-weight:650}.field-group small{color:var(--muted)}.field-group input,.field-group textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffff0b;border-radius:12px;outline:none;padding:15px 16px}.field-group input:focus,.field-group textarea:focus{border-color:var(--violet)}.check-row{color:#d8d6df;align-items:center;gap:12px;display:flex}.check-row input{width:18px;height:18px;accent-color:var(--accent)}.primary-action,.gate-card button{color:#08080c;background:var(--accent);border:0;border-radius:12px;min-height:50px;font-weight:750}.primary-action:disabled{cursor:not-allowed;opacity:.35}.form-message{color:var(--muted);margin-bottom:0}.gate-backdrop{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040407e0;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.gate-card{border:1px solid var(--line);background:#13121a;border-radius:28px;width:min(520px,100%);padding:36px;box-shadow:0 30px 100px #000}.gate-card h2{margin-bottom:18px;font-size:38px;line-height:1.05}.gate-card p:not(.eyebrow){color:var(--muted);line-height:1.6}.gate-card button{width:100%;margin-top:14px}.gate-icon{border:1px solid var(--line);width:58px;height:58px;color:var(--accent);font:750 18px/1 var(--font-mono), monospace;border-radius:18px;place-items:center;margin-bottom:30px;display:grid}.auth-backdrop{z-index:90;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040407c7;place-items:center;padding:22px;animation:.17s both modal-fade-in;display:grid;position:fixed;inset:0}.auth-modal{background:#121118;border:1px solid #ffffff1f;border-radius:26px;width:min(450px,100%);padding:32px;animation:.2s both modal-rise-in;position:relative;box-shadow:0 40px 120px #000000ad}.auth-close{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);background:#ffffff0a;border-radius:50%;padding:0 0 3px;font-size:23px;position:absolute;top:18px;right:18px}.auth-mark{color:#08080c;background:var(--accent);border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:25px;font-weight:900;display:grid}.auth-modal h2{margin-bottom:10px;font-size:30px}.auth-modal>p{color:var(--muted);margin-bottom:24px;font-size:13px;line-height:1.55}.auth-form{gap:15px;display:grid}.auth-form>label:not(.check-row){gap:7px;display:grid}.auth-form>label>span{color:#d8d6df;font-size:12px;font-weight:650}.auth-form input:not([type=checkbox]){border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);background:#ffffff09;border-radius:11px;outline:none;padding:0 13px}.auth-form input:focus{border-color:#c8ff5a94}.auth-error{color:#ff8c9c;margin:0;font-size:12px;line-height:1.4}.auth-submit{width:100%;margin-top:3px}.task-toast{z-index:70;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#14131bf0;border:1px solid #c8ff5a33;border-radius:16px;grid-template-columns:auto minmax(180px,1fr) auto auto;align-items:center;gap:13px;width:min(470px,100vw - 40px);padding:13px 13px 13px 15px;animation:.26s both toast-in;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 25px 80px #0000008c}.task-toast-icon{color:#08080c;background:var(--accent);border-radius:50%;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.task-toast div{gap:4px;display:grid}.task-toast strong{font-size:12px}.task-toast div span{color:var(--muted);font-size:10px}.task-toast a{color:#08080c;background:var(--accent);border-radius:9px;padding:8px 11px;font-size:11px;font-weight:800}.task-toast button{width:30px;height:30px;color:var(--muted);background:0 0;border:0;padding:0 0 2px;font-size:20px}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}.collection-shell{width:min(1320px,90vw);margin:0 auto;padding:38px 0 100px}.collection-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.collection-heading h1{letter-spacing:-.04em;margin:0 0 5px;font-size:30px}.collection-heading p{color:var(--muted);margin:0;font-size:13px}.collection-heading>span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:11px}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;display:grid}.collection-card{border:1px solid var(--line);background:#14131bc2;border-radius:20px;min-width:0;overflow:hidden;box-shadow:0 22px 60px #0000003d}.collection-media{aspect-ratio:2/3;background:#0d0c12;position:relative;overflow:hidden}.collection-media>img,.collection-media>video{object-fit:cover;width:100%;height:100%}.collection-native-placeholder{text-align:center;background:radial-gradient(circle at 50% 35%,#c8ff5a29,#0000 34%),linear-gradient(145deg,#a486ff1f,#08080c33);place-content:center;width:100%;height:100%;display:grid}.collection-native-placeholder span{font:850 30px/1 var(--font-mono), monospace;letter-spacing:-.08em}.collection-native-placeholder small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:8px;font-size:9px}.collection-card.state-running .collection-media>img,.collection-card.state-queued .collection-media>img{opacity:.66;filter:saturate(.72)}.collection-status{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07070a8f;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:7px;padding:7px 9px;font-size:10px;font-weight:750;display:flex;position:absolute;top:12px;left:12px}.collection-status i{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%}.state-failed .collection-status i{background:#ff7488;box-shadow:0 0 8px #ff7488}.collection-progress{background:#ffffff21;border-radius:99px;height:4px;position:absolute;bottom:12px;left:12px;right:12px;overflow:hidden}.collection-progress i{border-radius:inherit;background:var(--accent);height:100%;transition:width .45s;display:block}.collection-failure{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10080cc7;border:1px solid #ff748833;border-radius:12px;gap:6px;padding:13px;display:grid;position:absolute;bottom:14px;left:14px;right:14px}.collection-failure strong{font-size:12px}.collection-failure span{color:#d6aab1;font-size:10px;line-height:1.4}.collection-card footer{justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.collection-card footer>div{gap:5px;min-width:0;display:grid}.collection-card footer strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.collection-card footer span,.collection-card footer small{color:var(--muted);font-size:9px}.collection-card footer small{flex:none}.collection-loading{min-height:320px;color:var(--muted);justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.collection-auth-empty,.collection-empty{border:1px solid var(--line);text-align:center;background:#14131ba3;border-radius:24px;justify-items:center;max-width:500px;margin:10vh auto 0;padding:45px 30px;display:grid}.collection-auth-empty h1,.collection-empty h2{margin:8px 0 12px;font-size:30px}.collection-auth-empty p,.collection-empty p{max-width:400px;color:var(--muted);margin-bottom:22px;font-size:13px;line-height:1.6}.collection-auth-empty button{min-width:140px;padding:0 20px}.collection-lock{color:#08080c;background:var(--accent);border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:10px;font-weight:900;display:grid}.collection-error{color:#ff9baa;background:#ff74880f;border:1px solid #ff748833;border-radius:12px;padding:12px 14px;font-size:12px}.native-create-shell{grid-template-rows:auto minmax(0,1fr);gap:14px;width:min(1500px,94vw);height:calc(100dvh - 64px);margin:0 auto;padding:18px 0;display:grid;overflow:hidden}.native-create-heading{justify-content:space-between;align-items:flex-end;gap:24px;min-height:58px;display:flex}.native-create-heading>div:first-child{grid-template-columns:auto auto;justify-content:start;align-items:center;gap:4px 12px;display:grid}.native-create-heading h1{letter-spacing:-.045em;max-width:none;margin:0;font-size:31px;line-height:1}.native-create-heading p{color:var(--muted);grid-column:1/-1;margin:0;font-size:11px}.native-model-badge{width:fit-content;color:var(--accent);font:700 9px/1 var(--font-mono), monospace;letter-spacing:.04em;text-transform:uppercase;background:#c8ff5a0e;border:1px solid #c8ff5a2e;border-radius:999px;align-items:center;gap:7px;padding:6px 9px;display:inline-flex}.native-model-badge i{background:var(--accent);border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #c8ff5aa6}.native-runtime-note{justify-items:end;gap:4px;display:grid}.native-runtime-note span{font-size:11px;font-weight:700}.native-runtime-note small{color:var(--muted);font-size:9px}.native-create-form{grid-template-columns:minmax(0,1.25fr) minmax(390px,.75fr);gap:14px;min-height:0;display:grid}.native-main-panel,.native-settings-panel{border:1px solid var(--line);background:#111017c7;border-radius:20px;min-width:0;min-height:0;box-shadow:0 24px 70px #0000003d}.native-main-panel{grid-template-rows:minmax(0,auto) minmax(220px,1fr);gap:0;display:grid}.native-section{min-width:0;padding:16px}.native-section+.native-section{border-top:1px solid var(--line)}.native-section-title{justify-content:space-between;align-items:center;gap:15px;min-height:24px;margin-bottom:11px;display:flex}.native-section-title>div{align-items:center;gap:9px;display:flex}.native-section-title>div>span{border:1px solid var(--line);width:24px;height:24px;color:var(--accent);font:750 8px/1 var(--font-mono), monospace;border-radius:8px;place-items:center;display:grid}.native-section-title strong{font-size:12px}.native-section-title>small{color:var(--muted);font-size:9px}.native-mode-tabs,.native-quality-tabs{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.native-mode-tabs button,.native-quality-tabs button{border:1px solid var(--line);color:var(--ink);text-align:left;background:#ffffff06;border-radius:11px;gap:3px;padding:9px 11px;display:grid}.native-mode-tabs button:hover:not(:disabled),.native-quality-tabs button:hover:not(:disabled){border-color:#ffffff38}.native-mode-tabs button.active,.native-quality-tabs button.active{background:#c8ff5a12;border-color:#c8ff5a80;box-shadow:inset 0 0 0 1px #c8ff5a0d}.native-mode-tabs strong,.native-quality-tabs strong{font-size:11px}.native-mode-tabs small,.native-quality-tabs small{color:var(--muted);font-size:8px}.native-image-conditioning{margin-top:10px}.native-condition-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.native-condition-card{border:1px solid var(--line);background:#ffffff06;border-radius:11px;grid-template-columns:58px minmax(0,1fr);min-width:0;height:78px;display:grid;overflow:hidden}.native-condition-preview{background:#08080c;min-width:0;position:relative;overflow:hidden}.native-condition-preview img{object-fit:cover}.native-condition-preview>span{z-index:2;color:#fff;background:#000000a3;border-radius:5px;padding:3px 5px;font-size:7px;font-weight:800;position:absolute;bottom:4px;left:4px}.native-condition-preview>button{z-index:2;color:#fff;background:#000000a3;border:0;border-radius:50%;place-items:center;width:17px;height:17px;padding:0 0 2px;line-height:1;display:grid;position:absolute;top:3px;right:3px}.native-condition-fields{grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:3px;padding:5px;display:grid}.native-condition-fields label{gap:3px;min-width:0;display:grid}.native-condition-fields span{color:var(--muted);text-transform:uppercase;font-size:6px}.native-condition-fields input{border:1px solid var(--line);width:100%;min-width:0;height:24px;color:var(--ink);background:#ffffff0a;border-radius:6px;outline:none;padding:0 3px;font-size:8px}.native-add-image{min-height:78px;color:var(--ink);background:#ffffff05;border:1px dashed #fff3;border-radius:11px;justify-content:center;align-items:center;gap:8px;display:flex}.native-add-image:hover:not(:disabled){border-color:#c8ff5a80}.native-add-image i{background:#ffffff0f;border-radius:8px;place-items:center;width:25px;height:25px;font-style:normal;display:grid}.native-add-image span{text-align:left;gap:3px;display:grid}.native-add-image strong{font-size:9px}.native-add-image small{color:var(--muted);font-size:7px}.native-inline-note{color:var(--muted);margin:7px 0 0;font-size:8px;line-height:1.4}.native-prompt-section{grid-template-rows:auto minmax(115px,1fr) minmax(65px,.42fr);min-height:0;display:grid}.native-inline-toggle{color:var(--muted);align-items:center;gap:7px;font-size:9px;display:flex}.native-inline-toggle input{accent-color:var(--accent)}.native-textarea{grid-template-rows:auto minmax(0,1fr);gap:6px;min-height:0;display:grid;position:relative}.native-textarea+.native-textarea{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.native-textarea>span{color:#d9d7df;font-size:9px;font-weight:700}.native-textarea textarea{resize:none;border:1px solid var(--line);width:100%;height:100%;min-height:0;color:var(--ink);background:#ffffff06;border-radius:11px;outline:none;padding:11px;font-size:11px;line-height:1.55}.native-textarea textarea:focus{border-color:#c8ff5a80}.native-textarea>small{color:#ffffff47;font-size:7px;position:absolute;bottom:7px;right:8px}.native-settings-panel{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;padding:16px;display:grid;position:relative}.native-settings-panel>.native-section-title{grid-column:1/-1;margin-bottom:0}.native-setting-group{border-bottom:1px solid var(--line);gap:7px;padding-bottom:10px;display:grid}.native-quality-group{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.native-quality-group>.native-setting-label{grid-column:1/-1}.native-timeline-group,.native-core-group{align-content:start}.native-timeline-group .native-three-fields,.native-core-group .native-three-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.native-setting-label{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.native-setting-label strong{font-size:10px}.native-setting-label small{color:var(--muted);font-size:7px}.native-reset-defaults{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:6px;padding:3px 6px;font-size:7px}.native-reset-defaults:hover:not(:disabled){color:var(--ink);border-color:#ffffff38}.native-quality-tabs{grid-template-columns:repeat(2,1fr)}.native-quality-tabs button{padding:7px 9px}.native-chip-grid{gap:5px;display:grid}.native-resolution-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.native-chip-grid button{border:1px solid var(--line);min-width:0;color:var(--muted);background:#ffffff06;border-radius:7px;padding:6px 3px;font-size:7px}.native-chip-grid button.active{color:#09090d;border-color:var(--accent);background:var(--accent);font-weight:800}.native-chip-grid button:disabled{cursor:not-allowed;opacity:.28}.native-aspect-row{gap:4px;display:flex}.native-aspect-row button{border:1px solid var(--line);min-width:0;color:var(--muted);background:0 0;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:5px;padding:5px 3px;font-size:7px;display:flex}.native-aspect-row button.active{color:var(--ink);background:#c8ff5a0f;border-color:#c8ff5a7a}.native-aspect-row i{border:1px solid;border-radius:2px;max-width:17px;height:11px;display:block}.native-field-row,.native-three-fields,.native-seed-row{align-items:end;gap:6px;display:grid}.native-field-row{grid-template-columns:1fr auto 1fr}.native-field-row>span{color:var(--muted);padding-bottom:7px;font-size:9px}.native-three-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.native-seed-row{grid-template-columns:1fr auto}.native-field-row label,.native-three-fields label,.native-seed-row label,.native-advanced-grid label{gap:3px;min-width:0;display:grid}.native-field-row label>span,.native-three-fields label>span,.native-seed-row label>span,.native-advanced-grid label>span{color:var(--muted);font-size:7px}.native-field-row input,.native-three-fields input,.native-seed-row input,.native-advanced-grid input{border:1px solid var(--line);width:100%;min-width:0;height:28px;color:var(--ink);background:#ffffff09;border-radius:7px;outline:none;padding:0 7px;font-size:9px}.native-field-row input:focus,.native-three-fields input:focus,.native-seed-row input:focus,.native-advanced-grid input:focus{border-color:#c8ff5a80}.native-seed-row button{border:1px solid var(--line);height:28px;color:var(--ink);background:#ffffff0a;border-radius:7px;padding:0 9px;font-size:8px}.native-audio-row{border:1px solid var(--line);background:#ffffff05;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.native-audio-row>div{gap:3px;display:grid}.native-audio-row strong{font-size:10px}.native-audio-row small{color:var(--muted);font-size:7px}.native-switch input{opacity:0;pointer-events:none;position:absolute}.native-switch span{background:#ffffff1f;border-radius:999px;width:34px;height:19px;transition:background .15s;display:block;position:relative}.native-switch span:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .15s;position:absolute;top:3px;left:3px}.native-switch input:checked+span{background:var(--accent)}.native-switch input:checked+span:after{background:#09090d;transform:translate(15px)}.native-advanced{position:relative}.native-advanced summary{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffff05;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:7px 9px;font-size:9px;list-style:none;display:flex}.native-advanced summary::-webkit-details-marker{display:none}.native-advanced summary:after{color:var(--muted);content:"+";font-size:14px}.native-advanced[open] summary:after{content:"−"}.native-advanced summary small{color:var(--muted);margin-left:auto;font-size:7px}.native-advanced-grid{z-index:15;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14131bfa;border:1px solid #ffffff26;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:calc(200% + 8px);padding:12px;display:grid;position:absolute;bottom:calc(100% + 7px);right:0;box-shadow:0 20px 65px #0000009e}.native-wide-field{grid-column:1/-1}.native-footer-options{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:5px 12px;display:grid}.native-footer-options .check-row{gap:7px;font-size:8px}.native-footer-options input{width:14px;height:14px}.native-create-error{z-index:12;color:#ff9baa;background:#ff74880d;border:1px solid #ff74882e;border-radius:8px;margin:-2px 0 0;padding:7px 9px;font-size:8px;position:absolute;bottom:65px;left:16px;right:16px}.native-generate-button{color:#08080c;background:var(--accent);border:0;border-radius:11px;grid-column:1/-1;justify-content:space-between;align-items:center;min-height:40px;margin-top:0;padding:0 14px;font-size:11px;font-weight:800;display:flex}.native-generate-button:disabled{cursor:not-allowed;opacity:.35}.native-generate-button small{text-transform:uppercase;background:#08080c1a;border-radius:6px;padding:4px 6px;font-size:7px}.native-generate-button .progress-spinner{border-color:#08080c #08080c33 #08080c33;width:16px;height:16px}@media (max-width:760px){.site-header{grid-template-columns:1fr auto;padding:0 20px}.site-header nav{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#121119f0;border-radius:18px;justify-content:space-around;padding:15px 10px;position:fixed;bottom:12px;left:12px;right:12px}.account-button,.account-loading{display:none}.account-chip{padding-left:9px}.credit-balance{font-size:10px}.catalog{padding:24px 20px 100px}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.input-preview{border-radius:7px;width:40px;top:9px;left:9px}.page-shell{padding-top:70px;padding-bottom:120px}.generation-backdrop{padding:6px}.generation-modal{border-radius:18px;width:100%;height:calc(100dvh - 12px);max-height:calc(100dvh - 12px)}.generation-header{min-height:58px;padding:8px 12px}.generation-header h2{font-size:17px}.generation-form{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:8px;padding:9px}.generation-step{font-size:8px}.generation-config-column,.generation-controls,.generation-example-column{gap:6px}.upload-dropzone{border-radius:12px;height:clamp(105px,20vh,165px)}.upload-empty{text-align:center;gap:4px}.upload-empty i{border-radius:10px;width:34px;height:34px;margin-bottom:2px;font-size:18px}.upload-empty strong{font-size:11px}.upload-empty small{font-size:8px}.template-summary{border-radius:12px;padding:6px}.sound-option{gap:6px;padding:7px}.sound-option strong,.dialogue-option strong{font-size:10px}.sound-option small,.dialogue-option small,.template-input-tip{font-size:8px}.dialogue-option input{min-height:34px;padding:0 8px;font-size:10px}.generation-consent{gap:5px;padding-top:6px}.generation-consent .check-row{font-size:8px}.generation-submit{min-height:40px;padding:0 10px}.generation-submit>span{font-size:10px}.template-preview-sound{min-height:31px;padding:0 9px;bottom:7px;right:7px}.generation-result{grid-template-columns:1fr}.result-video-wrap{min-height:440px;padding:20px}.result-copy{padding:28px 22px 36px}.auth-backdrop{align-items:end;padding:0}.auth-modal{border-bottom:0;border-left:0;border-right:0;border-radius:24px 24px 0 0;max-height:calc(100vh - 20px);overflow:auto}.task-toast{grid-template-columns:auto 1fr auto;width:auto;bottom:94px;left:14px;right:14px}.task-toast>button{display:none}.collection-shell{width:auto;padding:26px 20px 120px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.collection-card{border-radius:16px}.collection-card footer{padding:11px}.native-create-shell{width:auto;height:auto;min-height:calc(100dvh - 64px);padding:22px 16px 120px;display:block;overflow:visible}.native-create-heading{align-items:flex-start;margin-bottom:16px}.native-runtime-note{display:none}.native-create-form{grid-template-columns:1fr}.native-main-panel{grid-template-rows:auto}.native-condition-list{grid-template-columns:repeat(2,minmax(0,1fr))}.native-prompt-section{grid-template-rows:auto 210px 100px}.native-settings-panel{grid-template-columns:1fr;gap:12px}.native-settings-panel>*,.native-quality-group{grid-column:1}.native-advanced-grid{width:100%;margin-top:7px;position:static}}@media (hover:none){.template-generate-hint{opacity:1;padding:9px 12px;inset:auto 50% 84px auto;transform:translate(50%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}