:root{--bg: #f4f1ea;--bg-alt: #ebe5d8;--surface: #fffdf8;--surface-strong: #ffffff;--surface-soft: #f6f0e4;--border: rgba(20, 55, 76, .12);--text: #2a3743;--text-muted: #667788;--heading: #163447;--accent: #1f8f87;--accent-strong: #15736d;--shadow: 0 18px 40px rgba(35, 49, 61, .1);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 16px;--radius-sm: 12px;--font-body: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-display: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-body);background:radial-gradient(circle at top left,rgba(31,143,135,.1),transparent 26%),linear-gradient(180deg,#f8f4ec,#f4f1ea 45%,#efe9de);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(20,55,76,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(20,55,76,.03) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.2),transparent 90%);mask-image:linear-gradient(180deg,rgba(0,0,0,.2),transparent 90%)}body,button,input,textarea,select{font:inherit}input,textarea,select{font-family:var(--font-body)}input::placeholder,textarea::placeholder{font-family:inherit;font-size:inherit;font-weight:500;color:var(--text-muted);opacity:1}button{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,h4,h5,h6{color:var(--heading);font-family:var(--font-display);font-weight:600;letter-spacing:-.015em}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong)}code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}img{display:block;max-width:100%}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.w-full{width:100%}.h-full{height:100%}.flex{display:flex}.flex-col{flex-direction:column}.justify-center{justify-content:center}.items-center{align-items:center}.space-between{justify-content:space-between}.border{border:1px solid var(--border)}.rounded{border-radius:.375rem}.text-white{color:#fff}.bg-blue-500{background-color:#14374c}.bg-green-500{background-color:#41b6b0}.bg-gray-100{background-color:#f3f4f6}.inline-block{display:inline-block}.page-lead{margin-bottom:1rem;color:var(--text-muted);line-height:1.7}.tool-info-section{margin-top:1.25rem;padding-top:1.1rem;border-top:1px solid var(--border)}.tool-info-section h3{font-size:1.05rem;margin-bottom:.55rem}.tool-info-section p,.tool-info-section li{color:var(--text-muted);line-height:1.7}.tool-info-section ul{padding-left:1.15rem}@media(max-width:768px){html{font-size:15px}}@media(max-width:480px){html{font-size:14px}}.app-shell{min-height:100vh;position:relative;z-index:0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1rem clamp(1rem,2vw,1.75rem);margin:0 auto;width:min(1440px,100%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8f4ece0;border-bottom:1px solid rgba(20,55,76,.08)}.topbar-brand{display:flex;align-items:center;gap:.9rem;min-width:0}.brand-logo{width:auto;height:3.75rem;object-fit:contain;flex-shrink:0}.brand-eyebrow{font-family:Trebuchet MS,Segoe UI,Tahoma,sans-serif;color:var(--text-muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.22em;font-weight:600;margin-bottom:.15rem}.topbar h1{font-size:1.3rem;line-height:1}.topbar-copy{font-family:Trebuchet MS,Segoe UI,Tahoma,sans-serif;max-width:28rem;color:var(--text-muted);font-size:.92rem;font-weight:400;letter-spacing:.01em;text-align:right}.app-layout{width:min(1440px,100%);margin:0 auto;padding:1.25rem clamp(1rem,2vw,1.75rem) 1.75rem;display:grid;grid-template-columns:290px minmax(0,1fr);gap:1.25rem;align-items:start}.app-main{min-width:0}.content-frame{min-width:0;padding:clamp(.25rem,1vw,.5rem)}.content-frame>*{animation:pageFade .28s ease both}.site-footer{width:min(1440px,100%);margin:0 auto;padding:0 clamp(1rem,2vw,1.75rem) 1.75rem}.site-footer-inner{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border:1px solid var(--border);border-radius:var(--radius-xl);background:#fffdf8e0;box-shadow:var(--shadow)}.site-footer strong{display:block;margin-bottom:.35rem;color:var(--heading)}.site-footer p{color:var(--text-muted)}.footer-nav{display:flex;flex-wrap:wrap;gap:.9rem 1.1rem;align-items:center}.footer-nav a{color:var(--heading);font-weight:600}@keyframes pageFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.topbar{align-items:flex-start;flex-direction:column}.topbar-copy{text-align:left;max-width:none}.app-layout{grid-template-columns:1fr}.brand-logo{height:3.4rem}.site-footer-inner{flex-direction:column}}@media(max-width:768px){.app-layout{padding-top:.9rem}.content-frame{padding:0}}.word-counter{width:100%;max-width:920px;margin:0 auto;padding:clamp(1.1rem,2.5vw,1.8rem);border-radius:var(--radius-xl);border:1px solid var(--border);background:#ffffffd1;box-shadow:var(--shadow)}.word-counter h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:1rem}.word-counter-textarea{width:100%;min-height:260px;padding:1rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:#fffefb;color:var(--text);resize:vertical;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.word-counter-textarea::placeholder{font-family:inherit;font-size:inherit;font-weight:500;color:var(--text-muted)}.word-counter-textarea:focus{border-color:#1f8f8766;box-shadow:0 0 0 4px #1f8f871f;transform:translateY(-1px)}.word-counter .stats-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;width:100%;margin-top:1rem}.word-counter .stat{padding:1rem;text-align:center;border-radius:var(--radius-md);border:1px solid var(--border);background:#f8f3ea}.word-counter .stat-value{font-size:1.75rem;font-weight:800;color:var(--accent-strong)}.word-counter .stat-label{margin-top:.35rem;color:var(--text-muted);font-size:.9rem}@media(max-width:640px){.word-counter{padding:1rem;border-radius:24px}.word-counter-textarea{min-height:220px}.word-counter .stats-container{grid-template-columns:1fr}}.json-formatter{width:100%;max-width:920px;margin:0 auto;padding:clamp(1.1rem,2.5vw,1.8rem);border-radius:var(--radius-xl);border:1px solid var(--border);background:#ffffffd1;box-shadow:var(--shadow)}.json-formatter h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:1rem}.json-input{width:100%;min-height:260px;padding:1rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:#fffefb;color:var(--text);resize:vertical;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.json-input::placeholder{font-family:inherit;font-size:inherit;font-weight:500;color:var(--text-muted)}.json-input:focus{border-color:#1f8f8766;box-shadow:0 0 0 4px #1f8f871f}.formatted-json-output{position:relative;width:100%;margin-top:1rem;padding:1.1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:#fcfaf5;color:var(--text);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.92rem;white-space:pre-wrap;word-wrap:break-word;max-height:420px;overflow:auto}.copy-button-inside{position:absolute;top:.85rem;right:.85rem;width:2.4rem;height:2.4rem;display:grid;place-items:center;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text)}.copy-button-inside:hover{border-color:#1f8f8759;color:var(--accent-strong)}@media(max-width:640px){.json-formatter{padding:1rem;border-radius:24px}.json-input{min-height:220px}.formatted-json-output{max-height:320px}}.image-resizer{width:100%;max-width:920px;margin:0 auto;padding:clamp(1.1rem,2.5vw,1.8rem);border-radius:var(--radius-xl);border:1px solid var(--border);background:#ffffffd1;box-shadow:var(--shadow);font-family:var(--font-body)}.image-resizer h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:1rem}.image-file-input{width:100%;margin-bottom:1rem;padding:.95rem;border-radius:var(--radius-md);border:1px dashed rgba(31,143,135,.35);background:#fffefb;color:var(--text-muted);font-family:var(--font-body);font-weight:600}.image-file-input::file-selector-button{margin-right:1rem;padding:.7rem 1rem;border:0;border-radius:999px;background:linear-gradient(135deg,var(--accent),#67bfb7);color:#fff;font-family:var(--font-body);font-weight:800}.dimension-row{margin-top:.8rem;display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1rem}.dimension-row label{font-family:var(--font-body);font-size:1.02rem;font-weight:600;color:var(--heading)}.dimension-input{width:110px;padding:.7rem .8rem;border-radius:.9rem;border:1px solid var(--border);background:#fffefb;color:var(--text);font-family:var(--font-body);font-size:1rem;font-weight:500}.dimension-input:focus{border-color:#1f8f8766;box-shadow:0 0 0 4px #1f8f871f}.tool-primary-button{width:100%;max-width:320px;margin-top:1rem;background:linear-gradient(135deg,var(--accent),#67bfb7);color:#fff}.tool-secondary-button{width:100%;max-width:320px;margin-top:1rem;background:#eef7f5;border-color:#1f8f8733;color:var(--heading)}.image-preview{margin-top:1.2rem;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:0 12px 24px #23313d14}.ad-container{width:100%;margin:1.5rem 0 0;display:flex;justify-content:center;align-items:center;min-height:100px}@media(max-width:640px){.image-resizer{padding:1rem;border-radius:24px}.dimension-input{width:100%;max-width:140px}.tool-primary-button,.tool-secondary-button{max-width:none}}.pdf-converter{width:100%;max-width:920px;margin:0 auto;padding:clamp(1.1rem,2.5vw,1.8rem);border-radius:var(--radius-xl);border:1px solid var(--border);background:#ffffffd1;box-shadow:var(--shadow)}.pdf-converter h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:1rem}.pdf-input{width:100%;min-height:260px;padding:1rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:#fffefb;color:var(--text);resize:vertical}.pdf-input::placeholder{font-family:inherit;font-size:inherit;font-weight:500;color:var(--text-muted)}.pdf-input:focus{border-color:#1f8f8766;box-shadow:0 0 0 4px #1f8f871f}.tool-primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;width:100%;max-width:320px;margin-top:1rem;padding:.85rem 1.2rem;border:1px solid transparent;border-radius:999px;background:linear-gradient(135deg,var(--accent),#67bfb7);color:#fff;font-family:var(--font-display);font-size:.96rem;font-weight:600;letter-spacing:-.01em;box-shadow:0 14px 28px #1f8f872e}@media(max-width:640px){.pdf-converter{padding:1rem;border-radius:24px}.pdf-input{min-height:220px}.tool-primary-button{max-width:none}}.sidebar{position:sticky;top:6.15rem;display:flex;flex-direction:column;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-xl);background:#fffdf8e0;box-shadow:var(--shadow);min-width:0}.sidebar-header{padding:.75rem .85rem 1rem;border-bottom:1px solid rgba(20,55,76,.08)}.sidebar-kicker{font-family:Trebuchet MS,Segoe UI,Tahoma,sans-serif;color:var(--accent);text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;font-weight:600;margin-bottom:.35rem}.sidebar-header h2{font-size:1.45rem;margin-bottom:.4rem}.sidebar-header p{font-family:Trebuchet MS,Segoe UI,Tahoma,sans-serif;color:var(--text-muted);font-size:.92rem;font-weight:400;letter-spacing:.01em}.sidebar-nav{display:grid;gap:.55rem;padding-top:1rem}.sidebar-nav a{display:flex;align-items:center;min-height:3rem;padding:.85rem 1rem;border-radius:1rem;border:1px solid transparent;color:var(--text);font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:-.03em;line-height:1.15;background:#f7f1e6}.sidebar-nav a:hover{color:var(--heading);border-color:#1f8f8738;background:#eef7f5;transform:translate(2px)}.sidebar-nav a.active{background:linear-gradient(135deg,#1f8f8724,#ffffffb8);border-color:#1f8f873d;color:var(--heading)}@media(max-width:900px){.sidebar{position:static}.sidebar-nav{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}@media(max-width:640px){.sidebar{padding:.85rem}.sidebar-nav{grid-template-columns:1fr}}.file-converter-container{width:100%;max-width:920px;margin:0 auto;padding:clamp(1.1rem,2.5vw,1.8rem);border-radius:var(--radius-xl);border:1px solid var(--border);background:#ffffffd1;box-shadow:var(--shadow);text-align:left}.file-converter-container h2,.file-converter-container h3{margin-bottom:1rem}.file-input{width:100%;margin:.25rem 0 1rem;padding:.95rem;border-radius:var(--radius-md);border:1px dashed rgba(31,143,135,.35);background:#fffefb;color:var(--text-muted)}.file-input::file-selector-button{margin-right:1rem;padding:.7rem 1rem;border:0;border-radius:999px;background:linear-gradient(135deg,var(--accent),#67bfb7);color:#fff;font-weight:800}.select-output-format{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin:.5rem 0 1rem}.select-output-format label{color:var(--heading);font-weight:600}.format-select{min-width:8.5rem;padding:.75rem .9rem;border-radius:.9rem;border:1px solid var(--border);background:#fffefb;color:var(--text)}.tool-primary-button,.tool-secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.85rem 1.2rem;border-radius:999px;font-family:var(--font-display);font-size:.96rem;font-weight:600;border:1px solid transparent;letter-spacing:-.01em}.tool-primary-button{width:100%;max-width:320px;margin-top:.5rem;background:linear-gradient(135deg,var(--accent),#67bfb7);color:#fff}.tool-primary-button:hover{transform:translateY(-2px);color:#fff}.tool-primary-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.converted-textarea{width:100%;min-height:260px;margin-top:.75rem;padding:1rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:#fffefb;color:var(--text);resize:vertical;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.tool-secondary-button{width:100%;max-width:320px;margin-top:.9rem;background:#eef7f5;border-color:#1f8f8733;color:var(--heading)}.tool-secondary-button:hover{transform:translateY(-2px);color:var(--heading)}@media(max-width:640px){.file-converter-container{padding:1rem;border-radius:24px}.select-output-format{align-items:flex-start}.tool-primary-button,.tool-secondary-button{max-width:none}.converted-textarea{min-height:220px}}.landing-page{width:100%;color:var(--text);font-family:var(--font-body)}.hero-section{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr);gap:1.5rem;padding:clamp(1.5rem,3vw,2.2rem);border:1px solid var(--border);border-radius:var(--radius-xl);background:radial-gradient(circle at top right,rgba(31,143,135,.12),transparent 30%),linear-gradient(145deg,#fffdf8,#f5efe4);box-shadow:var(--shadow);margin-bottom:1.5rem}.hero-copy,.hero-panel{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--accent);text-transform:uppercase;letter-spacing:.22em;font-size:.73rem;font-weight:800}.hero-copy h1{font-size:clamp(1.9rem,4vw,3.2rem);line-height:1.04;margin-bottom:.85rem;max-width:12ch}.hero-copy p{max-width:58ch;color:var(--text-muted);font-size:1.04rem;font-family:var(--font-body);font-weight:500}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.5rem}.cta-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;min-height:3.2rem;padding:.85rem 1.2rem;border-radius:999px;font-family:var(--font-body);font-weight:700;border:1px solid transparent}.cta-button{background:linear-gradient(135deg,var(--accent),#67bfb7);color:#fff;box-shadow:0 14px 28px #1f8f872e}.cta-button:hover{color:#fff;transform:translateY(-2px)}.ghost-button{background:#ffffffb3;border-color:var(--border);color:var(--heading)}.ghost-button:hover{color:var(--heading);transform:translateY(-2px);background:#fff}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1.6rem}.stat-card{padding:1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffffb8}.stat-card strong{display:block;font-size:1.4rem;color:var(--heading);margin-bottom:.3rem}.stat-card span{color:var(--text-muted);font-size:.92rem;font-family:var(--font-body)}.hero-panel{display:flex;align-items:stretch}.hero-panel-card{width:100%;padding:1.3rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(180deg,#fffefb,#f6efe3);font-family:var(--font-body)}.panel-label{color:var(--accent);font-size:.72rem;text-transform:uppercase;letter-spacing:.2em;margin-bottom:.5rem}.hero-panel-card h2{font-size:1.55rem;margin-bottom:1rem}.hero-panel-card ul{list-style:none;display:grid;gap:.8rem}.hero-panel-card li{position:relative;padding-left:1.2rem;color:var(--text-muted);font-family:var(--font-body);font-weight:500}.hero-panel-card li:before{content:"";position:absolute;left:0;top:.55rem;width:.45rem;height:.45rem;border-radius:999px;background:var(--accent)}.features-section{padding:.5rem 0 1rem}.section-heading{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.1rem}.section-heading span{color:var(--accent);text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;font-weight:800}.section-heading h2,.section-heading h3{font-size:clamp(1.4rem,3vw,2rem)}.section-heading.compact{margin-bottom:1rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.tool-card{padding:1.25rem;min-height:100%;border-radius:var(--radius-lg);border:1px solid var(--border);background:#ffffffd1;box-shadow:0 12px 24px #23313d14;font-family:var(--font-body)}.tool-icon{display:inline-flex;align-items:center;justify-content:center;min-width:3rem;height:3rem;padding:0 .75rem;margin-bottom:1rem;border-radius:999px;background:#e6f3f1;color:var(--accent-strong);font-size:.92rem;font-weight:800;letter-spacing:.08em}.tool-card h3{font-size:1.12rem;margin-bottom:.5rem}.tool-card p{color:var(--text-muted);line-height:1.6;font-weight:500}.coming-soon{margin-top:1rem;padding:1.2rem;border-radius:var(--radius-lg);border:1px dashed rgba(20,55,76,.18);background:#ffffffa6;font-family:var(--font-body)}.chip-list{display:flex;flex-wrap:wrap;gap:.65rem}.chip{padding:.7rem .95rem;border-radius:999px;border:1px solid var(--border);background:#fffefb;color:var(--text);font-size:.92rem;font-family:var(--font-body);font-weight:600}@media(max-width:960px){.hero-section{grid-template-columns:1fr}.hero-copy h1{max-width:none}}@media(max-width:640px){.hero-section{padding:1.2rem;border-radius:24px}.hero-stats,.tools-grid{grid-template-columns:1fr}.chip{width:100%}}.static-page{width:100%;max-width:920px;margin:0 auto;padding:clamp(1.1rem,2.5vw,1.8rem);border-radius:var(--radius-xl);border:1px solid var(--border);background:#ffffffd1;box-shadow:var(--shadow)}.static-page-kicker{display:inline-block;margin-bottom:.75rem;color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700}.static-page h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:1rem}.static-page p,.static-page li{color:var(--text-muted);line-height:1.7}.static-page-section+.static-page-section{margin-top:1.15rem}.static-page-section h3{font-size:1.1rem;margin-bottom:.5rem}.static-page ul{padding-left:1.1rem}.static-page code{color:var(--heading)}@media(max-width:640px){.static-page{padding:1rem;border-radius:24px}}