.ig-page{--ig-ink:#18243b;--ig-muted:#5d6880;--ig-accent:var(--primary-color,#3b82f6);--ig-line:#dce2ec;--ig-pale:#eff6ff;--ig-card:#fff;--ig-bg:#f8fafc;background:var(--ig-bg);color:var(--ig-ink);font-family:Inter,system-ui,sans-serif}.ig-page .container{max-width:1200px}.ig-main{max-width:1170px;padding:24px 15px 70px;margin:auto}.ig-main [hidden]{display:none!important}.ig-main a{color:var(--ig-accent);text-underline-offset:3px}.ig-main button,.ig-main input,.ig-main textarea{font:inherit}.ig-main button{cursor:pointer}.ig-main :focus-visible{outline:3px solid #60a5fa;outline-offset:3px}.ig-skip{position:fixed;top:-100px;left:14px;padding:13px 20px;background:white;color:var(--primary-color,#3b82f6);z-index:200}.ig-skip:focus{top:12px}.ig-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--ig-muted)}.ig-breadcrumb a{color:inherit}.ig-intro{text-align:center;padding:36px 0 27px}.ig-eyebrow{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:var(--ig-accent)}.ig-intro h1{font-size:clamp(30px,4vw,43px);font-weight:800;letter-spacing:-1.7px;line-height:1.2;margin:13px 0}.ig-intro p{font-size:15px;color:var(--ig-muted);line-height:1.8;max-width:650px;margin:auto}.ig-tool{background:var(--ig-card);border:1.5px solid #64748b;border-radius:8px;padding:28px 32px}.ig-tool-title{display:flex;align-items:center;gap:13px;margin-bottom:24px}.ig-logo{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#dbeafe,#eff6ff);color:#2563eb}.ig-logo svg{width:26px;height:26px}.ig-tool-title h2{font-size:17px;font-weight:700;margin:0 0 4px}.ig-tool-title p{font-size:12px;color:var(--ig-muted);margin:0}.ig-modes{display:flex;flex-wrap:wrap;gap:9px;border:0;margin:0 0 22px;padding:0}.ig-modes legend{font-size:12px;font-weight:600;margin-bottom:10px}.ig-modes label{position:relative;cursor:pointer}.ig-modes input{position:absolute;opacity:0;width:1px;height:1px}.ig-modes span{display:block;padding:10px 17px;border:1px solid var(--ig-line);border-radius:6px;font-size:12px;font-weight:600;color:var(--ig-muted);transition:background .15s}.ig-modes input:checked+span{background:var(--ig-pale);border-color:#93c5fd;color:var(--ig-accent)}.ig-modes input:focus-visible+span{outline:3px solid #60a5fa;outline-offset:3px}.ig-modes input:disabled+span{opacity:.6;cursor:wait}.ig-url-label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.ig-input-wrap{position:relative;display:flex}.ig-input-wrap input{min-width:0;width:100%;height:54px;padding:0 80px 0 15px;border:1px solid var(--ig-line);border-radius:7px;background:var(--ig-card);color:var(--ig-ink);font-size:14px}.ig-input-wrap input[aria-invalid=true]{border-color:#b43d44}.ig-input-wrap button{position:absolute;right:10px;top:10px;height:34px;border:0;border-radius:5px;padding:0 14px;background:var(--ig-pale);color:var(--ig-accent);font-size:12px;font-weight:600}.ig-field-help{font-size:11px;color:var(--ig-muted);line-height:1.7;margin:10px 0 18px}.ig-primary{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;min-height:48px;padding:13px 20px;background:var(--ig-accent);color:#fff!important;border:1px solid var(--ig-accent);border-radius:7px;font-size:14px;font-weight:600;text-decoration:none!important}.ig-primary:hover{background:#2563eb}.ig-primary:disabled{opacity:.65;cursor:wait}.ig-tool-note{text-align:center;font-size:11px;color:var(--ig-muted);line-height:1.7;margin:16px 0 0}.ig-message{padding:13px 16px;border:1px solid var(--ig-line);border-radius:7px;background:var(--ig-pale);color:var(--ig-ink);font-size:13px;line-height:1.7;margin-top:17px}.ig-message.is-error{background:#fff0ee;border-color:#efc7c2;color:#983c34}.ig-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--ig-muted);font-size:11px;margin:13px 0 28px}.ig-meta a{color:inherit}.ig-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ig-related a{display:flex;align-items:center;gap:12px;border:1px solid var(--ig-line);background:var(--ig-card);padding:15px 17px;border-radius:6px;font-size:13px;font-weight:600;color:var(--ig-ink)}.ig-related a>span:first-child{font-size:20px;width:24px;text-align:center;color:var(--ig-accent)}.ig-related a>span:last-child{margin-left:auto;color:var(--ig-muted)}.ig-related a:hover{text-decoration:none;background:var(--ig-pale)}.ig-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 28px;margin:23px 0 34px;color:var(--ig-muted);font-size:12px}.ig-trust span::before{content:'✓';color:var(--ig-accent);margin-right:7px}.ig-guide{background:var(--ig-card);border:1px solid var(--ig-line);border-radius:8px;padding:36px}.ig-guide img{display:block;width:100%;height:auto;border-radius:12px}.ig-guide p{font-size:17px;line-height:1.75;color:var(--ig-muted);margin:14px 0}.ig-guide h2{font-size:29px;line-height:1.3;letter-spacing:-.8px;margin:0 0 16px;font-weight:750;color:var(--ig-ink)}.ig-guide h3{font-size:27px;line-height:1.35;letter-spacing:-.6px;margin:10px 0 15px;font-weight:700;color:var(--ig-ink)}.ig-section-label{color:var(--ig-accent);font-size:10px;font-weight:700;letter-spacing:1.6px}.ig-overview{display:grid;grid-template-columns:7fr 5fr;gap:35px;align-items:center}.ig-overview h2{margin-top:12px}.ig-how{margin-top:60px}.ig-how>h2,.ig-features>h2,.ig-benefits>h2,.ig-faq>h2{text-align:center;font-size:27px}.ig-section-intro{text-align:center;font-size:14px!important;margin-top:-5px!important}.ig-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.ig-step{border:1px solid var(--ig-line);border-radius:10px;overflow:hidden}.ig-guide .ig-step img{border-radius:0}.ig-step>div{padding:22px 20px}.ig-step-number{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ig-pale);border:1px solid #bfdbfe;color:var(--ig-accent);font-size:12px;font-weight:700}.ig-step h3{font-size:17px;letter-spacing:-.2px;margin:13px 0 8px}.ig-step p{font-size:13px;line-height:1.8;margin:0}.ig-features{margin-top:64px}.ig-feature{display:grid;grid-template-columns:5fr 7fr;gap:45px;align-items:center;padding:35px 0}.ig-feature:nth-of-type(even){grid-template-columns:7fr 5fr}.ig-feature:nth-of-type(even)>img{grid-column:2;grid-row:1}.ig-feature:nth-of-type(even)>div{grid-column:1;grid-row:1}.ig-feature p{margin-bottom:0}.ig-benefits{margin-top:36px;border-top:1px solid var(--ig-line);padding-top:42px}.ig-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:30px}.ig-benefit-grid>div{padding:15px 16px;text-align:center}.ig-benefit-grid>div>span{font-size:26px;color:var(--ig-accent);height:35px;display:block}.ig-benefit-grid h3{font-size:17px;letter-spacing:-.2px;margin:15px 0 9px}.ig-benefit-grid p{font-size:13px;line-height:1.8;margin:0}.ig-guide-note{border-left:3px solid #93c5fd;background:var(--ig-pale);border-radius:0 8px 8px 0;padding:10px 23px;margin:35px 0 43px}.ig-guide-note p{font-size:15px}.ig-guide-note strong{color:var(--ig-ink)}.ig-faq details{border-bottom:1px solid var(--ig-line)}.ig-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px;font-weight:600;line-height:1.6;padding:20px 0;list-style:none;cursor:pointer}.ig-faq summary::-webkit-details-marker{display:none}.ig-faq summary::after{content:'+';font-size:22px;font-weight:400;color:var(--ig-accent)}.ig-faq details[open] summary::after{content:'−'}.ig-faq details p{font-size:15px;margin:0 24px 20px 0}.ig-closing{background:var(--ig-pale);border-radius:10px;text-align:center;padding:28px 22px;margin-top:34px}.ig-closing h2{font-size:23px}.ig-closing p{font-size:14px}.ig-closing .ig-primary{max-width:270px;margin:23px auto 0}.ig-progress-panel{padding:20px 0 0;margin-top:23px;border-top:1px solid var(--ig-line)}.ig-progress-panel>div{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.ig-progress-panel h3{font-size:16px}.ig-progress-panel span,.ig-progress-panel p{font-size:12px;color:var(--ig-muted)}.ig-progress-panel progress{display:block;width:100%;height:9px;border:0;border-radius:5px;margin:16px 0;accent-color:var(--ig-accent)}.ig-results{margin-top:28px;border-top:1px solid var(--ig-line);padding-top:25px}.ig-results-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.ig-results h3{font-size:18px;margin:0 0 8px}.ig-results-heading p{font-size:12px;color:var(--ig-muted);margin:0}.ig-secondary{border:1px solid var(--ig-line);padding:10px 14px;background:var(--ig-card);color:var(--ig-accent);border-radius:6px;font-size:12px!important}.ig-files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:23px}.ig-file{border:1px solid var(--ig-line);border-radius:9px;overflow:hidden;background:var(--ig-card)}.ig-file-preview{height:200px;display:flex;align-items:center;justify-content:center;background:var(--ig-pale)}.ig-file-preview img,.ig-file-preview video{width:100%;height:100%;object-fit:contain}.ig-file-preview audio{width:95%}.ig-file-preview>span{font-size:40px;color:var(--ig-accent)}.ig-file-info{padding:16px}.ig-file-info h4{font-size:14px;font-weight:650;margin:0 0 6px}.ig-file-info p{font-size:11px;color:var(--ig-muted);margin:0 0 14px}.ig-file .ig-primary{font-size:12px;min-height:40px;padding:10px}.ig-caption{margin-top:23px}.ig-caption label{display:block;font-size:14px;font-weight:600;margin-bottom:10px}.ig-caption textarea{display:block;width:100%;resize:vertical;padding:14px;border:1px solid var(--ig-line);border-radius:7px;background:var(--ig-card);color:var(--ig-ink);font-size:13px;line-height:1.8;margin-bottom:10px}.ig-page .footer{background:var(--ig-card);border-top:1px solid var(--ig-line)}.ig-page .footer p,.ig-page .footer a{color:var(--ig-muted)}.ig-page .footer h3{color:var(--ig-ink)}
[data-theme=dark] .ig-page{--ig-ink:#e3e8f4;--ig-muted:#aab6cc;--ig-accent:#93c5fd;--ig-line:#344059;--ig-pale:#222f47;--ig-card:#1b263d;--ig-bg:#111827}[data-theme=dark] .ig-primary{background:#3b82f6;border-color:#3b82f6}[data-theme=dark] .ig-primary:hover{background:#2563eb}[data-theme=dark] .ig-message.is-error{background:#422a31;border-color:#70414b;color:#f8c0c4}
@media(max-width:1199px) and (min-width:992px){.ig-main{max-width:990px}}
@media(max-width:991px){.ig-main{max-width:750px}.ig-related{grid-template-columns:1fr}.ig-related a{padding:12px 17px}.ig-guide{padding:27px}.ig-overview{grid-template-columns:1fr;gap:24px}.ig-overview img{max-width:460px;margin:auto}.ig-feature,.ig-feature:nth-of-type(even){grid-template-columns:1fr;gap:23px}.ig-feature>img,.ig-feature:nth-of-type(even)>img{grid-column:1;grid-row:auto;max-width:460px;margin:auto}.ig-feature>div,.ig-feature:nth-of-type(even)>div{grid-column:1;grid-row:auto}.ig-feature h3{font-size:26px}.ig-step-grid{gap:12px}.ig-step>div{padding:17px 13px}.ig-benefit-grid{gap:18px}.ig-files{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.ig-main{max-width:570px;padding:18px 15px 45px}.ig-intro{padding:28px 0 24px}.ig-intro h1{letter-spacing:-1px}.ig-intro p{font-size:13px}.ig-tool{padding:24px}.ig-guide{padding:25px 22px}.ig-guide h2{font-size:25px}.ig-guide p{font-size:15px}.ig-step-grid{grid-template-columns:1fr;gap:20px}.ig-step{display:grid;grid-template-columns:40% 1fr;align-items:center}.ig-guide .ig-step img{border-radius:0 9px 9px 0}.ig-step h3{font-size:16px}.ig-step p{font-size:12px}.ig-benefit-grid{grid-template-columns:1fr 1fr}.ig-how,.ig-features{margin-top:44px}.ig-trust{font-size:11px;gap:10px 18px}}
@media(max-width:480px){.ig-tool{padding:21px 16px}.ig-modes{gap:7px}.ig-modes span{padding:9px 11px;font-size:11px}.ig-input-wrap input{font-size:12px;padding-left:11px;padding-right:66px}.ig-input-wrap button{padding:0 10px}.ig-guide{padding:24px 16px}.ig-guide h2{font-size:23px}.ig-feature h3{font-size:24px}.ig-guide p{font-size:14px;line-height:1.85}.ig-section-label{font-size:9px}.ig-step{grid-template-columns:1fr}.ig-guide .ig-step img{border-radius:0;max-height:220px;object-fit:cover}.ig-step>div{padding:19px}.ig-step p{font-size:13px}.ig-feature{padding:28px 0}.ig-benefit-grid{gap:15px}.ig-benefit-grid>div{padding:11px 4px}.ig-benefit-grid h3{font-size:15px}.ig-benefit-grid p{font-size:12px}.ig-faq summary{font-size:14px}.ig-faq details p{font-size:14px}.ig-files{grid-template-columns:1fr}.ig-results-heading{align-items:flex-start}.ig-results h3{font-size:16px}.ig-results-heading .ig-secondary{padding:9px 11px}.ig-guide-note{padding:8px 16px}.ig-meta{font-size:10px}.ig-closing h2{font-size:22px}.ig-trust{font-size:10px;gap:10px 13px}}
@media(prefers-reduced-motion:reduce){.ig-page *{scroll-behavior:auto!important;transition:none!important}}

/* Stories opens the dedicated viewer beside the existing format choices. */
.ig-modes .ig-story-button{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 17px;border:1px solid var(--ig-line);border-radius:6px;font-size:12px;font-weight:600;color:var(--ig-accent);text-decoration:none;background:var(--ig-card);transition:background .15s}.ig-modes .ig-story-button span{padding:0;border:0;font-size:inherit;color:inherit}.ig-modes .ig-story-button:hover{background:var(--ig-pale);border-color:#93c5fd}.ig-modes .ig-story-button:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}@media(max-width:480px){.ig-modes .ig-story-button{padding:9px 11px;font-size:11px}}

[data-theme=dark] body.ig-page{background:var(--ig-bg);color:var(--ig-ink)}
