:root{color:#e8edf3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel:#171c24;--panel-2:#202733;--line:#343d4b;--muted:#abb7c6;--accent:#5fa8ff;--success:#5bd39b;--danger:#ff747d;background:#0d1015;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#0d1015;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,.file-button,.download-button{color:#f4f7fb;cursor:pointer;background:#293342;border:1px solid #4d5a6c;border-radius:7px;padding:.55rem .75rem;text-decoration:none}button:hover:not(:disabled),.file-button:hover,.download-button:hover{border-color:var(--accent);background:#33445b}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #8fc5ff}button:disabled,input:disabled,select:disabled{opacity:.42;cursor:not-allowed}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:1.45rem}h2{font-size:1.05rem}.generator-header{border-bottom:1px solid var(--line);background:#11161d;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.eyebrow{color:var(--muted);letter-spacing:.08em;margin-bottom:.2rem;font-size:.76rem}.ready-badge{color:#ffe19a;white-space:nowrap;border:1px solid #766530;border-radius:999px;padding:.5rem .8rem}.ready-badge.is-ready{color:#9be6c4;border-color:#34765c}.generator-grid{grid-template-columns:minmax(260px,320px) minmax(420px,1fr) minmax(280px,340px);align-items:start;gap:.75rem;padding:.75rem;display:grid}.simple-generator{grid-template-columns:minmax(280px,380px) minmax(420px,1fr);align-items:start;gap:.75rem;max-width:1320px;margin:0 auto;padding:.75rem;display:grid}.generator-panel,.preview-column{border:1px solid var(--line);background:var(--panel);border-radius:9px;min-width:0;padding:.85rem}.generator-panel{max-height:calc(100vh - 96px);overflow:auto}.preview-column{position:sticky;top:.75rem}.preview-canvas{aspect-ratio:16/9;background:#000;border:1px solid #3e4958;overflow:hidden}.preview-canvas canvas{width:100%;height:100%;display:block}.transport,.section-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.transport button{flex:1}.seek{width:100%;margin-top:.75rem}.time-display,.hint{color:var(--muted);font-size:.85rem}.status{color:#b8d8ff;min-height:1.5rem}fieldset{border:1px solid var(--line);border-radius:7px;gap:.65rem;margin:0 0 .85rem;padding:.75rem;display:grid}legend{padding:0 .35rem;font-weight:700}label{justify-content:space-between;align-items:center;gap:.65rem;font-size:.9rem;display:flex}select,input[type=number]{max-width:150px;color:inherit;background:#10151c;border:1px solid #4d5a6c;border-radius:5px;padding:.35rem}.range-field{display:block}.range-field span{justify-content:space-between;display:flex}.range-field output{color:var(--muted)}.range-field input{width:100%}.drop-zone{border:1px dashed #526176;border-radius:7px;gap:.5rem;margin-bottom:.75rem;padding:.7rem;display:grid}.drop-zone.is-dragging{border-color:var(--accent);background:#1a2b3f}.file-button{text-align:center;display:block}.sample-button{border-style:dashed;width:100%;margin-bottom:.65rem}.duration-setting{grid-template-columns:1fr 90px auto;margin-bottom:.7rem;display:grid}.duration-setting input{width:100%}.image-count-guide{background:#142130;border:1px solid #3e6688;border-radius:7px;grid-template-columns:1fr auto;gap:.35rem .75rem;margin-bottom:.5rem;padding:.75rem;display:grid}.image-count-guide strong{color:#d6ebff;grid-column:1/-1}.count-shortage{color:#ffe59a}.count-ready{color:#9be6c4}.asset-summary{overflow-wrap:anywhere;gap:.3rem;display:grid}.asset-summary small{color:var(--muted)}.background-list{gap:.5rem;padding:0;list-style:none;display:grid}.background-list li{background:var(--panel-2);border-radius:7px;grid-template-columns:60px 1fr auto;align-items:start;gap:.5rem;padding:.5rem;display:grid}.background-list img{object-fit:cover;width:60px;height:60px}.background-list li>div{gap:.35rem;min-width:0;display:grid}.background-list strong{text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.reorder button{padding:.28rem .42rem}.audio-lock,.audio-source{color:#9be6c4;background:#14251f;border:1px solid #34765c;border-radius:7px;padding:.65rem}.prekeyed-note{color:#b8d8ff;background:#142130;border:1px solid #3e6688;border-radius:7px;padding:.65rem;font-size:.86rem}.fixed-position-note{color:#9be6c4;background:#14251f;border:1px solid #34765c;border-radius:7px;padding:.65rem;font-size:.86rem}.video-policy{color:#ffe59a;background:#302a18;border:1px solid #876f2d;border-radius:7px;padding:.65rem;font-size:.86rem}.generate-section{border:1px solid var(--line);background:var(--panel-2);border-radius:7px;margin-top:1rem;padding:.85rem}.warning{color:#ffe59a;background:#302a18;border:1px solid #876f2d;border-radius:7px;margin:.75rem;padding:.75rem}.error-list{background:#321a1d;border:1px solid #8b3c42;border-radius:7px;margin:.75rem;padding:.8rem}.error-list article{border-top:1px solid #633338;padding:.5rem 0}.error-list p{margin:.2rem 0}.error-text{color:#ffabb0}.export-progress,.result{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.export-progress progress{width:100%;height:1.2rem}.result video{background:#000;width:100%;max-height:300px}.result dl{grid-template-columns:repeat(2,1fr);gap:.4rem;display:grid}.result dl div{background:var(--panel-2);justify-content:space-between;padding:.45rem;display:flex}.result dd{margin:0}.download-button,.generate-button{text-align:center;border-color:var(--accent);background:#2369b1;width:100%;padding:.8rem;font-weight:700;display:block}.danger{color:#ffc1c4;border-color:#a8464c}footer{color:var(--muted);text-align:center;padding:1rem;font-size:.8rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1120px){.generator-grid{grid-template-columns:280px 1fr}.settings-panel{grid-column:1/-1;max-height:none}}@media (width<=760px){button,.file-button,.download-button,select{min-height:44px}input[type=range]{min-height:32px}.generator-header{flex-direction:column;align-items:flex-start}.generator-header,.generator-grid,.simple-generator{padding-left:.55rem;padding-right:.55rem}.generator-grid,.simple-generator{grid-template-columns:1fr}.generator-panel{max-height:none}.preview-column{grid-row:1;position:static}.transport{grid-template-columns:repeat(2,1fr);display:grid}.transport button{width:100%}.background-list li{grid-template-columns:52px 1fr}.background-list img{width:52px;height:52px}.background-list .reorder{grid-column:1/-1;display:flex}.background-list .reorder button{flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}