:root{color-scheme:light;--ink:#35405b;--muted:#69768b;--pink:#bc286c;--blue:#237899;--line:#dfe8f0;font-family:"Segoe UI",sans-serif;font-size:16px;color:var(--ink);background:#fff}*{box-sizing:border-box}body{margin:0;background:linear-gradient(125deg,#fff5fa 0%,#fff 43%,#f0faff 100%)}header{height:86px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#ffffffed}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-size:23px;font-weight:750;letter-spacing:-.7px}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:16px;background:#fbd6e8;color:#a12862;font-size:25px;box-shadow:4px 4px 0 #cdeffa}.brand .muted{font-size:14px;font-weight:400;letter-spacing:0}.muted{color:var(--muted)}main{max-width:1440px;margin:auto;padding:42px 5vw 32px;min-height:calc(100vh - 150px)}h1{font-family:"Trebuchet MS","Segoe UI",sans-serif;font-size:clamp(30px,3.3vw,46px);letter-spacing:-1.5px;margin:12px 0 18px;line-height:1.15}.eyebrow{color:var(--pink);font-size:13px;font-weight:700;letter-spacing:1.5px}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.badge{padding:10px 16px;border:1px solid #cce8f4;border-radius:30px;color:#336c86;background:#effaff;font-size:14px;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.composer,.result{min-width:0;background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 8px 28px #667d9907}.composer{border-top:5px solid #f7d3e5}.result{border-top:5px solid #c5eafa;position:sticky;top:24px}.media-tabs{display:flex;gap:6px;width:fit-content;max-width:100%;padding:6px;background:#fff;border:1px solid var(--line);border-radius:24px;margin-bottom:26px}.media-tabs button{width:auto;justify-content:center;background:transparent;color:var(--muted);padding:12px 28px;border-radius:18px}.media-tabs button:hover{background:#eff9ff;color:var(--blue)}.media-tabs button[aria-selected="true"]{background:#fbdce9;color:#98235c;box-shadow:0 3px 0 #efbed5}#tab-video[aria-selected="true"]{background:#d9f2ff;color:#28657f;box-shadow:0 3px 0 #bce2f3}#tab-audio[aria-selected="true"]{background:#eee5fc;color:#6c4e87;box-shadow:0 3px 0 #daceed}label,h2{font-size:16px;font-weight:650}label{display:block;margin-bottom:10px}h2{margin:0;font-size:19px}.label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.label-row label{margin:0}input,textarea,select,button{font:inherit}input,textarea,select{width:100%;padding:13px 15px;line-height:1.6;color:var(--ink);background:#fff;border:1px solid #cfdae5;border-radius:14px}textarea{resize:vertical;min-height:260px;background:#fffbfd}textarea::placeholder{color:var(--muted)}#workflow{margin-bottom:26px;background:#f5fbff}button{cursor:pointer;border:0;border-radius:16px;padding:16px 20px;font-weight:650;background:var(--pink);color:#fff;width:100%;display:flex;justify-content:space-between;align-items:center;transition:background .15s}button:hover{background:#a91d5c}button:disabled{cursor:not-allowed;background:#e8edf2;color:#758194;box-shadow:none!important}.quiet{width:auto;background:transparent;color:var(--pink);font-size:14px;padding:8px 0}.quiet:hover{background:transparent;color:#a91d5c;text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #4d9fc7;outline-offset:3px}#generate-button{min-height:56px;box-shadow:0 4px 0 #941c53;border-radius:18px}.meta{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px}.meta span{font-size:13px;padding:6px 12px;background:#edf8fe;border:1px solid #d7eaf5;border-radius:20px;color:#426c84}.meta span:nth-child(even){background:#fff0f7;border-color:#f5dce8;color:#945271}.hint,.footer-note{font-size:14px;line-height:1.6;color:var(--muted)}.hint{margin:14px 0 0}.footer-note{margin-top:24px}.empty{min-height:350px;background:linear-gradient(135deg,#fff3f9,#f1faff 75%);border:1px dashed #c9dce9;border-radius:22px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px;text-align:center}.play-symbol{display:grid;place-items:center;font-size:36px;width:78px;height:78px;background:#fff;border:1px solid #e6dce8;border-radius:27px;color:var(--pink);box-shadow:5px 5px 0 #cdebf8;margin-bottom:16px}.empty h3{font-size:21px;margin:12px 0;font-weight:650}.empty p{max-width:300px;font-size:15px;line-height:1.6;color:var(--muted);margin:0}video{width:100%;aspect-ratio:16/9;background:#202534;border-radius:18px}#result-image{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;background:#f1faff;border-radius:18px}#result-audio{width:100%;margin:28px 0}.download{display:block;margin:18px 0;padding:13px;text-align:center;color:#23627f;background:#e9f7ff;border:1px solid #cde8f5;border-radius:14px;text-decoration:none;font-weight:600}.download:hover{background:#d7f0fc}#recent{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}#recent label{font-size:14px;color:var(--muted)}[role=alert]{color:#a72644;font-size:14px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}[role=alert]:empty{display:none}footer{padding:22px 5vw;display:flex;justify-content:space-between;gap:20px;background:#fff;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.login{max-width:470px;padding:34px;margin:5vh auto;background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:8px 8px 0 #e2f4fd,-7px -7px 0 #fce7f0}.login input{margin-bottom:22px}.login form{margin-top:28px}.login h1{font-size:40px}fieldset{min-width:0}#minimax-settings,#ltx-settings,#audio-settings,.seed-settings{border:1px solid var(--line);border-radius:18px;padding:18px;margin:22px 0;background:#f8fcff}.seed-settings{background:#fff8fb;border-color:#f0dce6}fieldset legend{font-size:14px;color:#6e7c91;font-weight:600;padding:0 7px}.duration-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.duration-heading label{margin:0}.duration-heading output{color:var(--blue);font-variant-numeric:tabular-nums;font-weight:650}#duration,#ltx-duration,#audio-duration{width:100%;height:32px;padding:0;margin-top:10px;background:transparent;border:0;accent-color:var(--blue);cursor:pointer}.duration-limits{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.fast-control{display:flex;align-items:center;gap:12px;margin:18px 0 0;cursor:pointer}.fast-control input{width:20px;height:20px;flex-shrink:0;accent-color:var(--blue)}.seed-row{display:flex;gap:10px;align-items:stretch}.seed-row input{flex:1;min-width:0;font-size:15px;font-variant-numeric:tabular-nums}.seed-row button{width:auto;flex-shrink:0;font-size:14px;padding:12px 16px;background:#fad9e9;color:#912456}.seed-row button:hover{background:#f2c1d8}#lyrics{min-height:140px;margin-bottom:20px}#progress-panel{margin:22px 0}.progress-labels{display:flex;justify-content:space-between;gap:16px;font-size:14px;margin-bottom:10px}#progress-number{color:var(--blue);font-weight:650;font-variant-numeric:tabular-nums}progress{display:block;width:100%;height:10px;border:0;border-radius:10px;overflow:hidden;background:#e4f0f7;accent-color:#4697c1}progress::-webkit-progress-bar{background:#e4f0f7}progress::-webkit-progress-value{background:linear-gradient(90deg,#efa6ca,#71bee3);border-radius:10px;transition:width .4s}progress::-moz-progress-bar{background:#71bee3}progress:indeterminate{background:linear-gradient(90deg,#f8ddeb,#b7e1f5,#f8ddeb);background-size:200% 100%;animation:progress-wait 2s linear infinite}progress:indeterminate::-webkit-progress-bar{background:transparent}.connection-help{position:relative;padding:13px 16px;margin-top:14px;border:1px solid #e5cddd;border-radius:16px;background:#fff3fa;color:#864568;font-size:14px;line-height:1.5}.connection-help::before{content:"";position:absolute;top:-6px;left:24px;width:10px;height:10px;transform:rotate(45deg);background:#fff3fa;border-left:1px solid #e5cddd;border-top:1px solid #e5cddd}[hidden]{display:none!important}@keyframes progress-wait{to{background-position:-200% 0}}@media(max-width:900px){.workspace{grid-template-columns:1fr}.result{position:static}.brand .muted{display:none}main{padding-top:30px}}@media(max-width:540px){header{height:74px}.brand{font-size:20px}main{padding:26px 16px}.intro{display:block}.badge{display:inline-block;margin-bottom:12px}.media-tabs{width:100%;gap:3px}.media-tabs button{flex:1;padding:12px 10px}.composer,.result{padding:20px;border-radius:22px}.label-row{flex-wrap:wrap}.seed-row{flex-direction:column}.seed-row button{justify-content:center}.login{padding:25px;margin:3vh 0}.login h1{font-size:34px}.empty{min-height:280px}footer{font-size:12px}.brand .mark{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){button,progress::-webkit-progress-value{transition:none}progress:indeterminate{animation:none}}


#image-input-settings{border:0;padding:0;margin:0 0 26px}#image-input-settings legend{padding:0;margin-bottom:12px;color:var(--ink);font-size:16px;font-weight:650}
.frame-dropzone{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;min-height:280px;padding:28px 20px;margin:0;text-align:center;border:1px dashed #c9dce9;border-radius:22px;background:linear-gradient(135deg,#fff3f9,#f1faff 75%);cursor:pointer;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.frame-dropzone:hover,.frame-dropzone.is-dragging{border-color:#d778a8;box-shadow:inset 0 0 0 2px #f6cfe3;background:linear-gradient(135deg,#ffeaf4,#e4f5ff)}.frame-dropzone:focus-within{outline:3px solid #4d9fc7;outline-offset:3px}
#first-frame{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1;padding:0}#frame-upload-empty{display:flex;flex-direction:column;align-items:center}.frame-title{font-size:20px;font-weight:650;margin:8px 0 10px}.frame-subtitle{font-size:15px;font-weight:400;line-height:1.6;color:var(--muted);max-width:280px}.frame-formats{font-size:12px;font-weight:400;color:var(--muted)}
#first-frame-preview{display:block;width:100%;max-height:300px;object-fit:contain;border-radius:16px}.frame-selected{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}#frame-filename{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frame-selected button{flex-shrink:0}@media(prefers-reduced-motion:reduce){.frame-dropzone{transition:none}}

#tab-i2v[aria-selected="true"]{background:#eee5fc;color:#6c4e87;box-shadow:0 3px 0 #daceed}.media-tabs button{line-height:1.35}@media(max-width:540px){.media-tabs button{font-size:13px;padding:12px 8px;min-width:0}}

#image-input-settings .frame-heading{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}#frame-example-slot{display:flex}#frame-example-slot .quiet{padding:0}

.image-to-video{margin-top:16px;background:#d9f2ff;color:#28657f;justify-content:center}.image-to-video:hover{background:#c3e9fa}

#video{aspect-ratio:auto;max-height:750px;object-fit:contain}