.motion-studio{color:#e8f1ff;max-width:1200px;margin:auto;padding:24px 0 70px}.motion-back{color:#a9c0d6;align-items:center;gap:8px;font-size:14px;display:inline-flex}.motion-heading{padding:38px 0 26px}.motion-heading h1{letter-spacing:-.04em;margin:14px 0;font-size:clamp(32px,5vw,64px);line-height:1.05}.motion-heading h1 span{color:#5df0e0}.motion-heading p{color:#acbed3;font-size:18px}.motion-badge{color:#aee6f5;border:1px solid #33516a;border-radius:30px;margin-top:20px;padding:8px 13px;font-size:12px;display:inline-block}.motion-setup{background:#102538;border:1px solid #33576d;border-radius:16px;gap:16px;margin-bottom:28px;padding:22px;display:flex}.motion-setup>svg{color:#6fe9e1;flex-shrink:0}.motion-setup h2{margin:0 0 8px;font-size:18px}.motion-setup p{color:#b6cadb;max-width:800px;font-size:14px;line-height:1.65}.motion-setup a{color:#86eee7;margin-top:12px;text-decoration:underline;display:inline-block}.motion-setup details{margin-top:12px;font-size:13px}.motion-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.motion-section-label{letter-spacing:.18em;color:#82b0cd;margin-bottom:17px;font-size:11px}.motion-upload{aspect-ratio:1;cursor:pointer;background:radial-gradient(at 50% 30%,#163f52,#0a1524 70%);border:1px dashed #3b6a7c;border-radius:20px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.motion-upload>div{text-align:center;padding:32px}.motion-upload svg{color:#6fe9e1;margin:0 auto 24px}.motion-upload h2{margin-bottom:14px;font-size:24px}.motion-upload p,.motion-upload small{color:#abc3d6}.motion-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.motion-upload:focus-within{outline:2px solid #6fe9e1}.motion-upload img{object-fit:contain;width:100%;height:100%}.motion-file,.motion-caption{color:#91acc1;overflow-wrap:anywhere;margin-top:10px;font-size:12px}.motion-controls{background:#0b1727;border:1px solid #27394d;border-radius:20px;padding:25px}.motion-controls fieldset{border:0;min-width:0;padding:0}.motion-controls legend,.motion-controls label{margin-bottom:12px;font-size:14px;display:block}.motion-options{grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 24px;display:grid}.motion-options button{text-align:left;color:#d1e2ee;cursor:pointer;background:#111e30;border:1px solid #304257;border-radius:10px;padding:15px 8px}.motion-options button[aria-pressed=true]{color:#b8fff2;background:#153c42;border-color:#69e4d7}.motion-options small{margin-top:6px;font-size:10px;line-height:1.4;display:block}.motion-controls textarea,.motion-selects select{color:#e8f1ff;width:100%;font:inherit;background:#07111e;border:1px solid #33475d;border-radius:10px;padding:12px;font-size:14px}.motion-example{color:#71e8df;text-align:left;cursor:pointer;margin:10px 0 24px;font-size:12px}.motion-selects{grid-template-columns:1fr 1fr;gap:16px;display:grid}.motion-selects select{margin-top:8px}.motion-note{color:#99b0c5;margin:12px 0;font-size:12px;line-height:1.7}.motion-controls .motion-consent{align-items:flex-start;gap:9px;margin:18px 0;font-size:12px;line-height:1.6;display:flex}.motion-consent input{accent-color:#69e4d7;margin-top:4px}.motion-generate{width:100%;min-height:50px}.motion-error{color:#ffbac8;background:#351f2a;border-radius:8px;margin-top:15px;padding:12px;font-size:13px}.motion-results{margin-top:45px}.motion-results-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.motion-results h2{font-size:26px}.motion-empty{text-align:center;color:#9bb4c9;border:1px solid #253b50;border-radius:16px;padding:40px}.motion-empty svg{margin:0 auto 15px}.motion-empty small{margin-top:10px;display:block}.motion-job-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.motion-job-grid article{background:#0b1727;border:1px solid #304257;border-radius:15px;padding:16px}.motion-job-grid video{background:#000;width:100%;max-height:430px}.motion-job-grid p{margin:12px 0;font-size:13px;line-height:1.6}.motion-job-grid small{color:#91acc1;font-size:11px}.motion-job-state{color:#aee6f5;align-items:center;gap:12px;min-height:90px;display:flex}.motion-download{color:#71e8df;align-items:center;gap:8px;margin-top:15px;font-size:14px;display:flex}@media (max-width:760px){.motion-grid,.motion-job-grid{grid-template-columns:1fr}.motion-controls{padding:18px}.motion-heading{padding-top:25px}.motion-heading h1{font-size:36px}.motion-setup{padding:16px}.motion-selects{gap:8px}.motion-studio{padding-top:12px}}
