.gif-section{padding:42px 0;border-top:1px solid var(--line)}.gif-card{padding:28px;max-width:820px;margin:auto;border:1px solid #62465b;border-radius:24px;background:linear-gradient(135deg,#281c2d,#1c1421)}.gif-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:32px 20px;border:1px dashed #bb779d;border-radius:16px;background:#a8507f0c;cursor:pointer;overflow-wrap:anywhere}.gif-drop.dragging{background:#ac4e8530;border-style:solid}.gif-drop-icon{font-size:32px;color:var(--pink)}.gif-drop strong{font-size:18px}.gif-drop small{font-size:13px;color:var(--muted)}.gif-drop input{max-width:100%;color:var(--muted);font-size:13px}.gif-drop input::file-selector-button{border:0;border-radius:10px;background:var(--pink);color:#321329;padding:10px 14px;margin-right:12px;cursor:pointer}.gif-settings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}.gif-settings label{display:grid;gap:8px;font-size:13px;color:var(--muted)}.gif-settings input,.gif-settings select{width:100%;min-width:0;color:var(--text);border:1px solid var(--line);border-radius:10px;background:#17111d;padding:12px;font:inherit}.gif-settings option{background:#211626;color:#fff}.gif-note{font-size:13px;color:var(--muted);line-height:1.7}.gif-source-preview,.gif-result-preview{display:block;max-width:100%;max-height:320px;margin:20px auto;border-radius:14px}.gif-source-preview{width:100%;background:#110b18}.gif-source-preview[hidden]{display:none}.gif-download{justify-content:center;text-align:center;margin:20px 0 10px}.gif-status{font-size:15px;overflow-wrap:anywhere}.gif-status progress{width:100%}.animated-theme-on .gif-card{background:linear-gradient(135deg,#27192c61,#140c1c42);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:#ffbce247}.animated-theme-on .gif-drop,.animated-theme-on .gif-settings input,.animated-theme-on .gif-settings select{background:#140b1d47;backdrop-filter:blur(5px)}@media(max-width:650px){.gif-card{padding:22px 18px}.gif-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.gif-drop{padding:24px 14px}.gif-drop strong{font-size:16px}.header nav{flex-wrap:wrap;gap:14px}.gif-section .section-heading p{font-size:14px;margin-top:12px}}