.native-gif-generator{--ng-ink:#eee9f7;--ng-muted:#b6a5c6;--ng-green:#cfb1fa;--ng-line:#493854;color:var(--ng-ink)}.native-gif-generator .ng-prompt-panel{width:min(100%,720px);height:100%;min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;margin:auto;padding:clamp(20px,4vw,48px)}.native-gif-generator .ng-eyebrow{display:flex;align-items:center;gap:9px;color:var(--ng-green);font-size:10px;font-weight:750;letter-spacing:.12em;line-height:1.6}.native-gif-generator .ng-pill{padding:3px 7px;border:1px solid #6a4f85;border-radius:5px;font-size:9px;letter-spacing:.07em}.native-gif-generator h2{margin:13px 0 12px;font-size:clamp(25px,3vw,38px);font-weight:650;letter-spacing:-.045em;line-height:1.15}.native-gif-generator .ng-controls h2{font-size:25px}.native-gif-generator .ng-intro{max-width:48ch;margin:0 0 26px;color:var(--ng-muted);font-size:14px;line-height:1.65}.native-gif-generator .ng-label{display:block;margin:0 0 8px;color:var(--ng-ink);font-size:12px;font-weight:650}.native-gif-generator textarea,.native-gif-generator select{width:100%;color:var(--ng-ink);background:#1b1426;border:1px solid #59416c;border-radius:10px;font:inherit;font-size:14px;line-height:1.6;box-sizing:border-box}.native-gif-generator textarea{display:block;resize:vertical;min-height:150px;padding:15px}.native-gif-generator textarea::-moz-placeholder{color:#a28eb7}.native-gif-generator textarea::placeholder{color:#a28eb7}.native-gif-generator select{padding:10px 12px;margin:0 0 18px}.native-gif-generator button{font-family:inherit;cursor:pointer}.native-gif-generator :is(button,a,select,textarea):focus-visible{outline:3px solid #cfb1fa;outline-offset:3px}.native-gif-generator :disabled{cursor:not-allowed;opacity:.6}.native-gif-generator .ng-input-meta{display:flex;justify-content:space-between;gap:12px;margin:8px 0 18px;color:var(--ng-muted);font-size:11px}.native-gif-generator .ng-examples{display:flex;flex-wrap:wrap;gap:8px}.native-gif-generator .ng-examples button{display:flex;align-items:center;gap:14px;padding:8px 11px;border:1px solid var(--ng-line);border-radius:7px;background:#2c203b;color:var(--ng-ink);font-size:11px}.native-gif-generator .ng-examples button:hover:not(:disabled){background:#39264c;border-color:#9a73bd}.native-gif-generator .ng-route-note{margin-top:28px;padding-top:20px;border-top:1px solid var(--ng-line);color:var(--ng-muted);font-size:12px;line-height:1.6}.native-gif-generator a,.native-gif-generator .ng-text-button{color:var(--ng-green);text-decoration:underline;text-underline-offset:3px}.native-gif-generator .ng-controls{display:flex;flex-direction:column;gap:16px;width:100%}.native-gif-generator fieldset{border:0;padding:0;margin:0;min-width:0}.native-gif-generator legend{padding:0;margin:0 0 17px;color:var(--ng-ink);font-weight:650;font-size:14px}.native-gif-generator .ng-specs{display:flex;flex-wrap:wrap;gap:7px;margin-top:-13px}.native-gif-generator .ng-specs span{padding:4px 8px;color:#d7c4e8;background:#30213f;border:1px solid #523c67;border-radius:5px;font-size:10px}.native-gif-generator .ng-price-card{padding:17px;background:#2c2039;border:1px solid #624577;border-radius:12px}.native-gif-generator .ng-price-card strong{display:block;font-size:19px;letter-spacing:-.035em;line-height:1.4}.native-gif-generator .ng-price-card p{margin:9px 0 0;color:#c4b3d5;font-size:11px;line-height:1.65}.native-gif-generator .ng-small-note{margin:0;color:var(--ng-muted);font-size:11px;line-height:1.65}.native-gif-generator .ng-text-button{border:0;background:none;padding:3px 0;text-align:left;font-size:12px}.native-gif-generator .ng-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 22px;min-height:380px;width:100%;box-sizing:border-box}.native-gif-generator .ng-waiting h2{margin-top:25px;max-width:15ch;font-size:clamp(26px,3vw,38px)}.native-gif-generator .ng-waiting p{max-width:42ch;color:var(--ng-muted);font-size:13px;line-height:1.7}.native-gif-generator .ng-loop-mark{display:grid;place-items:center;width:98px;height:98px;color:#e1c5ff;border:1px solid #72548c;border-radius:28px;background:linear-gradient(145deg,#402452,#281c38);box-shadow:7px 7px #24172f,-7px -7px #362044;transform:rotate(-7deg)}.native-gif-generator .ng-loop-mark span{font-size:24px;font-weight:750;letter-spacing:-.06em;transform:rotate(7deg)}.native-gif-generator .ng-loop-mark--working{animation:ng-breathe 2.4s ease-in-out infinite}.native-gif-generator .ng-result-preview{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;overflow:hidden}.native-gif-generator .ng-preview-note{flex:0 0 auto;margin:8px 12px 10px;color:var(--ng-muted);text-align:center;font-size:11px;line-height:1.4}.native-gif-generator .ng-speeds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.native-gif-generator .ng-speeds button{min-height:41px;padding:7px 3px;border:1px solid var(--ng-line);border-radius:7px;color:var(--ng-ink);background:#21172d;font-size:12px}.native-gif-generator .ng-speeds button.is-selected{background:#45305b;border-color:var(--ng-green);box-shadow:inset 0 0 0 1px var(--ng-green);font-weight:700}.native-gif-generator .ng-output-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:15px 0;border-top:1px solid var(--ng-line);border-bottom:1px solid var(--ng-line)}.native-gif-generator .ng-output-info dt{color:var(--ng-muted);font-size:10px}.native-gif-generator .ng-output-info dd{margin:5px 0 0;color:var(--ng-ink);font-size:12px;font-weight:600;white-space:nowrap}.native-gif-generator .ng-handoffs{display:grid;gap:8px}.native-gif-generator .ng-handoffs button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:43px;padding:10px 12px;border:1px solid var(--ng-line);border-radius:8px;background:#21172d;color:var(--ng-ink);text-align:left;font-size:12px}.native-gif-generator .ng-handoffs button:hover:not(:disabled){background:#3b2850}.native-gif-generator .ng-job-meta{display:flex;flex-wrap:wrap;gap:6px 18px;overflow-wrap:anywhere;font-size:10px;color:var(--ng-muted);line-height:1.7}.native-gif-generator .ng-job-meta code{font-size:10px}@keyframes ng-breathe{50%{transform:rotate(2deg) scale(1.035)}}@media(max-width:640px){.native-gif-generator .ng-prompt-panel{padding:24px 17px}.native-gif-generator .ng-eyebrow{font-size:8px;letter-spacing:.08em}.native-gif-generator .ng-waiting{min-height:300px;padding:30px 17px}.native-gif-generator textarea,.native-gif-generator select{font-size:16px}.native-gif-generator .ng-route-note{margin-top:22px}}@media(prefers-reduced-motion:reduce){.native-gif-generator *,.native-gif-generator *:before,.native-gif-generator *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.native-gif-generator .ng-prompt-summary{padding:12px;border:1px solid var(--ng-line);border-radius:8px;background:#241a30}.native-gif-generator .ng-prompt-summary p{margin:0;color:var(--ng-muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere;max-height:145px;overflow:auto}.native-gif-generator .ng-result-preview>.ttf-compare{flex:1 1 auto;width:100%;height:100%;min-height:0;min-width:0}.native-gif-generator .ng-result-preview>.ttf-compare canvas{max-width:100%;max-height:100%}.native-gif-generator .ng-prompt-panel::-webkit-scrollbar{width:7px}.native-gif-generator .ng-prompt-panel::-webkit-scrollbar-thumb{background:#604570;border-radius:8px}.native-gif-generator .ng-prompt-panel{scrollbar-width:thin;scrollbar-color:#604570 transparent}@media(min-width:900px)and (max-height:760px){.native-gif-generator .ng-prompt-panel{padding:20px 26px}.native-gif-generator .ng-prompt-panel h2{font-size:27px;margin:10px 0}.native-gif-generator .ng-intro{margin-bottom:14px;font-size:12px}.native-gif-generator textarea{min-height:110px}.native-gif-generator .ng-route-note{margin-top:16px;padding-top:12px}.native-gif-generator .ng-controls{gap:11px}.native-gif-generator .ng-prompt-summary p{max-height:64px}.native-gif-generator .ng-controls select{margin-bottom:12px;padding:8px 10px}.native-gif-generator .ng-price-card{padding:12px}}.native-gif-generator .tig-tool-flow{grid-template-columns:minmax(0,1fr)}.native-gif-generator :is(.ttf-header,.ttf-step-row,.ttf-action-bar){min-width:0}@media(max-width:700px){.native-gif-generator .ttf-step-row:has(.ng-job-meta>span){flex-direction:column;gap:3px}.native-gif-generator .ttf-meta:has(.ng-job-meta>span){display:block;max-width:100%;white-space:normal}}.native-gif-generator .ng-waiting{height:100%;min-height:0;overflow-y:auto;justify-content:flex-start;justify-content:safe center}@media(max-height:700px){.native-gif-generator .ng-waiting{padding:20px}.native-gif-generator .ng-loop-mark{width:60px;height:60px;border-radius:18px;flex-shrink:0}.native-gif-generator .ng-waiting h2{margin:14px 0 8px;font-size:24px}}