*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0f1117;--color-surface: #1a1d27;--color-border: #2a2d3a;--color-primary: #4f8ef7;--color-primary-hover: #3a7ae8;--color-accent: #7c5cfc;--color-text: #e2e8f0;--color-muted: #8892a4;--color-check: #34d399;--color-error: #ff6b6b;--color-error-bg: #2a1520;--color-success: #34d399;--font-sans: "Segoe UI", system-ui, -apple-system, sans-serif;--radius: 12px;--shadow: 0 4px 24px rgba(0, 0, 0, .35);--btn-padding: .65rem 1.4rem;--btn-radius: 10px;--btn-font-size: .95rem;--btn-font-weight: 600;--btn-transition: background .2s, transform .15s, box-shadow .15s}html{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:var(--font-sans)}.shared-collapse{max-height:none!important;overflow:visible!important}.panel-hidden{max-height:0!important;overflow:hidden!important;visibility:hidden!important}.screenshot-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;z-index:9999;display:flex;align-items:center;justify-content:center}.screenshot-modal-content{position:relative;background:var(--color-surface);border-radius:12px;box-shadow:0 8px 32px #00000073;padding:2.5rem 2.5rem 2rem;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.screenshot-modal-img{max-width:100%;max-height:70vh;border-radius:8px;box-shadow:0 2px 16px #0000002e}.screenshot-modal-close{position:absolute;top:1.2rem;right:1.2rem;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;z-index:2;padding:0;line-height:1;transition:color .2s}.screenshot-modal-close:hover{color:var(--color-primary)}.rotator-slider.true-slide{position:relative;width:100%;min-height:420px;overflow:hidden;box-shadow:0 4px 24px #00000059;border-radius:var(--radius);background:var(--color-surface)}.rotator-slide-track{display:flex;width:200%;will-change:transform}.rotator-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--color-primary);background:var(--color-bg);cursor:pointer;transition:background .2s,border-color .2s;outline:none}.rotator-dot.active{background:var(--color-primary);border-color:var(--color-primary)}.container{width:100%;max-width:860px;margin:0 auto;padding:0 1.25rem}.main{flex:1;display:flex;flex-direction:column}.page{display:flex;flex-direction:column;min-height:100vh}.page .main{flex:1}.blog-row{color:inherit;text-decoration:none}.blog-row:hover,.blog-row:focus{text-decoration:underline;text-decoration-color:#111827;text-underline-offset:3px}.hero{position:relative;background:linear-gradient(135deg,#080a12b8,#10121e99);border-bottom:none;padding:5rem 1.25rem 4rem;text-align:center;overflow:visible}.hero:before{content:"";position:absolute;left:50%;transform:translate(-50%);top:0;bottom:0;width:calc(100% - 2.5rem);max-width:calc(860px - 2.5rem);background-image:url(/images/main/Main_Background_70per.png);background-repeat:no-repeat;background-position:center center;background-size:cover;z-index:0;pointer-events:none}.hero:after{content:"";position:absolute;left:50%;transform:translate(-50%);top:0;bottom:0;width:calc(100% - 2.5rem);max-width:calc(860px - 2.5rem);background:linear-gradient(135deg,#080a12b8,#10121e99);z-index:1;pointer-events:none;border-bottom:1px solid var(--color-border)}.hero-inner{position:relative;z-index:2}.hero-inner{max-width:620px;margin:0 auto}.hero .hero-title{font-size:clamp(2rem,6vw,3.2rem);font-weight:800;line-height:1.15;letter-spacing:-1px;text-align:center;background:linear-gradient(135deg,#e2e8f0 30%,var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.hero-subtitle{font-size:1.1rem;color:var(--color-muted);max-width:480px;margin:0 auto}.tools-section{flex:1;padding:1.5rem 0 4rem}.section-heading{font-size:1.05rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin-bottom:1.75rem}.tool-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;gap:1.75rem;padding:2rem;transition:border-color .2s}.tool-card:hover{border-color:var(--color-primary)}.tool-icon{flex-shrink:0;width:52px;height:52px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.tool-icon svg{width:26px;height:26px}.tool-content{flex:1;min-width:0}.tool-title{font-size:1.4rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.3px}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:var(--btn-font-weight);font-size:var(--btn-font-size);border-radius:var(--btn-radius);padding:var(--btn-padding);transition:var(--btn-transition);cursor:pointer;border:none;font-family:inherit;text-align:center;box-sizing:border-box;line-height:1}.feature-list li{font-size:.92rem;color:var(--color-text);display:flex;align-items:flex-start;gap:.5rem}.feature-check{color:var(--color-check);font-weight:700;flex-shrink:0;margin-top:1px}.home-section{padding:3rem 0;border-top:1px solid var(--color-border)}.home-section--alt{background:var(--color-surface)}.home-section-title{font-size:1.3rem;font-weight:700;letter-spacing:-.3px;margin-bottom:1.25rem;color:var(--color-text)}.guide-links{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.guide-link{display:block;padding:.8rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-primary);font-size:.93rem;font-weight:500;text-decoration:none;transition:border-color .2s,background .2s}.guide-link:hover{border-color:var(--color-primary);background:#4f8ef70f;text-decoration:none}.spotlight-group+.spotlight-group{margin-top:2.5rem;padding-top:2.5rem;border-top:1px solid var(--color-border)}.spotlight-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.spotlight-card{display:block;padding:1.25rem 1.5rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);text-decoration:none;transition:border-color .2s}.spotlight-card:hover{border-color:var(--color-primary);text-decoration:none}.spotlight-card-name{display:block;font-size:1rem;font-weight:700;color:var(--color-primary);margin-bottom:.45rem}.spotlight-card-desc{font-size:.9rem;color:var(--color-muted);line-height:1.55}@media(max-width:600px){.tool-card{flex-direction:column;gap:1.25rem;padding:1.5rem}.hero{padding:3.5rem 1.25rem 3rem}.guide-links,.spotlight-cards{grid-template-columns:1fr}}@media(max-width:700px){.dropdown{width:100%;display:flex;flex-direction:column;align-items:center}.dropbtn{width:100%;text-align:center;justify-content:center;align-items:center;display:flex}.dropdown-content{left:0!important;right:0!important;margin:0 auto;width:100vw;min-width:unset;border-radius:0 0 8px 8px}}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:36px;height:36px;background:none;border:none;cursor:pointer;margin-left:auto;z-index:300}.hamburger-bar{width:24px;height:3px;background:var(--color-text);margin:3px 0;border-radius:2px;transition:all .2s}@media(max-width:700px){.hamburger{display:flex}.nav{display:none!important;position:absolute;top:56px;left:0;width:100vw;max-height:calc(100dvh - 56px);overflow-y:auto;background:var(--color-surface);flex-direction:column;align-items:stretch;gap:.5rem;z-index:250;box-shadow:0 4px 24px #00000040;padding-bottom:1rem}.nav.nav-mobile-open{display:flex!important}.header-inner{flex-direction:row;align-items:center;height:56px;padding:0 .5rem}}@media(max-width:700px){.header-inner{flex-direction:row;align-items:center;height:56px;padding:0 .5rem}.nav{flex-direction:column;gap:.5rem;align-items:stretch}.dropdown-content.dropdown-columns{position:static!important;transform:none!important;min-width:0!important;width:100vw!important;left:0!important;right:0!important;border-radius:0 0 12px 12px;box-shadow:none;padding:.5rem .5rem 1rem;margin-top:.5rem;background:var(--color-surface);z-index:200}.dropdown-columns{flex-direction:column!important;gap:1.2rem!important;min-width:0!important;width:100%;padding:0}.dropdown-col{min-width:0;width:100%;gap:.1rem}.dropdown-group-title{padding-left:.5rem}.dropdown-content a{padding-left:1.5rem!important;padding-right:1.5rem!important;font-size:1rem}}.dropdown-columns{display:flex;flex-direction:row;gap:1rem;min-width:420px;padding:1rem 1.2rem;box-sizing:border-box}.dropdown-col{flex:1 1 0;min-width:120px;display:flex;flex-direction:column;gap:.2rem}.dropdown-group a{padding-left:2.5rem!important;padding-right:2.5rem!important}.dropdown-group{padding:0;margin:0}.dropdown-group+.dropdown-group{border-top:1px solid var(--color-border);margin-top:.2rem}.dropdown-group-title{font-size:.78rem;font-weight:600;color:var(--color-primary);padding:.5rem 1rem .2rem;background:none;letter-spacing:.5px;pointer-events:none}.header{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.header-inner{max-width:860px;margin:0 auto;padding:0 1.5rem;height:56px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.35rem;font-weight:700;color:var(--color-text);text-decoration:none;letter-spacing:-.5px}.logo:hover{text-decoration:none}.logo-accent{color:var(--color-primary)}.nav{display:flex;align-items:center;gap:1.5rem}.nav-link{font-size:.9rem;font-weight:500;color:var(--color-muted);transition:color .15s;text-decoration:none}.nav-link:hover{color:var(--color-text);text-decoration:none}.dropdown{position:relative}.dropbtn{background:none;border:none;color:var(--color-muted);font-size:.9rem;font-weight:600;padding:0;cursor:pointer;transition:color .15s}.dropbtn:hover,.dropbtn.open{color:var(--color-text)}.dropdown-content{position:fixed;left:50%;transform:translate(-50%);top:56px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow);min-width:180px;z-index:200}.dropdown-content a{display:block;padding:.6rem 1rem;font-size:.875rem;color:var(--color-muted);text-decoration:none;transition:background .12s,color .12s;white-space:nowrap}.dropdown-content a:hover{background:#4f8ef714;color:var(--color-text);text-decoration:none}.lang-switcher{position:relative;display:flex;align-items:center;margin-left:.75rem}.lang-trigger{display:flex;align-items:center;gap:.4rem;padding:.4rem .65rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-size:.82rem;font-weight:600;cursor:pointer;transition:border-color .15s,box-shadow .15s;white-space:nowrap}.lang-trigger:hover{border-color:var(--color-primary)}.lang-trigger:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #4f8ef740}.lang-flag{width:20px;height:14px;object-fit:cover;border-radius:2px;flex-shrink:0}.lang-trigger-label{line-height:1}.lang-chevron{font-size:.7rem;opacity:.6}.lang-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:1000;list-style:none;margin:0;padding:.3rem 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 16px #00000026;min-width:140px}.lang-option{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:.82rem;font-weight:600;cursor:pointer;color:var(--color-text);transition:background .1s}.lang-option:hover{background:var(--color-bg)}.lang-option.active{color:var(--color-primary)}@media(max-width:700px){.lang-switcher{width:100%;display:flex;flex-direction:column;align-items:stretch;margin:0;padding:0 .75rem}.lang-switcher.open{padding-bottom:.35rem}.lang-trigger{width:100%;justify-content:space-between;font-size:.92rem;padding:.55rem .8rem}.lang-dropdown{position:static;margin-top:.45rem;width:100%;min-width:0;border-radius:8px;box-shadow:none}}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:1.5rem 0;margin-top:auto}.footer-inner{max-width:860px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer-copy{font-size:.85rem;color:var(--color-muted);margin:0}.footer-links{display:flex;align-items:center;gap:.5rem}.footer-link-btn,a.footer-link-btn{background:none;border:none;padding:0;font-size:.85rem;color:var(--color-muted);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.footer-link-btn:hover,a.footer-link-btn:hover{color:var(--color-text, #222)}.footer-link-sep{font-size:.85rem;color:var(--color-muted);-webkit-user-select:none;user-select:none}.fl-overlay{position:fixed;inset:0;z-index:9999;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:1.5rem}.fl-dialog{background:#fff;color:#222;border-radius:10px;box-shadow:0 8px 40px #00000038;max-width:640px;width:100%;max-height:80vh;overflow-y:auto;padding:2rem 2rem 1.75rem;position:relative}.fl-dialog h2{font-size:1.35rem;font-weight:700;margin:0 0 .25rem}.fl-dialog h3{font-size:1rem;font-weight:600;margin:1.25rem 0 .35rem}.fl-dialog p{font-size:.9rem;line-height:1.65;margin:0 0 .6rem}.fl-dialog a{color:#2563eb}.fl-updated{font-size:.78rem;color:#888;margin-bottom:1rem!important}.fl-close{position:absolute;top:.85rem;right:1rem;background:none;border:none;font-size:1.6rem;line-height:1;cursor:pointer;color:#666;padding:.1rem .3rem}.fl-close:hover{color:#111}.rotator-card{width:100%;min-width:100%;background:none}.rotator{width:100%;max-width:860px;margin:0 auto 2.5rem;display:flex;flex-direction:column;align-items:center}.rotator-controls{display:flex;gap:.7rem;margin-bottom:1.5rem}.rotator-dot{width:14px;height:14px;border-radius:50%}.screenshots-section{margin-top:2.5rem}.screenshots-heading{font-size:1.05rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin-bottom:1.25rem}.screenshots-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.screenshot-item{display:flex;flex-direction:column;gap:.6rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s,transform .2s}.screenshot-item:hover{border-color:var(--color-primary);transform:translateY(-2px)}.screenshot-img{width:100%;height:180px;display:block;object-fit:contain;background:var(--color-surface)}.screenshot-img.screenshot-missing{min-height:140px;background:var(--color-bg);border-bottom:1px solid var(--color-border);color:transparent;font-size:0}.screenshot-item figcaption{font-size:.8rem;color:var(--color-muted);padding:0 .9rem .9rem;line-height:1.4}@media(max-width:860px){.screenshots-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.screenshots-grid{grid-template-columns:1fr}}.custom-select{position:relative;display:inline-block}.custom-select-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;min-width:140px;border-radius:10px;background:linear-gradient(90deg,#fff,#fbfdff);border:1px solid #e6e9f2;box-shadow:0 6px 18px #0f172a0f;font-weight:600;color:#111827;cursor:pointer}.custom-select-button:focus{outline:none;box-shadow:0 6px 20px #6366f11f;border-color:#6366f1}.custom-select-value{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-caret{margin-left:auto;color:#6b7280}.custom-select-list{position:absolute;top:calc(100% + 8px);left:0;min-width:160px;background:#fff;border-radius:10px;border:1px solid #e6e9f2;box-shadow:0 12px 30px #0f172a14;padding:.25rem 0;z-index:60}.custom-select-item{list-style:none;padding:.45rem .9rem;cursor:pointer;border-radius:8px;color:#111827}.custom-select-item:hover,.custom-select-item.selected{background:linear-gradient(90deg,#eef0ff,#f6f5ff)}.custom-select.wide .custom-select-button{min-width:420px}.custom-select.wide .custom-select-value{max-width:none}.hero-title{font-size:2rem;font-weight:800;letter-spacing:-.03em;color:#1e1e2e;margin:0 0 .5rem;text-align:left;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-tagline{font-size:1rem;color:#4b5563;text-align:left;margin-bottom:1.5rem}.image-popup-overlay{position:fixed;inset:0;background:#0000008c;z-index:1000;display:flex;align-items:center;justify-content:center}.image-popup-dialog{position:relative;background:#fff;border-radius:8px;box-shadow:0 4px 24px #0000002e;width:90vw;height:90vh;overflow:hidden;-webkit-user-select:none;user-select:none}.image-popup-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:auto;max-width:none;max-height:none;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.close-popup-btn{position:fixed;top:1rem;right:1rem;background:#111;color:#fff;border:2px solid rgba(255,255,255,.5);border-radius:50%;width:2.8rem;height:2.8rem;font-size:1.5rem;cursor:pointer;z-index:2000;display:flex;align-items:center;justify-content:center;line-height:1}.tool-details{margin-top:.5rem;margin-bottom:1rem;text-align:left;color:#6b7280}.tool-details summary{display:block;cursor:pointer;font-weight:600;color:#6b7280;padding:0;margin:0;text-align:center;position:relative}.tool-details summary:after{content:"▾";display:inline-block;margin-left:.5rem;transition:transform .18s ease}.tool-details[open] summary:after{transform:rotate(180deg)}.tool-details summary::-webkit-details-marker{display:none}.tool-details summary::marker{display:none}.tool-details>div{margin-top:.5rem;padding-left:.25rem;color:#6b7280}.details-row{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;width:100%;box-sizing:border-box}.details-row .tool-details{flex:1 1 300px;min-width:0;max-width:48%;box-sizing:border-box}@media(max-width:740px){.details-row .tool-details{max-width:100%;flex-basis:100%}}.details-row .tool-details img{max-width:100%;height:auto;display:block}.details-row .tool-details>div{width:100%;box-sizing:border-box}.details-row .tool-details[open]>div{width:100%;max-height:46vh;overflow:auto}.details-row[data-open=details] .tool-details{flex-basis:100%!important;max-width:100%!important}.details-row[data-open=details] .tool-details.tool-howitworks,.details-row[data-open=howitworks] .tool-details{display:none!important}.details-row[data-open=howitworks] .tool-details.tool-howitworks{display:block!important;flex-basis:100%!important;max-width:100%!important}.how-img{width:100%;border-radius:8px;border:1px solid #e2e6f0;box-shadow:0 2px 10px #0000000f;display:block;margin-bottom:.5rem}.details-controls{display:block}.tab-btn{background:transparent;border:none;padding:0;margin:0 .5rem 0 0;cursor:pointer;font-weight:600;color:inherit;display:inline;line-height:inherit}.tab-btn:focus{outline:none;text-decoration:underline}.tab-btn:after{content:"▾";display:inline-block;margin-left:.25rem;transition:transform .18s ease;font-size:.85em;color:currentColor}.tab-btn.active:after{transform:rotate(180deg)}.details-controls .tab-btn{background-color:transparent!important;background-image:none!important;border:none!important;border-radius:0!important;padding:0!important;min-width:0!important;height:auto!important;box-shadow:none!important;-webkit-appearance:none!important;appearance:none!important}.details-controls .tab-btn:focus{outline:none!important;text-decoration:underline!important}.details-controls .tab-btn,.details-controls .tab-btn.active{color:#374151!important}.shared-collapse{border-radius:12px;box-shadow:0 6px 18px #0f172a0a;border:1px solid #e2e6f0;padding:.75rem;max-height:none;overflow:visible}.shared-collapse.panel-hidden{max-height:0!important;height:0!important;padding:0!important;overflow:hidden!important;border:none!important;box-shadow:none!important;transition:max-height .18s ease,padding .18s ease}.details-content,.howitworks-content{color:#374151!important;opacity:1!important;text-align:left!important}.details-content ul,.howitworks-content ul{margin:.5rem 0 0 1.25rem;padding-left:1.25rem}.details-content p,.howitworks-content p{text-align:left!important}.card .tool-details[open]>div{background:#f8f9ff;border:1px solid #e2e6f0;border-radius:12px;padding:1rem;margin-top:.5rem;box-shadow:0 6px 18px #0f172a0a}.hint-banner{display:flex;align-items:center;gap:12px;background:#fffbe6;border:1px solid #ffe58f;border-radius:8px;padding:10px 16px;margin-bottom:12px;text-align:left}.hint-banner-icon{font-size:18px}.hint-banner-text{flex:1;font-size:14px;color:#7c6000}.hint-banner-btn{white-space:nowrap;background:#faad14;color:#fff;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer}.hero-badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem;justify-content:center}.hero-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;color:#6366f1;background:#eef0ff;border:1px solid #c7d2fe;border-radius:999px;padding:.25rem .75rem;letter-spacing:.01em}.file-input{display:none}.drop-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;width:100%}.drop-icon{font-size:2.5rem;margin-bottom:.25rem}.drop-text{font-size:1rem;font-weight:600;color:#374151}.drop-sub{font-size:.875rem;color:#9ca3af}.file-info{display:flex;align-items:center;gap:1rem;width:100%}.file-icon{font-size:2rem;flex-shrink:0}.file-details{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.file-name{font-weight:600;color:#1e1e2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:.85rem;color:#6b7280}.remove-btn{background:none;border:1px solid #e5e7eb;border-radius:8px;color:#9ca3af;font-size:.875rem;width:32px;height:32px;cursor:pointer;flex-shrink:0;transition:background .15s,border-color .15s,color .15s;display:flex;align-items:center;justify-content:center}.remove-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#ef4444}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--btn-padding);border-radius:var(--btn-radius);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);cursor:pointer;transition:var(--btn-transition);border:none;text-decoration:none;text-align:center;font-family:inherit;box-sizing:border-box;line-height:1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 14px #6366f159}.btn-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.btn-outline{background:transparent;color:#6366f1;border:2px solid #6366f1}.btn-outline:hover{background:#eef0ff}.btn-ghost{background:transparent;color:#6b7280}.btn-ghost:hover{background:#f3f4f6;color:#374151}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px #ef444459}.btn-danger:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444473}.progress-section{display:flex;flex-direction:column;gap:.5rem}.progress-label{font-size:.875rem;font-weight:500;color:#6366f1}.progress-bar{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:999px;transition:width .4s ease}.pdf-compressor-page{display:flex;flex-direction:column;min-height:100vh}.pdf-compressor-page .container{width:100%;max-width:860px;margin:0 auto;padding:0 1.25rem}.pdf-compressor-page .main{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem}.pdf-compressor-page .main .container{display:flex;justify-content:center}.pdf-compressor-page .card{background:#fff;border-radius:20px;border:1px solid #e2e6f0;padding:2.5rem 2.5rem 2rem;max-width:860px;width:100%;display:flex;flex-direction:column;gap:1.25rem}.pdf-compressor-page .hero-section{text-align:center;padding-bottom:.25rem}.pdf-compressor-page .drop-zone{border-width:2px;border-style:dashed;border-color:#c7d0e8;border-radius:14px;padding:2.5rem 1.5rem;width:100%;max-width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s;background:#f8f9ff;min-height:200px}@media(max-width:600px){.pdf-compressor-page .drop-zone{padding:1.2rem .5rem;font-size:.98rem;min-height:120px}}.pdf-compressor-page .drop-zone:hover,.pdf-compressor-page .drop-zone.dragging{border-color:#6366f1;background:#eef0ff}.pdf-compressor-page .drop-zone.has-file{cursor:default;border-style:solid;border-color:#6366f1;background:#f5f6ff}.pdf-compressor-page .compress-btn,.pdf-compressor-page .download-btn{width:100%;padding:.85rem;font-size:1rem}.pdf-compressor-page .result-section{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.pdf-compressor-page .result-icon{font-size:2.5rem}.pdf-compressor-page .result-title{font-size:1.25rem;font-weight:700;color:#1e1e2e}.pdf-compressor-page .size-comparison{display:flex;flex-direction:column;background:#f8f9ff;border-radius:12px;padding:1rem 1.5rem;width:100%;gap:.2rem}.pdf-compressor-page .size-row{display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:baseline}.pdf-compressor-page .size-row--spacer{height:.75rem}.pdf-compressor-page .size-col-label{font-size:.72rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em}.pdf-compressor-page .size-col-value{font-size:.95rem;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-compressor-page .size-col-value--compressed{color:#059669}.pdf-compressor-page .error-msg{font-size:.875rem;color:#ef4444;background:#fee2e2;border-radius:8px;padding:.65rem 1rem}.pdf-compressor-page .note{font-size:.8rem;color:#9ca3af;background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem;line-height:1.55;display:flex;gap:.5rem;align-items:flex-start}.pdf-compressor-page .note-icon{flex-shrink:0}@media(max-width:640px){.pdf-compressor-page .card{padding:1.4rem}.pdf-compressor-page .drop-zone{padding:1.25rem .75rem}}.pdf-compressor-page .details-controls{display:block}.pdf-compressor-page .details-buttons{display:flex;gap:.5rem;margin-bottom:.75rem}.details-content h3,.howitworks-content h3{margin-top:.5rem}.pdf-compressor-page .details-content,.pdf-compressor-page .howitworks-content{color:#374151!important;opacity:1!important}.pdf-compressor-page .details-content,.pdf-compressor-page .howitworks-content,.pdf-compressor-page .shared-collapse{text-align:left!important}.pdf-compressor-page .details-content ul,.pdf-compressor-page .howitworks-content ul{margin:.5rem 0 0 1.25rem;padding-left:1.25rem}.pdf-compressor-page .details-content p,.pdf-compressor-page .howitworks-content p{text-align:left!important}@media(max-width:740px){.pdf-compressor-page .main,.pdf-compressor-page .container{padding-left:0;padding-right:0}.pdf-compressor-page .card{border-radius:0;border-left:none;border-right:none;padding-left:1rem;padding-right:1rem}}.pdf-compressor-page .quality-controls{display:flex;align-items:center;gap:.75rem;margin-top:0;justify-content:flex-start}.pdf-compressor-page .quality-label{font-weight:600;color:#374151;font-size:.95rem}.pdf-compressor-page .quality-select-wrap{margin-left:.5rem}.pdf-compressor-page .custom-select{position:relative;display:inline-block}.pdf-compressor-page .custom-select-button{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.2rem .55rem .9rem;min-width:120px;border-radius:10px;background:linear-gradient(90deg,#fff,#fbfdff);border:1px solid #e5e7eb;box-shadow:0 6px 18px #0f172a0f;font-weight:600;color:#111827;cursor:pointer}.pdf-compressor-page .custom-select-button:focus{outline:none;box-shadow:0 6px 20px #6366f12e;border-color:#6366f1}.pdf-compressor-page .custom-select-caret{margin-left:auto;color:#6b7280}.pdf-compressor-page .custom-select-list{position:absolute;top:calc(100% + 8px);left:0;width:max-content;min-width:120px;background:#fff;border-radius:10px;border:1px solid #e5e7eb;box-shadow:0 12px 30px #0f172a1f;padding:.375rem;z-index:60}.pdf-compressor-page .custom-select-item{list-style:none;padding:.5rem .9rem;cursor:pointer;border-radius:8px;color:#111827}.pdf-compressor-page .custom-select-item:hover,.pdf-compressor-page .custom-select-item.selected{background:linear-gradient(90deg,#eef0ff,#f6f5ff)}@media(max-width:640px){.pdf-compressor-page .quality-controls{flex-direction:column;align-items:stretch}.pdf-compressor-page .quality-select-wrap{margin-left:0}}.pdf-merger-page{display:flex;flex-direction:column;min-height:100vh}.pdf-merger-page .container{width:100%;max-width:860px;margin:0 auto;padding:0 1.25rem}.pdf-merger-page .main{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem}.pdf-merger-page .main .container{display:flex;justify-content:center}.pdf-merger-page .card{background:#fff;border-radius:20px;border:1px solid #e2e6f0;padding:2.5rem 2.5rem 2rem;max-width:860px;width:100%;display:flex;flex-direction:column;gap:1.25rem}.pdf-merger-page .hero-section{text-align:center;padding-bottom:.25rem}.pdf-merger-page .drop-zone{border-width:2px;border-style:dashed;border-color:#c7d0e8;border-radius:14px;padding:2.5rem 1.5rem;margin-bottom:0;width:100%;max-width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s;background:#f8f9ff;min-height:200px}@media(max-width:600px){.pdf-merger-page .drop-zone{padding:1.2rem .5rem;font-size:.98rem;min-height:120px}}.pdf-merger-page .drop-zone:hover,.pdf-merger-page .drop-zone.dragging{border-color:#6366f1;background:#eef0ff}.pdf-merger-page .drop-zone.has-file{cursor:default;border-style:solid;border-color:#6366f1;background:#f5f6ff}.pdf-merger-page .file-info{display:flex;align-items:center;gap:1rem;width:100%}.pdf-merger-page .file-icon{font-size:2rem;flex-shrink:0}.pdf-merger-page .file-details{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.pdf-merger-page .file-name{font-weight:600;color:#1e1e2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-merger-page .file-size{font-size:.85rem;color:#6b7280}.pdf-merger-page .file-list-wrap{width:100%;display:flex;flex-direction:column;gap:.8rem}.pdf-merger-page .file-list-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.pdf-merger-page .file-list-title{display:block;font-size:.95rem;font-weight:700;color:#1f2937}.pdf-merger-page .file-list-sub{margin:.2rem 0 0;font-size:.8rem;color:#6b7280}.pdf-merger-page .file-list-add{padding:.45rem .8rem;font-size:.8rem}.pdf-merger-page .file-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.pdf-merger-page .file-row{display:flex;align-items:center;gap:.65rem;padding:.55rem .6rem;border:1px solid #dbe2f2;border-radius:10px;background:#fff;cursor:move}.pdf-merger-page .file-row:hover{border-color:#c7d2fe}.pdf-merger-page .file-row-order{width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#eef0ff;color:#4f46e5;font-size:.75rem;font-weight:700;flex-shrink:0}.pdf-merger-page .file-row-main{min-width:0;display:flex;flex-direction:column;gap:.15rem;flex:1}.pdf-merger-page .file-row-actions{display:flex;align-items:center;gap:.35rem}.pdf-merger-page .reorder-btn{background:#eef0ff;border:1px solid #c7d2fe;color:#4f46e5;border-radius:8px;width:30px;height:30px;cursor:pointer;font-size:.9rem;line-height:1}.pdf-merger-page .reorder-btn:disabled{opacity:.5;cursor:not-allowed}.pdf-merger-page .compress-option{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;cursor:pointer;-webkit-user-select:none;user-select:none;margin-top:0}.pdf-merger-page .compress-option input[type=checkbox]{width:1rem;height:1rem;accent-color:#6366f1;cursor:pointer}.pdf-merger-page .compress-btn,.pdf-merger-page .download-btn{width:100%;padding:.85rem;font-size:1rem}.pdf-merger-page .result-section{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.pdf-merger-page .result-icon{font-size:2.5rem}.pdf-merger-page .result-title{font-size:1.25rem;font-weight:700;color:#1e1e2e}.pdf-merger-page .size-comparison{display:flex;flex-direction:column;background:#f8f9ff;border-radius:12px;padding:1rem 1.5rem;width:100%;gap:.2rem}.pdf-merger-page .size-row{display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:baseline}.pdf-merger-page .size-row--spacer{height:.75rem}.pdf-merger-page .size-col-label{font-size:.72rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em}.pdf-merger-page .size-col-value{font-size:.95rem;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-merger-page .size-col-value--compressed{color:#059669}.pdf-merger-page .error-msg{font-size:.875rem;color:#ef4444;background:#fee2e2;border-radius:8px;padding:.65rem 1rem}.pdf-merger-page .note{font-size:.8rem;color:#9ca3af;background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem;margin-top:1.25rem;line-height:1.55;display:flex;gap:.5rem;align-items:flex-start}.pdf-merger-page .note-icon{flex-shrink:0}@media(max-width:640px){.pdf-merger-page .card{padding:1.4rem}.pdf-merger-page .drop-zone{padding:1.25rem .75rem}.pdf-merger-page .file-list-header{flex-direction:column;align-items:flex-start}.pdf-merger-page .file-row{gap:.45rem}}@media(max-width:740px){.pdf-merger-page .main,.pdf-merger-page .container{padding-left:0;padding-right:0}.pdf-merger-page .card{border-radius:0;border-left:none;border-right:none;padding-left:1rem;padding-right:1rem}}.pdf-converter-page{display:flex;flex-direction:column;min-height:100vh}.pdf-converter-page .container{width:100%;max-width:860px;margin:0 auto;padding:0 1.25rem}.pdf-converter-page .main{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem}.pdf-converter-page .main .container{display:flex;justify-content:center}.pdf-converter-page .card{background:#fff;border-radius:20px;border:1px solid #e2e6f0;padding:2.5rem 2.5rem 2rem;max-width:860px;width:100%;display:flex;flex-direction:column;gap:1.25rem}.pdf-converter-page .hero-section{text-align:center;padding-bottom:.25rem}.pdf-converter-page .drop-zone{border-width:2px;border-style:dashed;border-color:#c7d0e8;border-radius:14px;padding:2.5rem 1.5rem;width:100%;max-width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s;background:#f8f9ff;min-height:200px;margin-bottom:0}@media(max-width:600px){.pdf-converter-page .drop-zone{padding:1.2rem .5rem;font-size:.98rem;min-height:120px}}.pdf-converter-page .drop-zone:hover,.pdf-converter-page .drop-zone.dragging{border-color:#6366f1;background:#eef0ff}.pdf-converter-page .drop-zone.has-file{cursor:default;border-style:solid;border-color:#6366f1;background:#f5f6ff}.pdf-converter-page .compress-btn,.pdf-converter-page .download-btn{width:100%;padding:.85rem;font-size:1rem}.pdf-converter-page .result-section{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.pdf-converter-page .result-icon{font-size:2.5rem}.pdf-converter-page .result-title{font-size:1.25rem;font-weight:700;color:#1e1e2e}.pdf-converter-page .size-comparison{display:flex;flex-direction:column;background:#f8f9ff;border-radius:12px;padding:1rem 1.5rem;width:100%;gap:.2rem}.pdf-converter-page .size-row{display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:baseline}.pdf-converter-page .size-row--spacer{height:.75rem}.pdf-converter-page .size-col-label{font-size:.72rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em}.pdf-converter-page .size-col-value{font-size:.95rem;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-converter-page .size-col-value--compressed{color:#059669}.pdf-converter-page .error-msg{font-size:.875rem;color:#ef4444;background:#fee2e2;border-radius:8px;padding:.65rem 1rem}.pdf-converter-page .note{font-size:.8rem;color:#9ca3af;background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem;line-height:1.55;display:flex;gap:.5rem;align-items:flex-start;margin-top:1.25rem}.pdf-converter-page .note-icon{flex-shrink:0}@media(max-width:640px){.pdf-converter-page .card{padding:1.4rem}.pdf-converter-page .drop-zone{padding:1.25rem .75rem}}.pdf-converter-page .details-controls{display:block}.pdf-converter-page .details-buttons{display:flex;gap:.5rem;margin-bottom:.75rem}.pdf-converter-page .details-content,.pdf-converter-page .howitworks-content{color:#374151!important;opacity:1!important}.pdf-converter-page .details-content,.pdf-converter-page .howitworks-content,.pdf-converter-page .shared-collapse{text-align:left!important}.pdf-converter-page .details-content ul,.pdf-converter-page .howitworks-content ul{margin:.5rem 0 0 1.25rem;padding-left:1.25rem}.pdf-converter-page .details-content p,.pdf-converter-page .howitworks-content p{text-align:left!important}.pdf-converter-page .convert-controls{display:flex;align-items:center;gap:.75rem;margin-top:0;justify-content:flex-start}.pdf-converter-page .convert-label{font-weight:600;color:#374151;font-size:.95rem}.pdf-converter-page .convert-select-wrap{margin-left:.5rem}.pdf-converter-page .convert-select{appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,#fff,#fbfdff);border:1px solid #e5e7eb;padding:.55rem 1.2rem .55rem .9rem;border-radius:10px;font-weight:600;color:#111827;box-shadow:0 6px 18px #0f172a0f;cursor:pointer;min-width:160px;transition:box-shadow .15s,border-color .15s,background .15s,color .15s}.pdf-converter-page .custom-select{position:relative;display:inline-block}.pdf-converter-page .custom-select-button{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.2rem .55rem .9rem;min-width:160px;border-radius:10px;background:linear-gradient(90deg,#fff,#fbfdff);border:1px solid #e5e7eb;box-shadow:0 6px 18px #0f172a0f;font-weight:600;color:#111827;cursor:pointer}.pdf-converter-page .custom-select-button:focus{outline:none;box-shadow:0 6px 20px #6366f12e;border-color:#6366f1}.pdf-converter-page .custom-select-caret{margin-left:auto;color:#6b7280}.pdf-converter-page .custom-select-list{position:absolute;top:calc(100% + 8px);left:0;width:max-content;min-width:160px;background:#fff;border-radius:10px;border:1px solid #e5e7eb;box-shadow:0 12px 30px #0f172a1f;padding:.375rem;z-index:60}.pdf-converter-page .custom-select-item{list-style:none;padding:.5rem .9rem;cursor:pointer;border-radius:8px;color:#111827}.pdf-converter-page .custom-select-item:hover,.pdf-converter-page .custom-select-item.selected{background:linear-gradient(90deg,#eef0ff,#f6f5ff)}.pdf-converter-page .convert-select:focus,.pdf-converter-page .convert-select:active,.pdf-converter-page .convert-select:focus-visible{outline:none;border-color:#6366f1;box-shadow:0 6px 20px #6366f12e;background:linear-gradient(90deg,#fff,#fbfdff);color:#111827}.pdf-converter-page .convert-select option{background:#fff;color:#111827}@media(max-width:640px){.pdf-converter-page .convert-controls{flex-direction:column;align-items:stretch}.pdf-converter-page .convert-select-wrap{margin-left:0}}@media(max-width:740px){.pdf-converter-page .main,.pdf-converter-page .container{padding-left:0;padding-right:0}.pdf-converter-page .card{border-radius:0;border-left:none;border-right:none;padding-left:1rem;padding-right:1rem}}.pdf-splitter-page{display:flex;flex-direction:column;min-height:100vh}.pdf-splitter-page .container{width:100%;max-width:860px;margin:0 auto;padding:0 1.25rem}.pdf-splitter-page .main{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem}.pdf-splitter-page .card{background:#fff;border-radius:20px;border:1px solid #e2e6f0;padding:2.5rem;max-width:860px;width:100%;display:flex;flex-direction:column;gap:1.25rem}.pdf-splitter-page .hero-section{text-align:center;padding-bottom:.25rem}.drop-zone{border-width:2px;border-style:dashed;border-color:#c7d0e8;border-radius:14px;padding:2.5rem 1.5rem;display:flex;align-items:center;justify-content:center;background:#f8f9ff;min-height:200px}.drop-zone.dragging{border-color:#6366f1;background:#eef0ff}.drop-zone.has-file{cursor:default;border-style:solid;border-color:#6366f1;background:#f5f6ff}.pdf-splitter-page .compress-btn{width:100%;padding:.85rem;font-size:1rem}.pdf-splitter-page .result-section{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.pdf-splitter-page .result-icon{font-size:2.5rem}.pdf-splitter-page .result-title{font-size:1.25rem;font-weight:700;color:#1e1e2e}.pdf-splitter-page .split-results{display:flex;flex-direction:column;background:#f8f9ff;border-radius:12px;padding:1rem 1.5rem;width:100%;gap:.2rem}.pdf-splitter-page .split-row{display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center}.pdf-splitter-page .split-row--spacer{height:.75rem}.pdf-splitter-page .split-col-label{font-size:.72rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;padding:0 22.4px}.pdf-splitter-page .split-col-value{font-size:.95rem;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-splitter-page .split-download-btn{width:auto}.note{font-size:.8rem;color:#9ca3af;background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem}.pdf-splitter-page .error-msg{color:#ef4444}.segments-input{min-width:220px;color:inherit}.segments-input::placeholder{color:#9ca3af;opacity:1}.segments-input::-webkit-input-placeholder{color:#9ca3af}.segments-input:-ms-input-placeholder{color:#9ca3af}.segments-input::-ms-input-placeholder{color:#9ca3af}@media(max-width:640px){.pdf-splitter-page .card{padding:1.4rem}.drop-zone{padding:1.25rem}}.pdf-splitter-page .details-controls{display:block}.pdf-splitter-page .panel-hidden{display:none!important}.pdf-splitter-page .shared-collapse .details-content,.pdf-splitter-page .shared-collapse .howitworks-content,.pdf-splitter-page .shared-collapse .details-content h3,.pdf-splitter-page .shared-collapse .howitworks-content h3,.pdf-splitter-page .shared-collapse .details-content p,.pdf-splitter-page .shared-collapse .howitworks-content p,.pdf-splitter-page .shared-collapse .details-content li,.pdf-splitter-page .shared-collapse .howitworks-content li{color:#374151!important;opacity:1!important;text-align:left}.pdf-splitter-page .shared-collapse .details-content ul,.pdf-splitter-page .shared-collapse .howitworks-content ul,.pdf-splitter-page .shared-collapse .details-content ol,.pdf-splitter-page .shared-collapse .howitworks-content ol{margin:.5rem 0 0 1.25rem;padding-left:1.25rem}@media(max-width:740px){.pdf-splitter-page .main,.pdf-splitter-page .container{padding-left:0;padding-right:0}.pdf-splitter-page .card{border-radius:0;border-left:none;border-right:none;padding-left:1rem;padding-right:1rem}}.json-formatter-page{display:flex;flex-direction:column;min-height:100vh}.json-formatter-page .main{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:3rem 1.5rem}.json-formatter-page .main .container{display:flex;justify-content:center}.json-formatter-page .container{width:100%;max-width:860px;margin:0 auto;padding:0 1.25rem;box-sizing:border-box}.jf-hero{text-align:center;margin-bottom:.25rem}.jf-tool-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));font-size:1.6rem;font-weight:800;color:#fff;margin-bottom:1rem;box-shadow:var(--shadow)}.jf-hero-title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--color-text),var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.jf-hero-subtitle{color:#4b5563;font-size:1rem;max-width:560px;margin:0 auto}.jf-hero-subtitle strong{color:var(--color-text)}.jf-instructions-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem 1.5rem;margin-bottom:1.75rem}.jf-instructions-heading{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin-bottom:.75rem}.jf-instructions-list{padding-left:1.25rem;color:var(--color-muted);font-size:.9rem;display:flex;flex-direction:column;gap:.35rem}.jf-instructions-list li{line-height:1.5}.jf-instructions-list strong{color:var(--color-text)}kbd{display:inline-block;padding:.1em .45em;font-size:.8em;font-family:var(--font-sans);background:#ffffff12;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text)}.jf-panels{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.jf-panel{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.jf-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-bottom:1px solid var(--color-border);background:#ffffff05}.jf-panel-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--color-muted)}.jf-json-textarea{flex:1;width:100%;min-height:340px;padding:1rem;background:transparent;border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);font-family:Consolas,Fira Code,Cascadia Code,monospace;font-size:.875rem;line-height:1.55;resize:vertical;outline:none;transition:background .15s}.jf-json-textarea::placeholder{color:var(--color-muted);opacity:.6}.jf-json-textarea:focus{background:#4f8ef70a}.jf-json-textarea.has-error{background:#ff6b6b0d}.jf-error-msg{display:flex;align-items:flex-start;gap:.5rem;padding:.65rem 1rem;background:var(--color-error-bg);border-bottom:1px solid rgba(255,107,107,.25);color:var(--color-error);font-size:.85rem;line-height:1.5;word-break:break-word}.jf-error-icon{flex-shrink:0;font-size:1em;margin-top:1px}.jf-panel-actions{padding:.75rem 1rem;display:flex;justify-content:flex-end}.jf-json-output{flex:1;padding:1rem;margin:0;min-height:340px;font-family:Consolas,Fira Code,Cascadia Code,monospace;font-size:.875rem;line-height:1.55;color:var(--color-text);white-space:pre-wrap;word-break:break-all;overflow-y:auto}.jf-json-output.empty{color:var(--color-muted);opacity:.5}.jf-btn{display:inline-flex;align-items:center;gap:.4rem;padding:var(--btn-padding);border-radius:var(--btn-radius);border:1px solid transparent;font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);transition:var(--btn-transition);white-space:nowrap;cursor:pointer;font-family:inherit}.jf-btn:disabled{opacity:.4;cursor:not-allowed}.jf-btn-primary{background:var(--color-primary);color:#fff}.jf-btn-primary:not(:disabled):hover{background:var(--color-primary-hover)}.jf-btn-ghost{background:transparent;color:var(--color-muted);border-color:var(--color-border)}.jf-btn-ghost:not(:disabled):hover{color:var(--color-text);border-color:var(--color-muted)}.jf-btn-ghost.copied{color:var(--color-check);border-color:var(--color-check)}@media(max-width:720px){.jf-panels{grid-template-columns:1fr}.jf-hero-title{font-size:1.5rem}}@media(max-width:480px){.json-formatter-page .card{padding:1rem;overflow-x:visible}.jf-json-textarea,.jf-json-output{min-height:260px}}.jf-guide,.jf-guide *{box-sizing:border-box;max-width:100%}.jf-guide-content,.jf-guide-content p,.jf-guide-content h2,.jf-guide-content h3,.jf-guide-content li,.jf-guide-content ul,.jf-guide-content ol,.jf-guide-content table,.jf-guide-content td,.jf-guide-content th,.jf-guide-content code{overflow-wrap:anywhere;word-break:break-word}.jf-guide-content table{width:100%;display:block;overflow-x:auto}.jf-guide-content pre{white-space:pre-wrap;word-wrap:break-word;overflow-x:auto}@media(max-width:480px){.jf-guide-content h2{font-size:18px}.jf-guide-content pre{font-size:12px;padding:8px}}.json-formatter-page .tool-details{margin-top:.5rem;margin-bottom:1rem;text-align:left;color:#4b5563}.json-formatter-page .tool-details summary{display:block;cursor:pointer;font-weight:600;color:#4b5563;padding:0;margin:0 auto;text-align:center;position:relative}.json-formatter-page .tool-details summary:after{content:"▾";display:inline-block;margin-left:.5rem;transition:transform .18s ease}.json-formatter-page .tool-details[open] summary:after{transform:rotate(180deg)}.json-formatter-page .tool-details summary::-webkit-details-marker{display:none}.json-formatter-page .tool-details summary::marker{display:none}.json-formatter-page .tool-details>div{margin-top:.5rem;padding-left:.25rem;color:#4b5563}.json-formatter-page .card{background:#fff;border-radius:20px;border:1px solid #e2e6f0;padding:2rem;width:100%;max-width:860px;display:flex;flex-direction:column;gap:1.25rem;box-sizing:border-box}@media(max-width:640px){.json-formatter-page .card{padding:1.4rem}}.json-formatter-page .card .jf-hero-subtitle,.json-formatter-page .card .tool-details,.json-formatter-page .card .tool-details summary,.json-formatter-page .card .tool-details>div{color:#4b5563}.json-formatter-page .card .tool-details[open]>div{background:#f8f9ff;border:1px solid #e2e6f0;border-radius:12px;padding:1rem;margin-top:.5rem;box-shadow:0 6px 18px #0f172a0a}.json-formatter-page .details-row{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;width:100%;box-sizing:border-box}.json-formatter-page .details-row .tool-details{flex:1 1 300px;min-width:0;max-width:48%;box-sizing:border-box}@media(max-width:740px){.json-formatter-page .main,.json-formatter-page .container{padding-left:0;padding-right:0}.json-formatter-page .card{border-radius:0;border-left:none;border-right:none;padding-left:1rem;padding-right:1rem}.json-formatter-page .details-row .tool-details{max-width:100%;flex-basis:100%}}.json-formatter-page .how-img{width:100%;border-radius:8px;border:1px solid #e2e6f0;box-shadow:0 2px 10px #0000000f;display:block;margin-bottom:.5rem}.json-formatter-page .details-row .tool-details img{max-width:100%;height:auto;display:block}.json-formatter-page .details-row .tool-details>div{width:100%;box-sizing:border-box}.json-formatter-page .details-row .tool-details[open]>div{width:100%;max-height:46vh;overflow:auto}.json-formatter-page .details-row[data-open=details] .tool-details{flex-basis:100%!important;max-width:100%!important}.json-formatter-page .details-row[data-open=details] .tool-details.tool-howitworks{display:none!important}.jf-guide-row{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.jf-guide-icon{flex:0 0 60px;font-size:34px;line-height:1;font-family:monospace;font-weight:700;color:#6c63ff}.jf-guide-content{flex:1 1 0;min-width:0}.jf-guide-content pre{overflow-x:auto}@media(max-width:720px){.jf-guide{padding:12px}.jf-guide-row{flex-direction:column}.jf-guide-icon{flex:0 0 auto;margin-bottom:8px}.jf-guide-content pre{width:100%}}.regex-tester-page{display:flex;flex-direction:column;min-height:100vh}.regex-tester-page .main{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:3rem 1.5rem}.regex-tester-page .main .container{display:flex;justify-content:center}.regex-tester-page .container{width:100%;max-width:860px;margin:0 auto;padding:0 1.25rem;box-sizing:border-box}.regex-tester-page .card{background:#fff;border-radius:20px;border:1px solid #e2e6f0;padding:2rem;width:100%;max-width:860px;display:flex;flex-direction:column;gap:1.25rem;box-sizing:border-box}.rt-hero{text-align:center;margin-bottom:.25rem}.rt-tool-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));font-size:1.2rem;font-weight:800;font-family:Consolas,Fira Code,monospace;color:#fff;margin-bottom:1rem;box-shadow:var(--shadow)}.rt-hero-title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--color-text),var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.rt-hero-subtitle{color:#4b5563;font-size:1rem;max-width:560px;margin:0 auto}.rt-hero-subtitle strong{color:var(--color-text)}.regex-tester-page .details-controls{display:flex;gap:.5rem;justify-content:center;width:100%}.regex-tester-page .tab-btn{padding:.35rem 1rem;border-radius:var(--btn-radius, 6px);border:1px solid var(--color-border);background:transparent;color:var(--color-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--btn-transition, all .15s);font-family:inherit}.regex-tester-page .tab-btn:hover{color:var(--color-text);border-color:var(--color-muted)}.regex-tester-page .tab-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.regex-tester-page .shared-collapse{width:100%}.regex-tester-page .panel-hidden{display:none}.rt-instructions-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem 1.5rem}.rt-instructions-heading{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin-bottom:.75rem}.rt-instructions-list{padding-left:1.25rem;color:var(--color-muted);font-size:.9rem;display:flex;flex-direction:column;gap:.35rem}.rt-instructions-list li{line-height:1.5}.rt-instructions-list strong{color:var(--color-text)}.rt-controls-bar{display:flex;flex-direction:column;gap:.6rem}.rt-search-row,.rt-replace-row,.rt-below-search-row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.rt-search-controls{display:flex;gap:.6rem;align-items:center;flex-shrink:0;flex-wrap:nowrap}.rt-replace-toggle{background:none;border:none;padding:0;font-size:.8rem;color:var(--color-primary);cursor:pointer;font-family:inherit;text-decoration:underline;text-underline-offset:2px}.rt-replace-toggle:hover{color:var(--color-accent)}.rt-search-input,.rt-replace-input{flex:1;min-width:180px;padding:.55rem .85rem;border:1px solid var(--color-border);border-radius:var(--btn-radius, 6px);background:var(--color-surface);color:var(--color-text);font-family:Consolas,Fira Code,monospace;font-size:.875rem;outline:none;transition:border-color .15s}.rt-search-input:focus,.rt-replace-input:focus{border-color:var(--color-primary);background:#4f8ef70a;color:#000}.rt-search-input::placeholder,.rt-replace-input::placeholder{color:var(--color-muted);opacity:.7}.rt-regex-toggle-label{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;font-size:.875rem;font-family:Consolas,Fira Code,monospace;font-weight:500;padding:.375rem .75rem;border-radius:var(--radius);border:1px solid var(--color-border);background:transparent;color:var(--color-muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s,color .15s,border-color .15s}.rt-regex-toggle-label:hover{background:var(--color-surface);color:var(--color-text)}.rt-regex-toggle-label.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.rt-regex-toggle-label input[type=checkbox]{margin:0;cursor:pointer;accent-color:#fff;width:14px;height:14px}.rt-flags{display:flex;gap:.75rem;align-items:center}.rt-flags label{display:flex;align-items:center;gap:.3rem;font-size:.875rem;font-family:Consolas,Fira Code,monospace;color:var(--color-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.rt-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.rt-match-badge{padding:.3rem .7rem;border-radius:999px;background:#f3f4f6;color:var(--color-muted);font-size:.8rem;white-space:nowrap}.rt-error-msg{display:flex;align-items:flex-start;gap:.5rem;padding:.65rem 1rem;background:var(--color-error-bg);border:1px solid rgba(255,107,107,.25);border-radius:var(--radius);color:var(--color-error);font-size:.85rem;line-height:1.5;word-break:break-word}.rt-error-icon{flex-shrink:0;font-size:1em;margin-top:1px}.rt-btn{display:inline-flex;align-items:center;gap:.4rem;padding:var(--btn-padding);border-radius:var(--btn-radius);border:1px solid transparent;font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);transition:var(--btn-transition);white-space:nowrap;cursor:pointer;font-family:inherit}.rt-btn:disabled{opacity:.4;cursor:not-allowed}.rt-btn-primary{background:var(--color-primary);color:#fff}.rt-btn-primary:not(:disabled):hover{background:var(--color-primary-hover)}.rt-btn-ghost{background:transparent;color:var(--color-muted);border-color:var(--color-border)}.rt-btn-ghost:not(:disabled):hover{color:var(--color-text);border-color:var(--color-muted)}.rt-btn-ghost.copied{color:var(--color-check);border-color:var(--color-check)}.rt-panels{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.rt-panel{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.rt-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-bottom:1px solid var(--color-border);background:#ffffff05}.rt-panel-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--color-muted)}.rt-textarea{flex:1;width:100%;min-height:340px;padding:1rem;background:transparent;border:none;color:var(--color-text);font-family:Consolas,Fira Code,Cascadia Code,monospace;font-size:.875rem;line-height:1.55;resize:vertical;outline:none;transition:background .15s;box-sizing:border-box}.rt-textarea::placeholder{color:var(--color-muted);opacity:.6}.rt-textarea:focus{background:#4f8ef70a}.rt-preview-output{flex:1;padding:1rem;margin:0;min-height:340px;font-family:Consolas,Fira Code,Cascadia Code,monospace;font-size:.875rem;line-height:1.55;color:var(--color-text);white-space:pre-wrap;word-break:break-all;overflow-y:auto}.rt-preview-output.empty{color:var(--color-muted);opacity:.5}.rt-match{background:#fff3bf;border-radius:2px;padding:0 2px;color:inherit}.rt-output-panel .rt-preview-output{min-height:140px}.rt-guide{margin-top:28px;border-top:2px solid #ff6b2b22;padding-top:24px;padding-bottom:4px;color:#111;box-sizing:border-box}.rt-guide,.rt-guide *{box-sizing:border-box;max-width:100%}.rt-guide-content,.rt-guide-content p,.rt-guide-content h2,.rt-guide-content h3,.rt-guide-content li,.rt-guide-content ul,.rt-guide-content ol,.rt-guide-content table,.rt-guide-content td,.rt-guide-content th,.rt-guide-content code{overflow-wrap:anywhere;word-break:break-word}.rt-guide-content table{width:100%;display:block;overflow-x:auto}.rt-guide-content pre{white-space:pre-wrap;word-wrap:break-word;overflow-x:auto}.rt-guide-row{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.rt-guide-icon{flex:0 0 56px;font-size:30px;line-height:1;font-family:Consolas,Fira Code,monospace;font-weight:900;color:#ff6b2b;letter-spacing:-1px}.rt-guide-content{flex:1 1 0;min-width:0}.rt-guide-content pre{overflow-x:auto}@media(max-width:720px){.rt-guide{padding:12px 0 4px}.rt-guide-row{flex-direction:column}.rt-guide-icon{flex:0 0 auto;margin-bottom:8px}.rt-guide-content h2{font-size:18px}.rt-guide-content pre{font-size:12px;padding:8px}}@media(max-width:720px){.rt-panels{grid-template-columns:1fr}.rt-hero-title{font-size:1.5rem}.rt-search-row,.rt-replace-row{flex-direction:column;align-items:stretch}.rt-search-controls{align-self:flex-start}.rt-search-input,.rt-replace-input{min-width:unset}}@media(max-width:640px){.regex-tester-page .card{padding:1.4rem}}@media(max-width:740px){.regex-tester-page .main,.regex-tester-page .container{padding-left:0;padding-right:0}.regex-tester-page .card{border-radius:0;border-left:none;border-right:none;padding-left:1rem;padding-right:1rem}}@media(max-width:480px){.rt-textarea,.rt-preview-output{min-height:260px}}.wm-guide{margin:24px 0;padding:22px;border-radius:16px;background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid rgba(0,0,0,.06);color:#374151}.wm-guide-intro{margin-bottom:14px}.wm-guide-title{font-size:1.35rem;margin:0 0 8px;color:#0f172a}.wm-guide-lead{color:#475569;margin:0 0 12px;line-height:1.45}.wm-guide-section{margin:12px 0;color:#334155}.wm-guide-h3{margin:0 0 8px;color:#0b1220}.wm-guide-list,.wm-guide-steps{margin:8px 0 0 18px;color:#475569}.wm-guide-types{display:flex;gap:12px;margin-top:8px}.wm-type{display:flex;gap:10px;align-items:flex-start;background:#0f111705;padding:10px;border-radius:8px;flex:1}.wm-type-body p{margin:4px 0 0;color:#475569}.wm-guide-best{margin:8px 0 0 18px;color:#475569}.wm-faq-item{background:#0f111703;padding:8px;border-radius:8px;margin-top:8px;color:#475569}.wm-guide-conclusion{margin-top:12px;color:#334155}.wm-guide-cta{display:inline-block;margin-top:12px;padding:10px 14px;background:linear-gradient(90deg,#ff8a00,#ff5e62);color:#081426;border-radius:10px;text-decoration:none;font-weight:600}@media(max-width:720px){.wm-guide{padding:16px}.wm-guide-types{flex-direction:column}}.watermarker-page{display:flex;flex-direction:column;min-height:100vh}.watermarker-page .container{width:100%;max-width:860px;margin:0 auto;padding:0 1.25rem}.watermarker-page .main{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem}.watermarker-page .main .container{display:flex;justify-content:center}.watermarker-page .card{background:#fff;border-radius:20px;border:1px solid #e2e6f0;padding:2.5rem 2.5rem 2rem;max-width:860px;width:100%;display:flex;flex-direction:column;gap:1.25rem}.watermarker-page .hero-title{margin:0 0 .5rem}.watermarker-page .hero-tagline{margin-bottom:1.5rem}.watermarker-page .drop-zone{border:2px dashed #a5b4fc;border-radius:12px;padding:1.5rem 1rem;min-height:180px;width:100%;max-width:100%;box-sizing:border-box;text-align:center;cursor:pointer;background:#f8fafc;margin-bottom:.5rem;transition:border-color .2s,background .2s;display:flex;align-items:center;justify-content:center}.watermarker-page .drop-zone.dragging{border-color:#6366f1;background:#eef2ff}@media(max-width:600px){.watermarker-page .drop-zone{padding:3rem .5rem;font-size:.98rem}}.watermarker-page .preview-image{max-width:100%;max-height:200px;margin-bottom:.5rem;border-radius:8px}.watermarker-page .wm-file-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:.2rem;margin-bottom:.25rem;width:100%}.watermarker-page .wm-file-name{flex:1;font-size:.85rem;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.watermarker-page .wm-change-btn,.watermarker-page .wm-clear-btn{background:none;border:1px solid #e2e6f0;border-radius:6px;padding:.3rem .7rem;font-size:.8rem;cursor:pointer;color:#6b7280;transition:border-color .15s,color .15s;font-family:inherit}.watermarker-page .wm-change-btn:hover,.watermarker-page .wm-clear-btn:hover{border-color:#6366f1;color:#6366f1}.watermarker-page .opacity-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:#000}.watermarker-page .opacity-slider{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:4px;background:linear-gradient(to right,#6366f1 0% calc(var(--val, 25) * 1%),#e2e6f0 calc(var(--val, 25) * 1%) 100%);outline:none;cursor:pointer;transition:background .1s}.watermarker-page .opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#6366f1;border:2px solid #fff;box-shadow:0 1px 4px #6366f159;cursor:pointer;transition:transform .1s}.watermarker-page .opacity-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.watermarker-page .opacity-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#6366f1;border:2px solid #fff;box-shadow:0 1px 4px #6366f159;cursor:pointer}.watermarker-page .opacity-value{min-width:3rem;text-align:right;font-size:.9rem;font-variant-numeric:tabular-nums;color:#6366f1;font-weight:600}.watermarker-page .clickable{cursor:pointer;transition:box-shadow .2s}.watermarker-page .clickable:hover{box-shadow:0 0 0 2px #6366f1}.watermarker-page .image-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1e293bb3;display:flex;align-items:center;justify-content:center;z-index:1000}.watermarker-page .image-popup-dialog{position:relative;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 8px 32px #1e293b2e;width:95vw;height:93vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;overflow:hidden}.watermarker-page .image-popup-img{max-width:100%;max-height:calc(93vh - 6rem);width:auto;height:auto;border-radius:8px;object-fit:contain}.watermarker-page .popup-nav-btn{position:absolute;bottom:1rem;padding:.45rem 1.1rem;font-size:.9rem;opacity:.92}.watermarker-page .popup-nav-prev{left:1rem}.watermarker-page .popup-nav-next{right:1rem}.watermarker-page .close-popup-btn{position:fixed;top:1rem;right:1rem;background:#111;color:#fff;border:2px solid rgba(255,255,255,.5);border-radius:50%;width:2.8rem;height:2.8rem;font-size:1.4rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0009;transition:transform .12s ease;z-index:2000;line-height:1}.watermarker-page .close-popup-btn:hover{transform:scale(1.08)}.watermarker-page .watermark-options{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin-bottom:1rem;color:#000}@media(max-width:480px){.watermarker-page .watermark-options .repeated-label{flex-basis:100%;margin-left:0!important}}.watermarker-page .watermark-input{width:100%;padding:.5rem .75rem;border:1px solid #e2e6f0;border-radius:8px;font-size:1rem;margin-bottom:1rem}.watermarker-page .watermark-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:var(--btn-radius);padding:var(--btn-padding);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;transition:var(--btn-transition)}.watermarker-page .watermark-btn:disabled{background:#a5b4fc;cursor:not-allowed}.watermarker-page .watermark-btn--download{background:#38a169}.watermarker-page .watermark-btn--download:hover{background:#2f855a}.watermarker-page .error-msg{color:#ef4444;margin-bottom:1rem;text-align:center}.watermarker-page .watermark-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.watermarker-page .download-btn{display:inline-flex;align-items:center;justify-content:center;background:#6366f1;color:#fff;padding:var(--btn-padding);border-radius:var(--btn-radius);text-decoration:none;font-weight:var(--btn-font-weight);font-size:var(--btn-font-size);font-family:inherit;transition:var(--btn-transition)}.watermarker-page .download-btn:hover{background:#4f46e5}.watermarker-page .card .tool-details[open]>div,.watermarker-view .tool-details[open]>div{background:#f8f9ff;border:1px solid #e2e6f0;border-radius:12px;padding:1rem;margin-top:.5rem;box-shadow:0 6px 18px #0f172a0a}@media(max-width:740px){.watermarker-page .main,.watermarker-page .container{padding-left:0;padding-right:0}.watermarker-page .card{border-radius:0;border-left:none;border-right:none;padding-left:1rem;padding-right:1rem}}.watermarker-page .select-modern{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #e6e9f2;padding:.4rem 2.4rem .4rem .75rem;border-radius:10px;font-size:.95rem;color:#0f172a;box-shadow:0 1px 2px #0f172a0a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20'%3E%3Cpath fill='%23626B7A' d='M5.5 7.5l4.5 4.5 4.5-4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px 14px;transition:box-shadow .15s ease,border-color .15s ease,transform .08s ease}.watermarker-page .select-modern:focus{outline:none;border-color:#6366f1;box-shadow:0 6px 20px #6366f11f;transform:translateY(-1px)}.watermarker-page .select-modern[disabled]{opacity:.6;cursor:not-allowed}@media(max-width:520px){.watermarker-page .select-modern{padding-right:2rem;font-size:.92rem}}.watermarker-page .overlap-stack{display:inline-block;position:relative;height:185px;padding:0}.watermarker-page .overlap-stack .stacked-thumb{position:absolute;top:12px;width:200px;height:140px;object-fit:cover;border-radius:10px;border:2px solid #fff;box-shadow:0 10px 26px #0f172a1f;transition:transform .12s ease,box-shadow .12s ease;cursor:pointer}.watermarker-page .overlap-stack .stacked-thumb:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 18px 36px #0f172a33}.watermarker-page .overlap-stack .stack-more{position:absolute;left:184px;top:12px;width:68px;height:140px;display:flex;align-items:center;justify-content:center;background:#0f172a0f;border-radius:10px;border:2px solid #fff;color:#0f172a;font-weight:700;box-shadow:0 10px 26px #0f172a14}.image-resizer-page{display:flex;flex-direction:column;min-height:100vh}.image-resizer-page .container{width:100%;max-width:860px;margin:0 auto;padding:0 1.25rem}.image-resizer-page .main{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem}.image-resizer-page .main .container{display:flex;justify-content:center}.image-resizer-page .card{background:#fff;border-radius:20px;border:1px solid #e2e6f0;padding:2.5rem 2.5rem 2rem;max-width:860px;width:100%;display:flex;flex-direction:column;gap:1.25rem}.image-resizer-view{display:flex;flex-direction:column;align-items:flex-start}.image-resizer-view .hero-tagline{margin-bottom:.75rem}.ir-tip-banner{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;width:100%;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:.7rem 1rem;margin-bottom:1.25rem;box-sizing:border-box}.ir-tip-text{flex:1;font-size:.875rem;color:#1e40af;min-width:180px}.ir-tip-btn{flex-shrink:0;padding:.35rem .9rem;border-radius:6px;border:none;background:var(--color-primary, #4f8ef7);color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.ir-tip-btn:hover{background:var(--color-accent, #3b6fd4)}.image-resizer-view .drop-zone{border:2px dashed #a0aec0;border-radius:8px;padding:3.5rem 1rem;width:100%;max-width:100%;box-sizing:border-box;text-align:center;background:#f8fafc;margin-bottom:.5rem;cursor:pointer;transition:border-color .2s;overflow:hidden;position:relative}.image-resizer-view .drop-zone.has-image{min-height:340px;display:flex;align-items:center;justify-content:center;padding:1rem;cursor:default}.image-resizer-view .drop-zone.dragging{border-color:#3182ce;background:#ebf8ff}@media(max-width:600px){.image-resizer-view .drop-zone{padding:3rem .5rem;font-size:.98rem}}.image-resizer-view .preview-image{max-width:220px;max-height:220px;border-radius:6px;margin-bottom:0;box-shadow:0 2px 8px #00000012;display:block}.image-resizer-view .drop-zone-hint{position:absolute;bottom:.4rem;left:0;right:0;font-size:.72rem;color:#9ca3af;pointer-events:none;text-align:center;letter-spacing:.01em}.image-resizer-view .ir-file-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;width:100%;margin-top:.2rem;margin-bottom:.25rem}.image-resizer-view .ir-file-name{flex:1;font-size:.85rem;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.image-resizer-view .ir-change-btn,.image-resizer-view .ir-clear-btn{background:none;border:1px solid #e2e6f0;border-radius:6px;padding:.3rem .7rem;font-size:.8rem;cursor:pointer;color:#6b7280;transition:border-color .15s,color .15s;font-family:inherit}.image-resizer-view .ir-change-btn:hover,.image-resizer-view .ir-clear-btn:hover{border-color:#6366f1;color:#6366f1}.image-resizer-view .resize-options{display:flex;gap:1.5rem}.image-resizer-view .resize-options label{color:#6b7280;font-weight:500}.image-resizer-view .resize-input{margin:.5rem;padding:.5rem;border:1px solid #cbd5e1;border-radius:4px;width:120px}.image-resizer-view .resize-input-percent{color:#6b7280}.image-resizer-view .dimension-inputs{display:flex;gap:.5rem}.image-resizer-view .resize-btn,.image-resizer-view .download-btn{color:#fff;border:none;border-radius:var(--btn-radius);padding:var(--btn-padding);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);cursor:pointer;margin-bottom:1rem;transition:var(--btn-transition);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;line-height:1;vertical-align:middle;text-decoration:none;font-family:inherit}.image-resizer-view .resize-btn{background:#3182ce}.image-resizer-view .resize-btn:disabled{background:#a0aec0;cursor:not-allowed}.image-resizer-view .error-msg{color:#e53e3e;margin-bottom:1rem}.image-resizer-view .output-section{margin-top:1.5rem;width:100%}.image-resizer-view .output-image{max-width:220px;max-height:220px;border-radius:6px;margin-bottom:.5rem;box-shadow:0 2px 8px #00000012}.image-resizer-view .action-row{margin-top:12px;display:flex;flex-direction:row;gap:8px;align-items:center}.image-resizer-view .action-row .resize-btn,.image-resizer-view .action-row .download-btn{flex:0 0 auto;margin-top:0;margin-bottom:0;box-sizing:border-box}.image-resizer-view .download-btn{background:#38a169}.image-resizer-view .download-btn:hover:not(:disabled){background:#2f855a}.image-resizer-view .download-btn:disabled,.image-resizer-view .download-btn.disabled{background:#a7f3d0;cursor:not-allowed;pointer-events:none}.ir-guide{display:flex;flex-direction:column;gap:2rem;margin-top:2.5rem;padding-top:2rem;border-top:2px solid #e2e6f0;width:100%}.ir-guide-intro{display:flex;flex-direction:column;gap:1rem}.ir-guide-title{font-size:1.45rem;font-weight:700;color:#1a1d27;margin:0;line-height:1.3}.ir-guide-lead{font-size:1rem;color:#4a5568;line-height:1.7;margin:0}.ir-guide-learn-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:1rem 1.25rem}.ir-guide-learn-label{display:block;font-weight:600;color:#1e40af;margin-bottom:.5rem;font-size:.9rem}.ir-guide-learn-list{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.25rem}.ir-guide-learn-list li{color:#1e40af;font-size:.9rem}.ir-guide-section{display:flex;flex-direction:column;gap:.75rem}.ir-guide-section p{margin:0;color:#4a5568;line-height:1.7;font-size:.95rem}.ir-guide-h3{font-size:1.15rem;font-weight:700;color:#1a1d27;margin:0;padding-bottom:.4rem;border-bottom:2px solid #e2e6f0}.ir-guide-example-box{display:flex;flex-direction:column;align-self:flex-start;background:#f7f8fa;border:1px solid #e2e6f0;border-radius:10px;padding:.85rem 1.25rem;gap:.35rem}.ir-guide-example-row{display:flex;align-items:center;gap:.75rem}.ir-guide-example-label{font-size:.8rem;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.05em;width:60px}.ir-guide-example-val{font-size:1rem;font-weight:700;color:#374151;font-family:monospace}.ir-guide-example-val--accent{color:#3182ce}.ir-guide-example-arrow{font-size:1.2rem;color:#9ca3af;text-align:center;padding-left:.5rem}.ir-guide-cards{display:flex;flex-direction:column;gap:.75rem}.ir-guide-card{display:flex;align-items:flex-start;gap:1rem;background:#f7f8fa;border:1px solid #e2e6f0;border-radius:12px;padding:1rem 1.25rem}.ir-guide-card strong{display:block;color:#1a1d27;margin-bottom:.25rem}.ir-guide-card p{margin:0;font-size:.9rem;color:#4a5568;line-height:1.6}.ir-guide-card-num{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background:#3182ce;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;margin-top:.1rem}.ir-guide-best-list{display:flex;flex-direction:column;gap:.75rem}.ir-guide-best-item{display:flex;align-items:flex-start;gap:.85rem;padding:.85rem 1.1rem;background:#f7f8fa;border-radius:10px;border:1px solid #e2e6f0}.ir-guide-best-icon{font-size:1.1rem;flex-shrink:0;margin-top:.1rem}.ir-guide-best-item strong{display:block;color:#1a1d27;margin-bottom:.2rem}.ir-guide-best-item p{font-size:.9rem;color:#4a5568;line-height:1.6;margin:0}.ir-guide-format-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.ir-guide-chip{font-size:.8rem;background:#e2e8f0;color:#374151;border-radius:20px;padding:.2rem .65rem;font-weight:500}.ir-guide-chip--accent{background:#dbeafe;color:#1e40af}.ir-guide-usecases{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.ir-guide-usecase{display:flex;flex-direction:column;gap:.3rem;background:#f7f8fa;border:1px solid #e2e6f0;border-radius:12px;padding:1rem 1.1rem}.ir-guide-usecase-icon{font-size:1.5rem}.ir-guide-usecase strong{color:#1a1d27;font-size:.95rem}.ir-guide-usecase p{font-size:.875rem;color:#4a5568;margin:0;line-height:1.5}.ir-guide-mistakes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.5rem}.ir-guide-mistake{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;padding:.6rem .9rem;font-size:.9rem;color:#c53030;font-weight:500}.ir-guide-steps{margin:0;padding-left:1.4rem;display:flex;flex-direction:column;gap:.4rem}.ir-guide-steps li{color:#374151;font-size:.95rem;line-height:1.6;padding-left:.25rem}.ir-guide-faq{display:flex;flex-direction:column;gap:.5rem}.ir-guide-faq-item{background:#f7f8fa;border:1px solid #e2e6f0;border-radius:10px;padding:.85rem 1.1rem;cursor:pointer}.ir-guide-faq-item summary{font-weight:600;color:#1a1d27;font-size:.95rem;list-style:none;display:flex;align-items:center;gap:.5rem}.ir-guide-faq-item summary:before{content:"+";font-size:1.1rem;color:#3182ce;font-weight:700;transition:transform .2s;flex-shrink:0}.ir-guide-faq-item[open] summary:before{content:"−"}.ir-guide-faq-item p{margin:.5rem 0 0;font-size:.9rem;color:#4a5568;line-height:1.6}.ir-guide-conclusion{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid #bfdbfe;border-radius:16px;padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:.75rem}.ir-guide-conclusion h3{font-size:1.1rem;font-weight:700;color:#1a1d27;margin:0}.ir-guide-conclusion p{font-size:.95rem;color:#374151;line-height:1.7;margin:0}.ir-guide-cta{display:inline-flex;align-items:center;align-self:flex-start;background:#3182ce;color:#fff;font-weight:600;font-size:.9rem;padding:.55rem 1.25rem;border-radius:8px;text-decoration:none;transition:background .15s}.ir-guide-cta:hover{background:#2563eb}@media(max-width:740px){.image-resizer-page .main,.image-resizer-page .container{padding-left:0;padding-right:0}.image-resizer-page .card{border-radius:0;border-left:none;border-right:none;padding-left:1rem;padding-right:1rem}}.image-file-list{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem;justify-content:center}.image-file-item{display:flex;flex-direction:column;align-items:center;background:#f3f4f6;border-radius:8px;border:1px solid #e5e7eb;padding:.5rem .5rem .3rem;position:relative;min-width:70px;max-width:90px}.image-thumb{width:60px;height:60px;object-fit:cover;border-radius:6px;border:1px solid #d1d5db;margin-bottom:.3rem;background:#fff}.image-file-actions{display:flex;gap:.2rem}.image-file-actions button{background:#e0e7ff;border:none;border-radius:4px;padding:.1rem .4rem;font-size:1rem;cursor:pointer;color:#3730a3;transition:background .15s}.image-file-actions button:disabled{opacity:.4;cursor:not-allowed}.image-file-actions button[title=Remove]{color:#dc2626;background:#fee2e2}.image-collage-page{display:flex;flex-direction:column;min-height:100vh}.image-collage-page .main{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem}.image-collage-page .container{width:100%;max-width:860px;margin:0 auto;padding:0 1.25rem;display:flex;justify-content:center}.image-collage-page .card{background:#fff;border-radius:20px;border:1px solid #e2e6f0;padding:2.5rem 2.5rem 2rem;max-width:860px;width:100%;display:flex;flex-direction:column}.title{font-size:2rem;font-weight:800;color:#6366f1;margin-bottom:1rem;text-align:center}.image-collage-page .hero-title{margin:0 0 .5rem}.image-collage-page .hero-tagline{margin:0 0 .75rem}.image-collage-page .drop-zone{border:2px dashed #a0aec0;border-radius:8px;padding:3.5rem 1rem;width:100%;max-width:100%;box-sizing:border-box;text-align:center;background:#f8fafc;margin-bottom:.5rem;cursor:pointer;transition:border-color .2s;display:flex;flex-direction:column;align-items:center}.image-collage-page .drop-zone.dragging{border-color:#3182ce;background:#ebf8ff}.image-collage-page .ic-file-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;width:100%;margin-bottom:.5rem;margin-top:.2rem}.image-collage-page .ic-file-name{flex:1;font-size:.85rem;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.image-collage-page .ic-change-btn,.image-collage-page .ic-clear-btn{background:none;border:1px solid #e2e6f0;border-radius:6px;padding:.3rem .7rem;font-size:.8rem;cursor:pointer;color:#6b7280;transition:border-color .15s,color .15s;font-family:inherit}.image-collage-page .ic-change-btn:hover,.image-collage-page .ic-clear-btn:hover{border-color:#6366f1;color:#6366f1}@media(max-width:600px){.image-collage-page .drop-zone{padding:3rem .5rem;font-size:.98rem}}.collage-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;align-items:stretch}.collage-options label{display:flex;flex-direction:column;font-size:.95rem;color:#374151}.collage-options input{margin-top:.2rem;padding:.3rem .5rem;border:1px solid #cbd5e1;border-radius:6px;width:90px}.collage-controls-row{display:flex;align-items:center;gap:12px;width:100%;flex-wrap:wrap}.collage-inline-label{display:flex;flex-direction:column;font-size:.95rem;color:#374151}.collage-controls-spacer{flex:1 1 20px}.collage-thickness-group{display:flex;align-items:center;gap:12px}.px-input{display:inline-flex;align-items:center;gap:6px}.px-suffix{font-size:.95rem;color:#6b7280}.ratio-lock-btn{background:none;border:none;cursor:pointer;padding:6px;color:#a0aec0;display:inline-flex;align-items:center}.ratio-lock-btn svg{display:block}.ratio-lock-btn:hover{color:#374151}@media(min-width:740px){.collage-options{align-items:center}.collage-inline-label{flex-direction:row;align-items:center;gap:8px}.collage-inline-label input{margin-top:0}}.expected-size{font-size:.95rem;color:#6366f1;font-weight:600}.collage-btn{background:#6366f1;color:#fff;border:none;border-radius:var(--btn-radius);padding:var(--btn-padding);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);cursor:pointer;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;font-family:inherit;transition:var(--btn-transition)}.collage-btn:disabled{background:#c7d2fe;cursor:not-allowed}.collage-preview-outer{margin-top:2.5rem;padding:0 .5rem .5rem;margin-left:0;margin-right:0}@media(min-width:601px){.collage-preview-outer{padding-left:2.5rem;padding-right:2.5rem}}@media(max-width:600px){.collage-preview-outer{padding-left:.5rem;padding-right:.5rem}}.collage-preview{text-align:center;background:#18181b;border-radius:14px;padding:24px 32px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}@media(max-width:600px){.collage-preview{padding-left:8px;padding-right:8px}}.collage-preview img{max-width:100%;max-width:600px;width:100%;height:auto;box-sizing:border-box;border-radius:12px;border:1px solid #e2e6f0;background:#fff;box-shadow:0 2px 16px #0004;padding:0;display:block;margin-left:auto;margin-right:auto}.image-collage-page .download-btn{margin-top:1rem;background:#10b981;color:#fff;border:none;border-radius:var(--btn-radius);padding:var(--btn-padding);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;transition:var(--btn-transition)}.image-collage-page .download-btn:disabled{background:#a7f3d0;cursor:not-allowed}@media(max-width:600px){.image-collage-page .drop-zone{padding:3rem .5rem;font-size:.98rem}.collage-options input{width:72px}.collage-controls-color-row{flex-wrap:wrap}.collage-thickness-group{flex-basis:100%}}.image-collage-page .card .tool-details[open]>div{background:#f8f9ff;border:1px solid #e2e6f0;border-radius:12px;padding:1rem;margin-top:.5rem;box-shadow:0 6px 18px #0f172a0a}@media(max-width:740px){.image-collage-page .main,.image-collage-page .container{padding-left:0;padding-right:0}.image-collage-page .card{border-radius:0;border-left:none;border-right:none;padding-left:1rem;padding-right:1rem}}.ic-guide{margin:28px 0;padding:20px;border-radius:14px;background:linear-gradient(180deg,#0f172a08,#0f172a03);border:1px solid rgba(20,36,56,.06);color:#0f172a}.ic-guide-header{margin-bottom:12px}.ic-guide-title{font-size:1.4rem;color:#05204a;margin:0 0 6px}.ic-guide-lead{color:#23466a;margin:0 0 10px}.ic-list,.ic-steps{margin-left:18px;color:#254a66}.ic-layouts{display:flex;gap:10px;flex-wrap:wrap}.ic-layout{background:#254a660a;padding:10px;border-radius:8px;display:flex;gap:8px;align-items:flex-start;min-width:160px}.ic-layout strong{display:block}.ic-best{margin-left:18px;color:#1b3b54}.ic-cta-wrap{margin-top:14px}.ic-cta{display:inline-block;padding:10px 14px;background:linear-gradient(90deg,#3b82f6,#06b6d4);color:#fff;border-radius:8px;text-decoration:none;font-weight:600}@media(max-width:720px){.ic-layouts{flex-direction:column}.ic-guide{padding:16px}}.collage-template-selector{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.template-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 12px;border:2px solid #d8dbe8;border-radius:8px;background:#fff;cursor:pointer;color:#374151;font-family:inherit;transition:border-color .15s,background .15s,color .15s}.template-card:hover{border-color:#6366f1;color:#6366f1}.template-card--active{border-color:#6366f1;background:#eef0ff;color:#4338ca}.template-card-name{font-size:.78rem;white-space:nowrap}.collage-live-preview{width:100%;background:#f5f7fc;border:2px dashed #c8d4ea;border-radius:10px;padding:14px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px;position:relative;transition:border-color .2s,background .2s;overflow:hidden;margin-bottom:10px}.collage-live-preview--drag-active{border-color:#6366f1;background:#eef0ff}.collage-preview-empty-msg{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:.95rem}.collage-cell{position:absolute;overflow:hidden;box-sizing:border-box}.collage-cell--empty{border:2px dashed #c8d4ea;border-radius:4px;cursor:pointer;background:#f8faffe6}.collage-cell--empty:hover{border-color:#6366f1;background:#eef0ff}.collage-cell--drag-over{outline:3px solid #6366f1;outline-offset:-3px;background:#6366f11a!important}.collage-cell-empty-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a0aec0;pointer-events:none;-webkit-user-select:none;user-select:none}.collage-cell-plus{font-size:1.8rem;line-height:1}.collage-cell-hint{font-size:.75rem;margin-top:4px}.collage-cell-drag-handle{position:absolute;top:4px;left:4px;width:24px;height:24px;background:#00000073;color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:grab;font-size:14px;z-index:10;-webkit-user-select:none;user-select:none;line-height:1}.collage-cell-drag-handle:active{cursor:grabbing;background:#000000a6}.collage-cell-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#00000073;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;z-index:10;padding:0;line-height:1;font-family:inherit}.collage-cell-remove:hover{background:#dc2626bf}.collage-gesture-tip{font-size:.8rem;color:#b0bac8;margin:4px 0 8px;line-height:1.5}.collage-watermark-prompt{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#eef4ff;border:1px solid #b8d0f7;border-radius:8px;padding:.65rem .9rem;margin-bottom:1rem;font-size:.92rem;color:#2d5fa6}.collage-watermark-prompt-text{flex:1;min-width:0}.collage-watermark-prompt-btn{flex-shrink:0;margin:0;padding:.45rem 1rem}.collage-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:.5rem 0 1rem}.collage-actions .download-btn{margin:0}.collage-reset-btn{background:none;border:1px solid #d1d5db;border-radius:var(--btn-radius);padding:var(--btn-padding);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);color:#6b7280;cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s}.collage-reset-btn:hover{border-color:#6366f1;color:#6366f1}.collage-reset-btn:disabled{opacity:.4;cursor:not-allowed}.meme-generator{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.meme-generator-page{min-height:100vh;display:flex;flex-direction:column}.meme-controls{min-width:260px;max-width:360px;width:100%;background:#fff;border-radius:12px;padding:12px;box-sizing:border-box}.meme-controls .control-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.meme-controls label{color:var(--muted-text, #666)}.meme-controls .file-label{min-width:90px;color:var(--muted-text, #666)}.meme-controls input[type=text],.meme-controls input[type=color],.meme-controls input[type=file],.meme-controls input[type=range],.meme-controls input{flex:1}.meme-controls .range-value{margin-left:8px;white-space:nowrap}.meme-controls .buttons{justify-content:flex-start;gap:8px}.meme-preview{flex:1 1 400px;display:flex;justify-content:center;align-items:center;background:transparent;border:2px dashed #cbd5e1;border-radius:14px;padding:8px;box-sizing:border-box;overflow:hidden}.meme-preview{touch-action:none}.meme-preview{position:relative}.meme-canvas{max-width:100%;border:none;background:transparent;display:block;z-index:1}.meme-gif-fg{max-width:100%;width:100%;height:100%;border:none;display:block;object-fit:contain}.meme-preview .meme-canvas{border:none!important;background:transparent!important;box-shadow:none!important;width:100%!important;height:100%!important;display:block}.meme-generator-page .preview-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#d1d5db;font-weight:700;pointer-events:none;z-index:4;font-size:18px;text-align:center;padding:1rem}.meme-generator-page .preview-hint{position:absolute;bottom:6px;left:50%;transform:translate(-50%);background:#00000073;color:#e5e7eb;font-size:11px;padding:3px 10px;border-radius:20px;pointer-events:none;z-index:4;white-space:nowrap}.meme-generator-page .preview-interact-hint{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:transparent;color:#ffffffeb;font-size:12px;font-weight:500;padding:2px 6px;border-radius:0;pointer-events:none;z-index:5;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.85)}.meme-generator-page .preview-hint-below{margin-top:.5rem;text-align:center;color:var(--muted-text, #4b5563);background:transparent;font-size:.85rem;pointer-events:none;flex-basis:100%;width:100%;order:99}.meme-generator-page .mg-file-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;width:100%;margin-top:.6rem;margin-bottom:.25rem}.meme-generator-page .mg-file-name{flex:1;font-size:.85rem;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.meme-generator-page .mg-change-btn,.meme-generator-page .mg-clear-btn{background:none;border:1px solid #e2e6f0;border-radius:6px;padding:.3rem .7rem;font-size:.8rem;cursor:pointer;color:#6b7280;transition:border-color .15s,color .15s;font-family:inherit}.meme-generator-page .mg-change-btn:hover,.meme-generator-page .mg-clear-btn:hover{border-color:#6366f1;color:#6366f1}.meme-preview.has-image{cursor:grab}.meme-preview.has-image:active{cursor:grabbing}.meme-generator-page .draggable-text{position:absolute;transform:translateY(-50%);cursor:move;-webkit-user-select:none;user-select:none;pointer-events:auto;text-align:left;font-family:Impact,Arial,sans-serif;font-weight:700;text-transform:uppercase;white-space:pre;color:#fff;-webkit-text-stroke:2px #000;text-shadow:2px 2px 0 #000,-2px 2px 0 #000,2px -2px 0 #000,-2px -2px 0 #000;z-index:2}.meme-generator-page .draggable-text.top-text{top:8%}.meme-generator-page .draggable-text.bottom-text{top:92%}.meme-generator-page .draggable-text.is-placeholder{opacity:.35}.meme-generator-page .btn{padding:var(--btn-padding);border:1px solid #ccc;background:#fff;cursor:pointer;border-radius:var(--btn-radius);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);font-family:inherit}.meme-generator-page .btn.primary{background:var(--accent, #3b82f6);color:#fff;border-color:transparent}.meme-generator-page .layers-list{display:flex;flex-direction:column;gap:8px}.meme-generator-page .layer-item{display:flex;gap:8px;align-items:center}.meme-generator-page .layer-item.selected{outline:2px solid var(--color-accent)}.meme-generator-page .layer-input{flex:1}.meme-generator-page .layer-textarea{flex:1;min-width:100px;min-height:52px;padding:.45rem .6rem;border-radius:8px;border:1px solid #d1d5db;resize:none;overflow:hidden}.meme-generator-page .layer-textarea:focus{outline:none;box-shadow:0 6px 18px #0f172a0a}.meme-generator-page .layers-header{display:flex;gap:8px;align-items:center;justify-content:space-between}.meme-controls .control-row.layers-header>label{width:auto!important;min-width:0}.meme-generator-page .layer-overlay.selected{outline:2px dashed rgba(255,255,255,.5)}.meme-generator-page .advanced-section{display:flex;flex-direction:column;gap:10px;margin-top:6px}.meme-generator-page .advanced-section .font-size-selected{background:#eff6ff;border:1.5px solid var(--color-accent, #3b82f6);border-radius:8px;padding:6px 8px}.meme-generator-page .advanced-toggle{margin-top:8px;display:inline-flex;align-items:center;gap:8px;color:#6b7280;cursor:pointer;background:transparent;border:none;padding:0;font-size:14px}.meme-generator-page .advanced-toggle:focus{outline:none;box-shadow:0 0 0 3px #6366f11f;border-radius:6px}.meme-generator-page .advanced-toggle .arrow{display:inline-block;width:16px;text-align:center;transition:transform .15s ease}.meme-generator-page .advanced-toggle .arrow.open{transform:rotate(0)}.meme-generator-page .advanced-toggle .advanced-text{font-weight:600}.meme-preview.drop-zone{border-color:#94a3b8;background:transparent}.meme-preview.drop-zone.dragging{border-color:#2563eb;background:#2563eb0f}.meme-preview.drop-zone-empty{min-height:240px;display:flex;align-items:center;justify-content:center}.meme-generator-page .main{flex:1;display:flex;align-items:center;justify-content:center;padding:2.5rem 1.5rem}.meme-generator-page .container{width:100%;max-width:860px;margin:0 auto;padding:0 1.25rem}.meme-generator-page .card{background:#fff;border-radius:20px;border:1px solid #e2e6f0;padding:2.5rem 2.5rem 2rem;max-width:860px;width:100%;display:flex;flex-direction:column;box-sizing:border-box}.meme-controls input[type=text],.meme-controls input[type=range],.layer-input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#111827;box-shadow:none}.meme-controls input[type=range]{min-width:0;width:100%;max-width:100%;display:block;box-sizing:border-box}.meme-controls input[type=color]{width:44px;height:36px;padding:2px;border:1px solid #d1d5db;border-radius:8px;background:none;cursor:pointer;flex:none}.meme-controls label{color:#374151;font-weight:600;min-width:90px}.meme-controls .buttons .btn{border-radius:var(--btn-radius);padding:var(--btn-padding)}.meme-generator-page .btn{background:#fff;border:1px solid #e6e9f2;border-radius:var(--btn-radius);padding:var(--btn-padding);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);font-family:inherit}.meme-generator-page .btn.primary{background:#6366f1;color:#fff;border:none}.meme-generator-page .layer-item.selected{background:#f8f9ff;border-radius:8px;padding:6px}@media(max-width:640px){.meme-controls{min-width:auto;max-width:none;width:100%}.meme-controls .control-row{display:flex;flex-direction:column;align-items:stretch;gap:6px}.meme-controls .control-row.layers-header{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap}.meme-controls label{min-width:0;text-align:left}.meme-controls input[type=range]{width:100%;min-width:0}}.meme-generator-page .hero-title{font-size:2rem;font-weight:800;color:#6366f1;margin-bottom:.5rem;text-align:left}.meme-generator-page .hero-tagline{text-align:left;color:#4b5563;margin-bottom:1rem;font-size:1rem}.meme-generator-page .details-row{width:100%;box-sizing:border-box}.meme-popup-overlay{position:fixed;inset:0;background:#000000c7;display:flex;align-items:center;justify-content:center;z-index:1000}.meme-popup-dialog{position:relative;background:#fff;padding:12px;border-radius:8px;width:95vw;height:93vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.meme-popup-img{max-width:100%;max-height:100%;width:auto;height:auto;display:block;object-fit:contain}.meme-popup-gif-wrap{position:relative;display:inline-block;max-width:100%;max-height:100%;line-height:0}.meme-popup-gif-img{display:block;max-width:100%;max-height:calc(93vh - 24px);width:auto;height:auto}.meme-popup-text-layer{position:absolute;transform:translateY(-50%);font-family:Impact,Arial,sans-serif;font-weight:700;text-align:left;text-transform:uppercase;white-space:pre;-webkit-text-stroke:2px #000;text-shadow:2px 2px 0 #000,-2px 2px 0 #000,2px -2px 0 #000,-2px -2px 0 #000;pointer-events:none}.meme-popup-close{position:absolute;right:8px;top:8px;background:#00000080;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}@media(max-width:740px){.meme-generator-page .main,.meme-generator-page .container{padding-left:0;padding-right:0}.meme-generator-page .card{border-radius:0;border-left:none;border-right:none;padding-left:1rem;padding-right:1rem}}.mg-guide{margin:24px 0;padding:18px;border-radius:12px;background:linear-gradient(180deg,#f5f8ffe6,#fff);border:1px solid rgba(10,20,40,.06);color:#0b1220}.mg-title{font-size:1.4rem;color:#0b1220;margin-bottom:8px}.mg-list{margin-left:1rem;color:#243447}.mg-section{margin:12px 0}.mg-cta-wrap{margin-top:12px}.mg-cta{display:inline-block;padding:10px 14px;background:linear-gradient(90deg,#111827,#6366f1);color:#fff;border-radius:8px;text-decoration:none;font-weight:700}.mg-table{width:100%;border-collapse:collapse;margin-top:10px}.mg-table th,.mg-table td{border:1px solid rgba(15,23,42,.06);padding:8px;text-align:left}.mg-table thead th{background:#6366f114;font-weight:700}.mg-section{margin:12px 0;color:#16324a}@media(max-width:720px){.mg-guide{padding:14px}.mg-table{font-size:.92rem}}.image-crop-page{display:flex;flex-direction:column;min-height:100vh}.image-crop-page .container{width:100%;max-width:860px;margin:0 auto;padding:0 1.25rem}.image-crop-page .main{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem}.image-crop-page .main .container{display:flex;justify-content:center}.image-crop-page .card{background:#fff;border-radius:20px;border:1px solid #e2e6f0;padding:2.5rem 2.5rem 2rem;max-width:860px;width:100%;display:flex;flex-direction:column;gap:1.25rem}.crop-area{display:flex;gap:1rem;align-items:flex-start}.crop-drop-wrapper{flex:1 1 60%;display:flex;flex-direction:column;min-width:0}.crop-drop{flex:1 1 auto;min-height:300px;display:flex;align-items:center;text-align:center;justify-content:center;border:2px dashed #a0aec0;border-radius:8px;background:#f8fafc;position:relative;overflow:hidden}.cropper-wrap{position:relative;width:100%}.crop-controls{flex:0 0 320px;display:flex;flex-direction:column;gap:.6rem}.control-row{display:flex;align-items:center;gap:8px}.control-row label{width:80px;font-weight:700;color:#374151}.presets button{margin-right:6px}.control-row input[type=range]{width:160px}.control-row select{padding:6px 8px;border-radius:8px;border:1px solid #e6e9f2;background:#fff}.crop-controls button,.crop-controls .download-btn,.crop-controls .resize-btn{background:linear-gradient(180deg,#fff,#f7f9ff);border:1px solid #e6e9f2;color:#1f2937;padding:8px 10px;border-radius:var(--btn-radius);cursor:pointer;font-weight:var(--btn-font-weight);font-size:var(--btn-font-size);font-family:inherit;box-shadow:0 1px 2px #1018280a;transition:var(--btn-transition);display:inline-flex;align-items:center;justify-content:center;height:40px;line-height:1;vertical-align:middle;text-decoration:none}.crop-controls button[aria-pressed=true],.crop-controls button.active{background:linear-gradient(180deg,#eef2ff,#e0e7ff);border-color:#c7d2fe;box-shadow:0 6px 18px #6366f11f;color:#3730a3}.crop-controls button:hover{transform:translateY(-1px);box-shadow:0 6px 18px #1018280f}.crop-controls button:active{transform:translateY(0)}.presets button{margin-right:6px;padding:8px 10px}.crop-controls .download-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:var(--btn-padding);transition:var(--btn-transition)}.crop-controls .download-btn:hover{background:#4f46e5}.crop-controls .download-btn.disabled{pointer-events:none;opacity:.6;background:#a5b4fc}.crop-controls .resize-btn,.crop-controls .download-btn{margin:0!important}.control-row button[aria-label^=rotate]{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--btn-radius);background:#fff;border:1px solid #e6e9f2}.crop-controls .reset-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;box-shadow:0 6px 18px #6366f11f;transition:var(--btn-transition)}.crop-controls .reset-btn:disabled{opacity:.6;pointer-events:none;background:#a5b4fc;color:#fff}.crop-controls{gap:.8rem}@media(max-width:740px){.image-crop-page .main,.image-crop-page .container{padding-left:0;padding-right:0}.image-crop-page .card{border-radius:0;border-left:none;border-right:none;padding-left:1rem;padding-right:1rem}.crop-area{flex-direction:column;align-items:stretch}.crop-drop{min-height:300px;width:100%}.crop-controls{flex:1 1 auto;width:100%;margin-top:1rem;padding-top:.5rem;border-top:1px solid #f1f5f9}.control-row{justify-content:flex-start}.control-row label{width:90px}.presets{display:flex;flex-wrap:wrap;gap:8px}}.image-crop-view .image-popup-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center}.image-crop-view .image-popup-dialog{position:relative;background:#fff;padding:12px;border-radius:8px}.image-crop-view .image-popup-img{max-width:90vw;max-height:80vh;display:block}.image-crop-view .close-popup-btn{position:absolute;right:6px;top:6px;background:none;border:none;font-size:1.6rem}.send-action{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1.5px solid #e2e6f0;border-radius:10px;background:#f7f8fa;padding:1rem 1.2rem;box-shadow:0 2px 8px #0000000a;min-height:64px}.ic-guide{display:flex;flex-direction:column;gap:1.75rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e2e6f0}.ic-guide-intro{display:flex;flex-direction:column;gap:.75rem}.ic-guide-title{font-size:1.35rem;font-weight:700;color:#1a1d27;margin:0}.ic-guide-lead{margin:0;color:#374151;line-height:1.6}.ic-guide-learn-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:.9rem 1rem}.ic-guide-learn-label{display:block;font-weight:600;color:#1e40af;margin-bottom:.4rem}.ic-guide-learn-list{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.2rem}.ic-guide-section{display:flex;flex-direction:column;gap:.5rem}.ic-guide-h3{font-size:1.05rem;font-weight:700;color:#1a1d27;margin:0;padding-bottom:.35rem;border-bottom:2px solid #e2e6f0}.ic-guide-section p{margin:0;color:#374151}.ic-guide-cards{display:flex;flex-direction:column;gap:.6rem}.ic-guide-card{display:flex;gap:.9rem;align-items:flex-start;background:#f7f8fa;border:1px solid #e2e6f0;border-radius:10px;padding:.75rem}.ic-guide-card-num{width:34px;height:34px;border-radius:50%;background:#3182ce;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.ic-guide-card strong{display:block;margin-bottom:.25rem}.ic-guide-card p{margin:0;color:#374151}.ic-guide-table{width:100%;border-collapse:collapse;margin-top:.5rem}.ic-guide-table th,.ic-guide-table td{border:1px solid #eef2f7;padding:.5rem .6rem;text-align:left;font-size:.92rem}.ic-guide-table thead th{background:#f7fbff;color:#344054;font-weight:700}.ic-guide-best-list{display:flex;flex-direction:column;gap:.6rem}.ic-guide-best-item{display:flex;gap:.7rem;align-items:flex-start;padding:.6rem;background:#f7f8fa;border-radius:8px;border:1px solid #e2e6f0}.ic-guide-best-icon{font-size:1.05rem}.ic-guide-best-item p{margin:0;color:#374151}.ic-guide-usecases{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6rem}.ic-guide-usecase{background:#f7f8fa;border:1px solid #e2e6f0;border-radius:10px;padding:.8rem}.ic-guide-usecase-icon{font-size:1.3rem}.ic-guide-mistakes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.ic-guide-mistake{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;padding:.6rem;color:#c53030;font-weight:600}.ic-guide-steps{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.4rem}.ic-guide-steps li{color:#374151}.ic-guide-faq{display:flex;flex-direction:column;gap:.5rem}.ic-guide-faq-item{background:#f7f8fa;border:1px solid #e2e6f0;border-radius:8px;padding:.6rem}.ic-guide-faq-item summary{font-weight:600}.ic-guide-faq-item p{margin:.45rem 0 0}.ic-guide-conclusion{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid #bfdbfe;border-radius:12px;padding:1rem}.ic-guide-cta{display:inline-flex;background:#3182ce;color:#fff;padding:.5rem 1rem;border-radius:8px;text-decoration:none;font-weight:600}@media(max-width:740px){.ic-guide{padding-left:.5rem;padding-right:.5rem}}.ic-guide{color:#374151}.ic-guide p,.ic-guide li,.ic-guide td,.ic-guide th,.ic-guide summary{color:#374151}.ic-guide-conclusion p{color:#374151}.send-action .send-text{font-weight:600;color:#222;font-size:1.08rem;flex:1 1 0%;display:block;align-self:center}.send-action .send-btn{min-width:64px;padding:.35rem 1.1rem;font-size:.98rem;margin-left:12px;align-self:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px}.send-action .send-btn:disabled{opacity:.6;pointer-events:none;background:#a5b4fc}@media(max-width:740px){.send-action{flex-direction:column;align-items:stretch}.send-action .send-text{margin-bottom:8px}.send-action .send-btn{margin-left:0;width:100%}}.image-crop-view .crop-file-row{display:flex;align-items:center;gap:.5rem;margin-top:.6rem;margin-bottom:.25rem;flex-wrap:wrap}.image-crop-view .crop-file-name{flex:1 1 0%;font-size:.92rem;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.image-crop-view .crop-change-btn,.image-crop-view .crop-clear-btn{padding:.3rem .9rem;font-size:.88rem;border-radius:6px;border:1px solid #e2e6f0;cursor:pointer;white-space:nowrap;background:none;color:#6b7280}.image-crop-view .crop-clear-btn{background:none;color:#6b7280;border-color:#e2e6f0}.image-crop-view .crop-change-btn:hover,.image-crop-view .crop-clear-btn:hover{border-color:#6366f1;color:#6366f1}.ic-page{display:flex;flex-direction:column;min-height:100vh}.ic-page .container{width:100%;max-width:860px;margin:0 auto;padding:0 1.25rem}.ic-page .main{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem}.ic-page .main .container{display:flex;justify-content:center}.ic-page .card{background:#fff;border-radius:20px;border:1px solid #e2e6f0;padding:2.5rem 2.5rem 2rem;max-width:860px;width:100%;display:flex;flex-direction:column;gap:1.25rem}.ic-view{display:flex;flex-direction:column;align-items:flex-start;width:100%}.ic-drop-zone{border:2px dashed #a0aec0;border-radius:8px;padding:1.5rem 1rem;min-height:180px;width:100%;max-width:100%;box-sizing:border-box;text-align:center;background:#f8fafc;margin-bottom:.5rem;cursor:pointer;transition:border-color .2s,background .2s;position:relative;display:flex;align-items:center;justify-content:center}.ic-drop-zone.dragging{border-color:#6366f1;background:#eef2ff}@media(max-width:600px){.ic-drop-zone{padding:1.5rem .5rem;font-size:.98rem}}.ic-tiff-placeholder{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1.5rem 1rem}.ic-drop-placeholder{display:flex;flex-direction:column;align-items:center;gap:.6rem}.ic-drop-text{font-size:1rem;color:#6b7280;font-weight:500}.ic-drop-hint{font-size:.8rem;color:#9ca3af}.ic-preview-image{max-width:100%;max-height:280px;border-radius:6px;box-shadow:0 2px 8px #00000012;display:block;margin:0 auto}.ic-file-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.25rem;width:100%}.ic-file-name{flex:1;font-size:.85rem;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ic-change-btn,.ic-clear-btn{background:none;border:1px solid #e2e6f0;border-radius:6px;padding:.3rem .7rem;font-size:.8rem;cursor:pointer;color:#6b7280;transition:border-color .15s,color .15s;font-family:inherit}.ic-change-btn:hover,.ic-clear-btn:hover{border-color:#6366f1;color:#6366f1}.ic-format-section{width:100%}.ic-format-label{font-size:.95rem;font-weight:600;color:#374151;margin:0 0 .6rem}.ic-format-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.ic-format-btn{flex:1;min-width:80px;display:flex;flex-direction:column;align-items:flex-start;padding:.5rem .65rem;border:2px solid #e2e6f0;border-radius:10px;background:#f9fafb;cursor:pointer;transition:border-color .15s,background .15s;text-align:left;font-family:inherit}.ic-format-btn:hover{border-color:#a5b4fc;background:#f5f3ff}.ic-format-btn.active{border-color:#6366f1;background:#eef2ff}.ic-fmt-name{font-size:.875rem;font-weight:700;color:#1e1e2e;margin-bottom:.2rem}.ic-format-btn.active .ic-fmt-name{color:#4f46e5}.ic-fmt-desc{font-size:.7rem;color:#6b7280;line-height:1.35}.ic-ico-sizes{width:100%;margin-top:.75rem}.ic-ico-sizes-label{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .45rem}.ic-ico-sizes-options{display:flex;gap:.75rem;flex-wrap:wrap}.ic-ico-size-check{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.ic-ico-size-check input[type=radio]{accent-color:#6366f1;width:15px;height:15px;cursor:pointer}.ic-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:.75rem}.ic-btn{padding:.55rem 1.4rem;border:none;border-radius:var(--btn-radius, 8px);font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;line-height:1}.ic-btn:disabled{opacity:.5;cursor:not-allowed}.ic-btn-primary{background:#6366f1;color:#fff}.ic-btn-primary:not(:disabled):hover{background:#4f46e5}.ic-btn-download{background:#16a34a;color:#fff}.ic-btn-download:not(:disabled):hover{background:#15803d}.ic-error{color:#dc2626;font-size:.875rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:.5rem .75rem;width:100%;box-sizing:border-box}.ic-output-section{width:100%;border:1.5px solid #e2e6f0;border-radius:12px;background:#f7f8fa;padding:1rem 1.2rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:.75rem}.ic-output-label{font-size:.95rem;font-weight:600;color:#16a34a;margin:0;align-self:flex-start}.ic-output-preview{max-width:100%;max-height:200px;border-radius:8px;box-shadow:0 2px 8px #00000012}.ic-drag-viewport{position:relative;width:100%;height:380px;border-radius:8px;overflow:hidden;background:repeating-conic-gradient(#e5e7eb 0% 25%,#f9fafb 0% 50%) 0 0 / 16px 16px;cursor:grab;user-select:none;-webkit-user-select:none}.ic-drag-viewport.dragging{cursor:grabbing}.ic-drag-image{position:absolute;top:50%;left:50%;max-width:calc(100% - 16px);max-height:calc(100% - 16px);width:auto;height:auto;transform-origin:center center;border-radius:4px;box-shadow:0 2px 12px #00000026;pointer-events:none}.ic-drag-viewport .ic-drag-image{pointer-events:auto}.ic-drag-hint{position:absolute;bottom:8px;right:10px;font-size:.7rem;color:#9ca3af;background:#ffffffbf;padding:2px 7px;border-radius:20px;pointer-events:none}@media(max-width:600px){.ic-drag-viewport{height:260px}}@media(max-width:740px){.ic-page .main,.ic-page .container{padding-left:0;padding-right:0}.ic-page .card{border-radius:0;border-left:none;border-right:none;padding-left:1rem;padding-right:1rem}}.ic-section{margin:12px 0;color:#16324a}.ic-guide-convert{display:grid;grid-template-columns:1fr 300px;gap:1.25rem;width:100%;margin-top:1.25rem;align-items:start}.ic-guide-convert .ic-guide-article{background:linear-gradient(180deg,#fff,#fbfbff);border:1px solid #e6e9f8;padding:1.25rem;border-radius:10px}.ic-guide-convert .ic-guide-title{margin:0 0 .5rem;font-size:1.125rem;color:#0f172a}.ic-guide-convert .ic-lead{margin:.4rem 0 .6rem;color:#374151;font-weight:600}.ic-guide-convert .ic-bullet-list{margin:.4rem 0 .8rem 1rem;color:#4b5563}.ic-guide-convert .ic-format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:.6rem 0 .8rem}.ic-guide-convert .ic-format-pill{background:#fff;border:1px solid #eef2ff;padding:.6rem;border-radius:8px;font-weight:700;color:#0b1220;display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.ic-guide-convert .ic-format-pill span{font-weight:500;color:#6b7280;font-size:.78rem}.ic-guide-convert .ic-pill-jpg{border-left:4px solid #f97316}.ic-guide-convert .ic-pill-png{border-left:4px solid #6366f1}.ic-guide-convert .ic-pill-webp{border-left:4px solid #06b6d4}.ic-guide-convert .ic-pill-heic{border-left:4px solid #f43f5e}.ic-guide-convert .ic-checklist,.ic-guide-convert .ic-xlist,.ic-guide-convert .ic-steps-compact{margin-left:1rem;color:#374151}.ic-guide-convert .ic-conclusion{margin-top:.8rem;font-weight:600;color:#111827}.ic-guide-convert .ic-guide-aside{position:relative}.ic-guide-convert .ic-aside-card{position:sticky;top:80px;background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid #e6eef7;padding:1rem;border-radius:10px}.ic-guide-convert .ic-guide-cta{display:inline-block;width:100%;padding:.6rem .8rem;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-weight:700;margin:.6rem 0 .8rem;cursor:pointer}.ic-guide-convert .ic-mini-list{margin:0;padding-left:1rem;color:#475569}@media(max-width:900px){.ic-guide-convert{grid-template-columns:1fr}.ic-guide-convert .ic-aside-card{position:relative;top:auto}}.ic-overlap-stack{display:inline-block;position:relative;height:185px}.ic-stacked-thumb{position:absolute;top:12px;width:200px;height:140px;object-fit:cover;border-radius:10px;border:2px solid #fff;box-shadow:0 2px 8px #00000021;cursor:pointer;transition:transform .15s}.ic-stacked-thumb:hover{transform:translateY(-8px) scale(1.03)}.ic-stack-more{position:absolute;top:12px;width:40px;height:140px;background:#6366f1;color:#fff;border-radius:10px;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center}.ic-popup-overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:500}.ic-popup-dialog{position:relative;background:#fff;border-radius:14px;padding:1.25rem 1.5rem 4rem;max-width:min(92vw,820px);width:100%;max-height:90vh;overflow:auto;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 8px 40px #00000040}.ic-popup-close-btn{position:absolute;top:.75rem;right:.75rem;background:#f1f5f9;color:#374151;border:1px solid #e2e8f0;border-radius:50%;width:32px;height:32px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:501;line-height:1;transition:background .15s}.ic-popup-close-btn:hover{background:#e2e8f0}.ic-popup-nav-btn{position:absolute;bottom:1rem}.ic-popup-nav-prev{left:1rem}.ic-popup-nav-next{right:1rem}.image-rotator-page{display:flex;flex-direction:column;min-height:100vh}.image-rotator-page .container{width:100%;max-width:860px;margin:0 auto;padding:0 1.25rem}.image-rotator-page .main{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:3rem 1.5rem}.image-rotator-page .main .container{display:flex;justify-content:center}.image-rotator-page .card{background:#fff;border-radius:20px;border:1px solid #e2e6f0;padding:2.5rem 2.5rem 2rem;max-width:860px;width:100%;display:flex;flex-direction:column;gap:1.25rem}.ir2-view{display:flex;flex-direction:column;width:100%}.ir2-dropzone{border:2px dashed #c7d2fe;border-radius:14px;background:#f5f7ff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:3rem 2rem;cursor:pointer;transition:border-color .2s,background .2s;text-align:center}.ir2-dropzone:hover,.ir2-dropzone--active{border-color:#6366f1;background:#eef0ff}.ir2-dropzone-icon{font-size:2.5rem;line-height:1}.ir2-dropzone-text{font-size:1.05rem;font-weight:600;color:#374151;margin:0}.ir2-dropzone-sub{font-size:.875rem;color:#9ca3af;margin:0}.ir2-action-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e6f0}.ir2-action-bar-left,.ir2-action-bar-right{display:flex;gap:.5rem;flex-wrap:wrap}.ir2-workspace{display:flex;gap:1.5rem;align-items:flex-start}.ir2-strip{display:flex;flex-direction:column;gap:.75rem;min-width:110px;max-width:130px;max-height:520px;overflow-y:auto;padding-right:4px}.ir2-thumb{border:2px solid #e2e6f0;border-radius:10px;padding:.4rem;cursor:pointer;background:#f9fafb;transition:border-color .15s;display:flex;flex-direction:column;align-items:center;gap:.3rem}.ir2-thumb:hover{border-color:#a5b4fc}.ir2-thumb--active{border-color:#6366f1;background:#eef0ff}.ir2-thumb-img-wrap{width:80px;height:70px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px}.ir2-thumb-img{max-width:72px;max-height:64px;object-fit:contain;transition:transform .25s ease}.ir2-thumb-controls{display:flex;gap:.2rem}.ir2-icon-btn{background:none;border:1px solid #d1d5db;border-radius:5px;cursor:pointer;font-size:.85rem;padding:.15rem .3rem;color:#374151;line-height:1.4;transition:background .15s,color .15s}.ir2-icon-btn:hover{background:#e0e7ff;border-color:#6366f1;color:#4338ca}.ir2-icon-btn--remove:hover{background:#fee2e2;border-color:#f87171;color:#dc2626}.ir2-thumb-name{font-size:.68rem;color:#6b7280;margin:0;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.ir2-preview-panel{flex:1;display:flex;flex-direction:column;gap:1rem;min-width:0}.ir2-preview-frame{background:#f3f4f6;border:1px solid #e2e6f0;border-radius:12px;display:flex;align-items:center;justify-content:center;min-height:280px;max-height:420px;overflow:hidden;padding:1rem}.ir2-preview-img-wrap{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ir2-preview-img{max-width:100%;max-height:380px;object-fit:contain;transition:transform .3s ease;border-radius:4px}.ir2-rotate-controls{display:flex;flex-direction:column;align-items:center;gap:.6rem}.ir2-rotate-btns{display:flex;align-items:center;justify-content:center;gap:1rem}.ir2-apply-all-label{display:flex;align-items:center;gap:.4rem;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.ir2-apply-all-label input[type=checkbox]{width:15px;height:15px;accent-color:#6366f1;cursor:pointer}.ir2-rotation-badge{font-size:1rem;font-weight:700;color:#6366f1;min-width:48px;text-align:center;background:#eef0ff;border-radius:8px;padding:.25rem .5rem}.ir2-rotate-icon{font-size:1.2rem}.ir2-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.2rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:background .15s,opacity .15s}.ir2-btn:disabled{opacity:.55;cursor:not-allowed}.ir2-btn--primary{background:#6366f1;color:#fff}.ir2-btn--primary:hover:not(:disabled){background:#4f46e5}.ir2-btn--secondary{background:#e0e7ff;color:#4338ca}.ir2-btn--secondary:hover:not(:disabled){background:#c7d2fe}.ir2-btn--ghost{background:transparent;color:#6b7280;border:1px solid #d1d5db}.ir2-btn--ghost:hover:not(:disabled){background:#f3f4f6;color:#374151}.ir2-btn--rotate{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;font-size:.95rem}.ir2-btn--rotate:hover:not(:disabled){background:#e0e7ff;border-color:#6366f1;color:#4338ca}.ir2-tip-banner{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;width:100%;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:.7rem 1rem;box-sizing:border-box;margin-bottom:1.25rem}.ir2-tip-text{flex:1;font-size:.875rem;color:#1e40af;min-width:180px}.ir2-tip-btn{flex-shrink:0;padding:.35rem .9rem;border-radius:6px;background:#6366f1;color:#fff;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .15s}.ir2-tip-btn:hover{background:#4f46e5}@media(max-width:640px){.image-rotator-page .main,.image-rotator-page .container{padding-left:0;padding-right:0}.image-rotator-page .card{border-radius:0;border-left:none;border-right:none;padding:1.5rem 1rem 1.25rem}.ir2-action-bar{flex-direction:column;align-items:stretch}.ir2-action-bar-left,.ir2-action-bar-right{justify-content:stretch}.ir2-action-bar-left .ir2-btn,.ir2-action-bar-right .ir2-btn{flex:1;justify-content:center}.ir2-workspace{flex-direction:column}.ir2-strip{flex-direction:row;flex-wrap:wrap;max-width:100%;max-height:none;overflow-x:auto;overflow-y:visible}.ir2-thumb{flex-shrink:0}.ir2-preview-frame{min-height:200px}.ir2-rotate-controls{gap:.5rem}.ir2-download-row{justify-content:stretch}.ir2-download-row .ir2-btn{flex:1;justify-content:center}}.screen-recorder-page{display:flex;flex-direction:column;min-height:100vh}.screen-recorder-page .container{width:100%;max-width:860px;margin:0 auto;padding:0 1.25rem}.screen-recorder-page .main{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem}.screen-recorder-page .main .container{display:flex;justify-content:center}.screen-recorder-page .card{background:#fff;border-radius:20px;border:1px solid #e2e6f0;padding:2.5rem 2.5rem 2rem;max-width:860px;width:100%;display:flex;flex-direction:column;gap:1.25rem}.screen-recorder-page .hero-section{text-align:center;padding-bottom:.25rem}.screen-recorder-page .btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.5rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s;border:none;text-decoration:none;text-align:center;font-family:inherit;box-sizing:border-box;line-height:1}.screen-recorder-page .btn:disabled{opacity:.5;cursor:not-allowed}.screen-recorder-page .btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 14px #6366f159}.screen-recorder-page .btn-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.screen-recorder-page .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px #ef444459}.screen-recorder-page .btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444473}.screen-recorder-page .action-btn{width:100%;padding:.85rem;font-size:1rem}.screen-recorder-page .download-btn{width:100%;padding:.85rem;font-size:1rem;margin-top:.75rem}.screen-recorder-page .action-area{display:flex;flex-direction:column;gap:.75rem}.screen-recorder-page .sound-toggle{display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.screen-recorder-page .sound-toggle input[type=checkbox]{width:1rem;height:1rem;accent-color:#6366f1;cursor:pointer}.screen-recorder-page .recording-indicator{color:#ef4444;font-weight:600;font-size:.9rem;text-align:center;animation:blink 1.2s step-start infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.screen-recorder-page .alert-box{font-size:.875rem;border-radius:8px;padding:.75rem 1rem;line-height:1.55}.screen-recorder-page .alert-warning{background:#fffbe6;border:1px solid #ffe58f;color:#7c6000}.screen-recorder-page .alert-error{background:#fee2e2;border:1px solid #fca5a5;color:#b91c1c}.screen-recorder-page .alert-tip{background:#f0f9ff;border:1px solid #bae6fd;color:#075985}.screen-recorder-page .preview-section{display:flex;flex-direction:column;gap:.5rem}.screen-recorder-page .preview-title{font-size:1rem;font-weight:700;color:#1e1e2e;margin:0}.screen-recorder-page .preview-video{width:100%;max-height:480px;background:#000;border-radius:10px;border:1px solid #e2e6f0}.screen-recorder-page .note{font-size:.8rem;color:#9ca3af;background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem;line-height:1.55;display:flex;gap:.5rem;align-items:flex-start}.screen-recorder-page .note-icon{flex-shrink:0}.screen-recorder-page .details-controls{display:block;margin-top:.25rem}.screen-recorder-page .shared-collapse{border-radius:12px;box-shadow:0 6px 18px #0f172a0a;border:1px solid #e2e6f0;padding:.75rem;overflow:visible}.screen-recorder-page .details-content,.screen-recorder-page .howitworks-content{color:#374151!important;opacity:1!important;text-align:left!important}.screen-recorder-page .details-content h3,.screen-recorder-page .howitworks-content h3{margin-top:.5rem;color:#374151!important}.screen-recorder-page .details-content p,.screen-recorder-page .howitworks-content p,.screen-recorder-page .details-content li,.screen-recorder-page .howitworks-content li{color:#374151!important}.screen-recorder-page .details-content ul,.screen-recorder-page .howitworks-content ul,.screen-recorder-page .howitworks-content ol{margin:.5rem 0 0 1.25rem;padding-left:1.25rem}@media(max-width:740px){.screen-recorder-page .main,.screen-recorder-page .container{padding-left:0;padding-right:0}.screen-recorder-page .card{border-radius:0;border-left:none;border-right:none;padding-left:1rem;padding-right:1rem}}.screen-recorder-page .sr-guide{margin-top:1rem;color:#374151;line-height:1.7;font-size:.95rem;text-align:left}.screen-recorder-page .sr-guide h2{font-size:1.25rem;font-weight:700;color:#1e1e2e;margin:1.5rem 0 .4rem}.screen-recorder-page .sr-guide h3{font-size:1rem;font-weight:700;color:#374151;margin:1.1rem 0 .3rem}.screen-recorder-page .sr-guide p{margin:.3rem 0 .6rem}.screen-recorder-page .sr-guide ul,.screen-recorder-page .sr-guide ol{margin:.3rem 0 .75rem 1.25rem;padding-left:1rem}.screen-recorder-page .sr-guide li{margin-bottom:.25rem}.screen-recorder-page .sr-guide hr{border:none;border-top:1px solid #e5e7eb;margin:1.5rem 0}.screen-recorder-page .sr-table-wrap{overflow-x:auto;margin:.5rem 0 1rem}.screen-recorder-page .sr-table{width:100%;border-collapse:collapse;font-size:.875rem}.screen-recorder-page .sr-table th{background:#f3f4f6;font-weight:700;color:#1e1e2e;text-align:left;padding:.55rem .75rem;border:1px solid #e5e7eb;white-space:nowrap}.screen-recorder-page .sr-table td{padding:.5rem .75rem;border:1px solid #e5e7eb;color:#374151;vertical-align:top}.screen-recorder-page .sr-table tbody tr:nth-child(2n) td{background:#f9fafb}.video-to-gif-page{display:flex;flex-direction:column;min-height:100vh}.video-to-gif-page .container{width:100%;max-width:860px;margin:0 auto;padding:0 1.25rem}.video-to-gif-page .main{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:3rem 1.5rem}.video-to-gif-page .main .container{display:flex;justify-content:center}.video-to-gif-page .card{background:#fff;border-radius:20px;border:1px solid #e2e6f0;padding:2.5rem 2.5rem 2rem;max-width:860px;width:100%;display:flex;flex-direction:column;gap:1.25rem}.video-to-gif-page .hero-section{text-align:center;padding-bottom:.25rem}.vtg-dropzone{border:2px dashed #d1d5db;border-radius:14px;padding:2.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:border-color .2s,background .2s;background:#f9fafb;outline:none}.vtg-dropzone:hover,.vtg-dropzone:focus-visible{border-color:#6366f1;background:#f0f0ff}.vtg-dropzone--active{border-color:#6366f1;background:#eff0ff}.vtg-dropzone-icon{width:48px;height:48px;color:#9ca3af}.vtg-dropzone-text{font-size:1rem;font-weight:600;color:#374151;margin:0}.vtg-dropzone-hint{font-size:.82rem;color:#9ca3af;margin:0}.vtg-file-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding-top:.6rem}.vtg-file-name{flex:1;font-size:.875rem;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.vtg-video-wrap{border-radius:10px;line-height:0}.vtg-video-preview{width:100%;border-radius:10px;background:#000;max-height:420px;display:block}.vtg-controls{display:flex;flex-direction:column;gap:.75rem}.vtg-controls-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem}@media(max-width:600px){.vtg-controls-grid{grid-template-columns:1fr 1fr}}.vtg-label{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:600;color:#4b5563}.vtg-label-hint{font-weight:400;color:#9ca3af;font-size:.75rem}.vtg-input-row{display:flex;align-items:center;gap:4px}.vtg-input{width:100%;padding:.45rem .6rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;font-family:inherit;background:#fff;color:#111827;transition:border-color .15s}.vtg-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.vtg-input-suffix{font-size:.8rem;color:#9ca3af;flex-shrink:0}.vtg-select{width:100%;padding:.45rem .6rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;font-family:inherit;background:#fff;color:#111827;cursor:pointer;transition:border-color .15s}.vtg-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.vtg-estimate{font-size:.8rem;color:#6b7280;margin:0}.vtg-estimate--warn{color:#d97706;font-weight:600}.vtg-btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.4rem;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;border:none;font-family:inherit;box-sizing:border-box;line-height:1;text-decoration:none}.vtg-btn:disabled{opacity:.45;cursor:not-allowed}.vtg-btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 14px #6366f14d}.vtg-btn--primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.vtg-btn--ghost{background:transparent;color:#6b7280;border:1px solid #e5e7eb}.vtg-btn--ghost:not(:disabled):hover{background:#f3f4f6;color:#374151}.vtg-btn--danger{color:#dc2626;border-color:#fecaca}.vtg-btn--danger:not(:disabled):hover{background:#fef2f2}.vtg-btn--sm{padding:.4rem .9rem;font-size:.8rem}.vtg-btn--full{width:100%;padding:.85rem;font-size:1rem}.vtg-progress-wrap{display:flex;flex-direction:column;gap:.5rem}.vtg-progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:99px;overflow:hidden}.vtg-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:99px;transition:width .2s ease}.vtg-progress-label{display:flex;align-items:center;font-size:.84rem;color:#6b7280}.vtg-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;color:#dc2626}.vtg-trim-bar{position:relative;width:100%;height:44px;padding:0 8px;box-sizing:border-box;background:#f1f3f9;border:1px solid #e5e7eb;border-radius:8px;-webkit-user-select:none;user-select:none;touch-action:none}.vtg-trim-track{position:absolute;left:8px;right:8px;top:50%;height:5px;transform:translateY(-50%);background:#d1d5db;border-radius:99px}.vtg-trim-range{position:absolute;top:0;bottom:0;background:#6366f1;border-radius:99px;opacity:.85}.vtg-trim-playhead{position:absolute;top:-6px;bottom:-6px;width:2px;background:#ef4444;border-radius:2px;transform:translate(-50%);pointer-events:none;z-index:3}.vtg-trim-playhead:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:8px;height:8px;background:#ef4444;border-radius:50%}.vtg-trim-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:28px;background:#fff;border:2px solid #6366f1;border-radius:4px;cursor:ew-resize;z-index:2;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #6366f14d;touch-action:none}.vtg-trim-handle:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.vtg-trim-handle:after{content:"";width:2px;height:10px;background:#6366f1;border-radius:2px;box-shadow:3px 0 #6366f1,-3px 0 #6366f1}.vtg-trim-label{position:absolute;left:50%;transform:translate(-50%);font-size:.68rem;font-weight:700;color:#fff;white-space:nowrap;pointer-events:none;background:#6366f1;padding:2px 6px;border-radius:4px;box-shadow:0 1px 4px #6366f14d}.vtg-trim-handle--start .vtg-trim-label{bottom:calc(100% + 5px)}.vtg-trim-handle--end .vtg-trim-label{bottom:calc(100% + 26px)}.vtg-output{display:flex;flex-direction:column;gap:1rem;border:1px solid #e2e6f0;border-radius:14px;padding:1.25rem;background:#f9fafb}.vtg-output-header{display:flex;align-items:center;gap:.75rem}.vtg-output-title{font-weight:700;font-size:.95rem;color:#111827}.vtg-output-size{font-size:.8rem;color:#6b7280;background:#e5e7eb;border-radius:99px;padding:2px 10px}.vtg-gif-preview{width:100%;border-radius:10px;background:repeating-conic-gradient(#e5e7eb 0% 25%,#fff 0% 50%) 0 0 / 16px 16px;display:block;max-height:480px;object-fit:contain}.vtg-output-actions{display:flex;gap:.75rem;flex-wrap:wrap}.vtg-btn--push-right{margin-left:auto}.video-to-gif-page .vtg-guide{margin-top:1rem;color:#374151;line-height:1.7;font-size:.95rem;text-align:left}.video-to-gif-page .vtg-guide h2{font-size:1.25rem;font-weight:700;color:#1e1e2e;margin:1.5rem 0 .4rem}.video-to-gif-page .vtg-guide h3{font-size:1rem;font-weight:700;color:#374151;margin:1.1rem 0 .3rem}.video-to-gif-page .vtg-guide h4{font-size:.95rem;font-weight:700;color:#4b5563;margin:.85rem 0 .25rem}.video-to-gif-page .vtg-guide p{margin:.3rem 0 .6rem}.video-to-gif-page .vtg-guide-cta-btn{padding:.65rem 1.5rem;font-size:.95rem}.video-to-gif-page .vtg-guide ul,.video-to-gif-page .vtg-guide ol{margin:.3rem 0 .75rem 1.25rem;padding-left:1rem}.video-to-gif-page .vtg-guide li{margin-bottom:.25rem}.video-to-gif-page .vtg-guide hr{border:none;border-top:1px solid #e5e7eb;margin:1.5rem 0}.video-to-gif-page .vtg-table-wrap{overflow-x:auto;margin:.5rem 0 1rem}.video-to-gif-page .vtg-table{width:100%;border-collapse:collapse;font-size:.875rem}.video-to-gif-page .vtg-table th{background:#f3f4f6;font-weight:700;color:#1e1e2e;text-align:left;padding:.55rem .75rem;border:1px solid #e5e7eb;white-space:nowrap}.video-to-gif-page .vtg-table td{padding:.5rem .75rem;border:1px solid #e5e7eb;color:#374151;vertical-align:top}.video-to-gif-page .vtg-table tbody tr:nth-child(2n) td{background:#f9fafb}.main{flex:1;display:flex;align-items:center;justify-content:flex-start;padding:1.5rem}.blog-post-page .main{padding:2rem 1.25rem;align-items:center}.blog-post-page .container{width:100%;max-width:860px}.blog-post-page .card{background:#fff;border-radius:16px;border:1px solid #e2e6f0;padding:2rem 2.5rem;box-shadow:0 2px 12px #0000000f;width:100%;box-sizing:border-box}@media(max-width:600px){.blog-post-page .card{padding:1.25rem 1rem;border-radius:10px}}.about-us-page{display:flex;flex-direction:column;min-height:100vh}.about-us-page .container{width:100%;max-width:860px;margin:0 auto;padding:0 1.25rem}.about-us-page .main{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem}.about-us-page .main .container{display:flex;justify-content:center}.about-us-page .card{background:#fff;border-radius:20px;border:1px solid #e2e6f0;padding:2.5rem 2.5rem 2rem;max-width:720px;width:100%;display:flex;flex-direction:column;gap:1.25rem;color:#1a1d27}.about-us-page .card h2{font-size:1.6rem;font-weight:700;color:#111827;margin:0}.about-us-page .card h3{font-size:1rem;font-weight:700;color:#374151;margin:0}.about-us-page .card p{font-size:.95rem;color:#4b5563;line-height:1.7;margin:0}.aboutus-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;z-index:10000;display:flex;align-items:center;justify-content:center}.aboutus-modal-content{position:relative;background:var(--color-surface);border-radius:14px;box-shadow:0 8px 32px #00000073;padding:2.5rem 2.5rem 2rem;max-width:420px;width:95vw;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;align-items:stretch}.aboutus-modal-content h2{font-size:1.4rem;font-weight:700;color:var(--color-text);margin-bottom:1rem}.aboutus-modal-close{position:absolute;top:1.2rem;right:1.2rem;background:none;border:none;color:#888;font-size:2rem;cursor:pointer;z-index:2;padding:0;line-height:1;transition:color .2s}.aboutus-modal-close:hover{color:var(--color-primary)}.aboutus-section{margin-bottom:1.2rem;color:var(--color-text);font-size:1rem;line-height:1.7}.contactus-section h3{margin-bottom:.7rem;font-size:1.1rem;color:var(--color-primary)}.contactus-form{display:flex;flex-direction:column;gap:1rem}.contactus-form label{font-size:.97rem;color:var(--color-muted);display:flex;flex-direction:column;gap:.3rem}.contactus-form input[type=email],.contactus-form textarea{font-size:1rem;padding:.6rem .9rem;border:1px solid var(--color-border);border-radius:7px;background:var(--color-bg);color:var(--color-text);margin-top:.2rem;resize:vertical;font-family:var(--font-sans);outline:none;transition:border-color .15s}.contactus-form input[type=email]:focus,.contactus-form textarea:focus{border-color:var(--color-primary)}.contactus-form textarea{min-height:80px;max-height:200px}.contactus-form button[type=submit]{margin-top:.5rem}.contactus-success{color:var(--color-check);margin-top:.5rem;font-size:.97rem}.contactus-error{color:#d32f2f;margin-top:.5rem;font-size:.97rem}