@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Nunito+Sans:wght@700;800&display=swap");:root{--bg-color:#fcf9f8;--surface-color:#ffffff;--surface-border:#cac3d8;--primary-color:#4700c6;--primary-hover:#5f30e2;--primary-soft:#e7deff;--text-color:#1b1b1b;--text-muted:#484455;--accent-color:#004b3d;--accent-soft:#6ff9d8;--surface-muted:#f6f3f2;--surface-gray:#f6f6f6;--outline-soft:rgba(121,116,135,0.22);--glass-blur:16px;--glass-shadow:0 18px 48px rgba(30,0,96,0.12);--transition:all 0.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);background-image:none;color:var(--text-color);min-height:100vh;flex-direction:column;overflow-x:hidden}#root,body{display:flex}#root{flex:1 1;flex-direction:column}a{color:inherit}.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:1000;padding:.75rem 1rem;border-radius:8px;background:var(--primary-color);color:var(--bg-color);transform:translateY(-150%);transition:transform .2s ease}.skip-link:focus{transform:translateY(0)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:200;width:100%;min-height:64px;border-bottom:1px solid rgba(202,195,216,.45);background:rgba(255,255,255,.94);box-shadow:0 1px 10px rgba(27,27,27,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.site-nav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1280px;margin:0 auto;padding:1rem clamp(1.25rem,5vw,4rem)}.brand-link{color:var(--primary-color);font-family:Nunito Sans,sans-serif;font-size:1.4rem;font-weight:800;text-decoration:none}.all-tools-menu{position:relative}.all-tools-menu summary{list-style:none;cursor:pointer;color:var(--primary-color);font-weight:600;border-bottom:2px solid;padding-bottom:.2rem}.all-tools-menu summary::-webkit-details-marker{display:none}.all-tools-panel{position:absolute;top:calc(100% + 1rem);right:0;z-index:210;display:grid;grid-template-columns:1fr;grid-gap:1.25rem;gap:1.25rem;width:min(360px,calc(100vw - 2rem));max-height:min(72vh,680px);overflow:auto;padding:1.25rem;border:1px solid rgba(202,195,216,.65);border-radius:8px;background:var(--surface-color);box-shadow:var(--glass-shadow)}.tool-menu-group h2{margin-bottom:.75rem;font-size:.95rem;color:var(--text-color)}.footer-tools-grid ul,.related-tools-list,.tool-menu-group ul{list-style:none;padding:0}.tool-menu-group li{margin-bottom:.8rem}.footer-tools-grid a,.related-tools-list a,.tool-menu-group a{color:var(--primary-color);font-weight:600;text-decoration:none}.site-footer .footer-tools-grid a{color:#ccbeff}.footer-tools-grid a:hover,.related-tools-list a:hover,.tool-menu-group a:hover{text-decoration:underline}.tool-menu-group p{margin-top:.2rem;margin-bottom:.9rem;color:var(--text-muted);font-size:.82rem;line-height:1.35}.site-main{width:100%}.tool-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);grid-gap:2rem;gap:2rem;align-items:center;max-width:1200px;margin:0 auto;padding:4rem 2rem 2rem}.eyebrow{margin-bottom:.5rem;color:var(--primary-color);font-size:.9rem;font-weight:700;text-transform:uppercase}.hero-subtitle{max-width:60ch;font-size:1.15rem}.hero-trust-list{display:grid;grid-gap:.55rem;gap:.55rem;max-width:64ch;margin-top:1.25rem;padding-left:1.2rem;color:var(--text-muted);line-height:1.5}.tool-action-panel{padding:1.5rem;border:1px solid var(--surface-border);border-radius:8px;background:rgba(255,255,255,.035)}.tool-upload-form fieldset{min-width:0;border:0}.tool-upload-form legend{margin-bottom:1rem;color:#fff;font-weight:700}.field{margin-bottom:1rem}.field label{display:block;margin-bottom:.45rem;color:#fff;font-weight:600}.field input[type=datetime-local],.field input[type=file],.field input[type=number],.field input[type=password],.field input[type=text],.field select,.field textarea{width:100%;min-height:48px;padding:.75rem;border:1px solid var(--surface-border);border-radius:8px;background:rgba(255,255,255,.05);color:var(--text-color);font:inherit}.field select{accent-color:var(--primary-color)}.field textarea{min-height:8rem;resize:vertical}.checkbox-field{display:flex;align-items:center;gap:.65rem;min-height:48px}.checkbox-field input[type=checkbox]{width:1.1rem;height:1.1rem;flex:0 0 auto;accent-color:var(--primary-color)}.checkbox-field label{margin-bottom:0}.tool-parameter-fields{margin-top:1rem}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.checkbox-field input[type=checkbox]:focus-visible,.field input[type=datetime-local]:focus-visible,.field input[type=file]:focus-visible,.field input[type=number]:focus-visible,.field input[type=password]:focus-visible,.field input[type=text]:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:3px solid var(--primary-color);outline-offset:3px}.field input:user-invalid{border-color:#ff6b6b}.field-help,.selected-files,.tool-status{margin-top:.6rem;font-size:.88rem}.selected-files{color:var(--accent-color)}.tool-status-error{color:#ff9a9a}.tool-status-success{color:var(--primary-color)}.tool-primary-action{width:100%;min-height:3.25rem}.tool-microcopy,.tool-source-row{margin-top:1rem;font-size:.9rem}.tool-content-section{max-width:900px;margin:3rem auto;padding:0 2rem}.tool-content-section h2{margin-bottom:1rem}.instruction-list{display:grid;grid-gap:1.25rem;gap:1.25rem;padding-left:1.2rem}.instruction-list h3{margin-bottom:.5rem;font-size:1.05rem}.instruction-list ul{margin-top:.75rem;padding-left:1.25rem;color:var(--text-muted)}.feature-grid,.subtask-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1rem;gap:1rem;margin-top:2rem}.feature-card,.subtask-item{padding:1rem;border:1px solid var(--surface-border);border-radius:8px;background:rgba(255,255,255,.025)}.feature-card h3,.subtask-item h3{margin-bottom:.55rem;font-size:1rem}.workflow-section{margin-top:2rem}.workflow-section h3{margin-bottom:.75rem}.workflow-section ul{padding-left:1.25rem;color:var(--text-muted);line-height:1.6}.cta-band,.final-cta{padding-top:2rem;padding-bottom:2rem;border-top:1px solid var(--surface-border);border-bottom:1px solid var(--surface-border)}.related-tools-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1rem;gap:1rem}.related-tools-list li{padding:1rem;border:1px solid var(--surface-border);border-radius:8px;background:rgba(255,255,255,.025)}.related-tools-list p{margin-top:.4rem;font-size:.9rem}.site-footer{margin-top:0;border-top:1px solid rgba(202,195,216,.45);background:#1b1b1b;color:#f3f0ef}.footer-inner{max-width:1280px;margin:0 auto;padding:4rem clamp(1.25rem,5vw,4rem)}.footer-heading{max-width:720px;margin-bottom:2rem}.footer-heading h2{color:#fff}.footer-heading p{color:#cfc9d7}.footer-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:2rem;gap:2rem}.footer-tools-grid h3{margin-bottom:.75rem;font-size:1rem;color:#fff}.footer-tools-grid li{margin-bottom:.5rem;font-size:.9rem}.footer-tools-grid p{margin-top:.2rem;font-size:.82rem;line-height:1.35;color:#cfc9d7}.glass-panel{background:var(--surface-color);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--surface-border);box-shadow:var(--glass-shadow);border-radius:16px}h1,h2,h3,h4,h5,h6{color:var(--text-color);font-family:Nunito Sans,sans-serif;font-weight:800;letter-spacing:0}h1{font-size:clamp(2.6rem,5vw,3rem);line-height:1.16;margin-bottom:.5rem;background:none;-webkit-text-fill-color:currentColor}p{color:var(--text-muted);line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:700;font-size:.95rem;cursor:pointer;transition:var(--transition);border:none;outline:none;font-family:inherit}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 10px 24px rgba(71,0,198,.22)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 14px 30px rgba(71,0,198,.24)}.btn-secondary{background:var(--surface-color);color:var(--primary-color);border:1px solid rgba(202,195,216,.85)}.btn-secondary:hover{background:var(--primary-soft);transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.container{position:relative;z-index:0;max-width:1280px;margin:0 auto;padding:0 clamp(1.25rem,5vw,4rem);width:100%}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.header{padding:2rem 0;text-align:center;animation:fadeInDown .8s ease-out}.landing-page{max-width:none;padding-top:0}.landing-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);grid-gap:2rem;gap:2rem;align-items:center;margin-inline:calc(clamp(1.25rem, 5vw, 4rem) * -1);padding:5rem clamp(1.25rem,5vw,4rem);background:var(--bg-color)}.landing-hero-copy{min-width:0}.landing-subtitle{max-width:68ch;font-size:1.15rem;line-height:1.7}.landing-upload-panel{min-height:360px;width:min(100%,560px);margin-left:auto}.upload-source-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.25rem}.upload-source-row span{display:inline-flex;align-items:center;min-height:32px;padding:.35rem .65rem;border:0;border-radius:8px;color:var(--text-muted);font-size:.78rem;background:transparent}.dropzone{position:relative;z-index:0;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;border:2px dashed var(--surface-border);border-radius:12px;background:#fff;transition:var(--transition);cursor:pointer;padding:2.5rem;text-align:center;box-shadow:0 18px 44px rgba(30,0,96,.08)}.dropzone.active,.dropzone:hover{border-color:var(--primary-color);background:#fff}.dropzone-icon{position:relative;z-index:0;pointer-events:none;width:64px;height:64px;color:var(--primary-color);margin-bottom:1.5rem;padding:.9rem;border-radius:999px;background:var(--primary-soft);animation:none}.editor-workspace{display:grid;grid-template-columns:300px 1fr;grid-gap:2rem;gap:2rem;margin-top:2rem;height:calc(100vh - 200px);min-height:600px}@media (max-width:768px){.editor-workspace{grid-template-columns:1fr;height:auto}.site-nav{padding:1rem}.all-tools-panel{position:fixed;inset:4rem 1rem auto 1rem;grid-template-columns:1fr;width:auto}.tool-hero{grid-template-columns:1fr;padding:3rem 1rem 1rem}.landing-page{padding:2rem 1rem}.landing-hero{grid-template-columns:1fr}.seo-section{padding:2rem 0}.landing-tool-directory,.workflow-list{grid-template-columns:1fr}.footer-inner,.tool-content-section{padding-left:1rem;padding-right:1rem}}.sidebar{padding:1.5rem;gap:1.5rem}.sidebar,.toolbar-group{display:flex;flex-direction:column}.toolbar-group{gap:.5rem}.toolbar-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem}.canvas-container{position:relative;width:100%;height:100%;overflow:auto;border-radius:12px;background:#111;display:flex;justify-content:center}canvas{box-shadow:0 0 40px rgba(0,0,0,.6);display:block}.absolute-text-input{background:white;border:1px solid var(--primary-color);color:black;font-family:inherit;padding:4px 12px;border-radius:6px;outline:none;box-shadow:0 8px 24px rgba(0,0,0,.3);min-width:80px;transition:var(--transition)}.absolute-text-container{display:flex;align-items:center;gap:4px;z-index:20}.delete-text-btn{background:#ff4d4d;color:white;border:none;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:var(--transition);flex-shrink:0}.delete-text-btn:hover{transform:scale(1.1);background:#ff1a1a}.text-hit-area{transition:background .1s ease;z-index:5;box-sizing:content-box}.text-hit-area:hover{background:rgba(102,252,241,.15);box-shadow:0 0 0 1px var(--primary-color)}.text-hit-area.is-modified{box-shadow:0 0 0 1px var(--primary-hover)}.text-hit-area.is-editing{background:white!important;z-index:100!important;box-shadow:0 4px 20px rgba(0,0,0,.4);outline:2px solid var(--primary-color);border-radius:2px}.extracted-text-input{border:none;background:white;color:black;width:100%;height:100%;padding:0 4px;margin:0;outline:none;display:block}.spinner{animation:rotate 1s linear infinite}.seo-section{margin-inline:calc(clamp(1.25rem, 5vw, 4rem) * -1);margin-top:0;padding:4rem clamp(1.25rem,5vw,4rem);border-top:0;background:var(--surface-color)}.section-heading{max-width:820px;margin:0 auto 3rem;text-align:center}.section-heading h2{margin-bottom:.85rem}.section-heading p:not(.eyebrow){color:var(--text-muted);line-height:1.65}.seo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:1.25rem;gap:1.25rem;margin-top:2rem}.seo-card{padding:1.5rem;background:var(--surface-gray);border-radius:12px;border:1px solid rgba(202,195,216,.35)}.seo-card h3{margin-bottom:1rem;font-size:1.25rem;color:var(--text-color)}.seo-card p{color:var(--text-muted);line-height:1.55}.seo-card ul{list-style:none;padding:0}.seo-card li{color:var(--text-muted);margin-bottom:.75rem;font-size:.95rem;line-height:1.4}.workflow-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:2rem;gap:2rem;margin:2rem 0;padding:0;list-style:none;counter-reset:workflow}.workflow-list li{position:relative;overflow:hidden;min-height:250px;padding:2rem;border:1px solid rgba(202,195,216,.35);border-radius:12px;background:var(--surface-gray);counter-increment:workflow}.workflow-list li:before{content:counter(workflow);position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin-bottom:1.5rem;border-radius:8px;background:var(--primary-color);color:#fff;font-weight:800}.workflow-list li:after{content:counter(workflow);position:absolute;right:-.25rem;bottom:-2rem;color:rgba(202,195,216,.28);font-size:8rem;font-weight:800;line-height:1;pointer-events:none}.workflow-list h3{margin-bottom:.65rem;font-size:1.3rem}.workflow-list p{color:var(--text-muted);line-height:1.55}.feature-callout{max-width:900px;margin:2rem auto 0;padding:1.5rem;border:1px solid rgba(111,249,216,.55);border-radius:12px;background:rgba(111,249,216,.16)}.feature-callout h3{margin-bottom:1rem}.feature-callout ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:.7rem 1.25rem;gap:.7rem 1.25rem;padding-left:1.2rem;color:var(--text-muted);line-height:1.5}.landing-tool-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.25rem;gap:1.25rem}.tool-directory-group{padding:1.25rem;border:1px solid rgba(202,195,216,.35);border-radius:12px;background:var(--surface-gray)}.tool-directory-group h3{margin-bottom:1rem;font-size:1rem}.tool-directory-group ul{list-style:none;padding:0}.tool-directory-group li{margin-bottom:.9rem}.tool-directory-group a{color:var(--primary-color);font-weight:700;text-decoration:none}.tool-directory-group a:hover{text-decoration:underline}.tool-directory-group p{margin-top:.25rem;color:var(--text-muted);font-size:.88rem;line-height:1.4}.faq-list{display:grid;grid-gap:.75rem;gap:.75rem;max-width:900px;margin:0 auto}.faq-list details{border:1px solid rgba(202,195,216,.55);border-radius:8px;background:#fff}.faq-list summary{cursor:pointer;padding:1rem;color:var(--text-color);font-weight:700}.faq-list details[open] summary{border-bottom:1px solid rgba(202,195,216,.55)}.faq-list p{padding:1rem;color:var(--text-muted);line-height:1.6}.landing-final-cta{margin-inline:calc(clamp(1.25rem, 5vw, 4rem) * -1);padding:4rem clamp(1.25rem,5vw,4rem);background:var(--primary-soft);text-align:center}.landing-final-cta p{max-width:720px;margin:.75rem auto 1.5rem;color:var(--text-muted);line-height:1.6}.cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.file-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(102,252,241,.1);border-radius:20px;font-size:.85rem;color:var(--primary-color);margin-bottom:1rem}