:root{color-scheme:dark;font:16px/1.5 system-ui,sans-serif;background:#090c10;color:#f1f5f1}*{box-sizing:border-box}body{margin:0}header{padding:22px 5vw;border-bottom:1px solid #29302e;display:flex;justify-content:space-between;gap:20px}a{color:inherit}header a{text-decoration:none;font-weight:750}header span,.help{color:#99aaa0}main{max-width:1440px;margin:auto;padding:40px 5vw 80px}.heading{max-width:650px}h1{font-size:clamp(40px,5vw,72px);letter-spacing:-.055em;line-height:1.04;margin:18px 0}.eyebrow,legend{font-size:12px;letter-spacing:.16em;color:#adf777;font-weight:750}#notice{min-height:28px;color:#cbf5b1}#workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:50px;align-items:start}[hidden]{display:none!important}fieldset{border:0;padding:0;margin:0}legend{margin:12px 0 22px}label{display:flex;flex-direction:column;gap:7px;font-size:13px;margin-bottom:17px;color:#c8d2cd}input,select,button{font:inherit;border:1px solid #34433b;border-radius:9px;background:#141c18;color:#f1f5f1;padding:12px;min-width:0;max-width:100%}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid #adf777;outline-offset:3px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}button{cursor:pointer;font-weight:650}.primary,.download{background:#adf777;color:#111b0a}.actions{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}button:disabled{opacity:.5;cursor:wait}.clip{display:grid;grid-template-columns:25px minmax(0,1fr) 76px 70px;gap:9px;align-items:center;border-top:1px solid #25352c;padding:12px 0}.clip label{margin:0}.clip input[type=checkbox]{width:19px;height:19px;accent-color:#adf777}.clip .song{font-size:14px}.clip small{display:block;color:#92a698}.clip input[type=number]{padding:9px;width:100%}.help{font-size:12px}.preview{position:sticky;top:20px}.canvas-wrap{display:flex;justify-content:center;background:#111914;border:1px solid #314239;border-radius:14px;padding:16px}canvas{display:block;width:auto;max-width:100%;max-height:640px;height:auto;background:#0b1010}progress{width:100%;accent-color:#adf777}video{width:100%;max-height:500px;margin-top:18px}.download{display:inline-block;padding:13px 22px;border-radius:9px;text-decoration:none;font-weight:700;margin:15px 0}#identity{font-size:13px}@media(max-width:800px){#workspace{grid-template-columns:1fr;gap:24px}.preview{position:static;grid-row:1}canvas{max-height:420px}header{padding:17px}header span{display:none}main{padding:25px 18px 50px}.pair{gap:9px}.clip{grid-template-columns:22px minmax(0,1fr) 65px 60px}}

.moment-tools,.moment-choices{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.moment-tools button,.moment-choices button{font-size:12px;padding:9px 12px;border-radius:18px;max-width:100%;white-space:normal}.moment-choices p{width:100%;color:#bac6ad;font-size:12px;line-height:1.5;margin:4px 0}.moment-choices:empty{display:none}
#workspace>* ,fieldset,.pair>*{min-width:0}.clip .song{overflow-wrap:anywhere}@media(max-width:800px){#workspace{grid-template-columns:minmax(0,1fr)}.pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

#busy-status{display:flex;align-items:center;gap:12px;position:sticky;bottom:16px;z-index:2;padding:16px;border:1px solid #456235;border-radius:16px;background:#172219;box-shadow:0 8px 32px #0008;font-size:14px;color:#d9f4c8}.spinner{flex:0 0 24px;width:24px;height:24px;border:3px solid #49603c;border-top-color:#adf777;border-radius:50%;animation:promo-spin .8s linear infinite}@keyframes promo-spin{to{transform:rotate(360deg)}}#result{grid-column:1/-1;min-width:0;border-top:1px solid #34433b;padding-top:24px;scroll-margin-top:20px}#result h2{margin:0}#result .download{margin:0}#result video{display:block;max-width:540px;margin:16px auto 0}@media(prefers-reduced-motion:reduce){.spinner{animation:none;border-top-color:#fff}}