:root{--ink:#17231f;--muted:#68766f;--green:#225f49;--green-dark:#164936;--mint:#eaf3ed;--paper:#fbfaf6;--line:#e5e9e3;--white:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--ink:#e5ece7;--muted:#b2beb7;--green:#8bc7a5;--green-dark:#70b890;--mint:#29382f;--paper:#141a17;--line:#344139;--white:#202923;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea,input,select{font:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #7ab99a}.site-header,.site-footer{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:24px 36px;display:flex}.site-header{min-height:88px}.theme-control{z-index:20;justify-items:end;gap:5px;display:grid;position:fixed;bottom:18px;right:max(18px,50vw - 580px)}.theme-toggle{border:1px solid var(--line);min-height:42px;color:var(--ink);background:var(--white);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:650;transition:transform .14s,border-color .14s;display:inline-flex;box-shadow:0 5px 20px #141e1824}.theme-toggle:hover{border-color:var(--green);transform:translateY(-2px)}.theme-toggle>span:first-child{color:var(--green);font-size:17px}.theme-storage-message{border:1px solid var(--line);max-width:240px;color:var(--ink);background:var(--white);border-radius:8px;padding:7px 10px;font-size:10px;box-shadow:0 4px 16px #141e181f}.brand{letter-spacing:-.7px;align-items:center;gap:10px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:18px;font-weight:800;display:inline-flex}.brand-mark{color:#fff;background:var(--green);border-radius:11px;place-items:center;width:34px;height:34px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:22px;font-style:normal;display:grid}.brand-light{color:#7b8982;font-weight:500}.header-nav{color:#46554e;align-items:center;gap:30px;font-size:14px;font-weight:600;display:flex}.header-nav a:hover,.site-footer a:hover{color:var(--green)}.header-nav .nav-cta{border:1px solid var(--line);background:var(--white);border-radius:999px;padding:10px 17px}.hero{background:radial-gradient(at 82% 40%,#e1efe4 0,#0000 38%),linear-gradient(130deg,#f3f6ef 0%,#f8f8f2 55%,#edf4e9 100%);border:1px solid #e9eee8;border-radius:28px;justify-content:space-between;align-items:center;max-width:1200px;min-height:500px;margin:10px auto 0;padding:54px 64px 70px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:1;max-width:620px}.eyebrow{color:var(--green);letter-spacing:1.5px;margin:0 0 17px;font-size:11px;font-weight:700}.hero-copy>.eyebrow{color:#506a5d;letter-spacing:.1px;align-items:center;gap:9px;font-size:12px;display:flex}.status-dot{background:#7caf7f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #dbeade}h1,h2,h3,p{margin-top:0}.hero h1,.tool-page-heading h1{letter-spacing:-3.6px;margin-bottom:19px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(42px,5.2vw,66px);font-weight:700;line-height:1.09}.hero h1 span{color:var(--green)}.hero-description{max-width:455px;color:var(--muted);margin-bottom:26px;font-size:16px;line-height:1.75}.button-primary{color:#fff;background:var(--green);border-radius:9px;align-items:center;gap:20px;min-height:48px;padding:0 20px;font-size:14px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.button-primary:hover{background:var(--green-dark);transform:translateY(-1px)}.privacy-note{color:#748178;align-items:center;gap:8px;margin:16px 0 0;font-size:12px;display:flex}.privacy-note span{color:var(--green)}.hero-art{flex:0 0 380px;place-items:center;width:380px;height:340px;display:grid;position:relative}.home-ad-wrap{max-width:1200px;margin:34px auto 0;padding:0 36px}.ad-placement{aspect-ratio:970/100;background-color:#f1f5ef;background-image:url(/ads/ad-placeholder.svg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:14px;width:100%;min-height:82px}.art-orbit{border:1px solid #c8dcca;border-radius:50%;position:absolute}.orbit-one{width:310px;height:310px}.orbit-two{opacity:.8;border-style:dashed;width:245px;height:245px}.art-card{background:#fff;border:1px solid #e7ebe5;border-radius:14px;width:230px;padding:16px 18px 18px;position:relative;transform:rotate(-5deg);box-shadow:0 22px 55px #43644a24}.art-card-top{gap:5px;margin-bottom:23px;display:flex}.art-card-top span{background:#cbd9cc;border-radius:50%;width:6px;height:6px}.art-line{background:#e9eee8;border-radius:9px;width:100%;height:7px;margin:11px 0}.art-line-short{width:44%}.art-line-medium{width:72%}.art-result{color:#53645a;background:#f0f6ef;border-radius:9px;justify-content:space-between;align-items:center;margin-top:24px;padding:12px 13px;font-size:12px;display:flex}.art-result strong{color:var(--green);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:21px}.art-spark{z-index:1;color:#689273;position:absolute}.spark-one{font-size:29px;top:44px;right:42px}.spark-two{color:#c09255;font-size:24px;bottom:49px;left:42px}.art-badge{color:#506452;background:#fff;border:1px solid #e3e9e1;border-radius:999px;padding:10px 14px;font-size:11px;font-weight:600;position:absolute;bottom:40px;right:6px;transform:rotate(3deg);box-shadow:0 8px 20px #43644a14}.tools-section{max-width:1200px;margin:0 auto;padding:82px 36px 78px}.home-guide{border:1px solid var(--line);background:#fff;border-radius:15px;max-width:1128px;margin:0 auto 48px;padding:28px 30px}.home-guide .eyebrow{margin-bottom:9px}.home-guide h2,.tool-guide h2{letter-spacing:-.7px;margin-bottom:10px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:21px}.home-guide p:last-child,.tool-guide p,.tool-guide li{color:var(--muted);font-size:13px;line-height:1.75}.home-guide p:last-child{max-width:850px;margin-bottom:0}.home-guide a,.tool-guide a{color:var(--green);text-underline-offset:3px;font-weight:700;text-decoration:underline}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px;display:flex}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2,.about-section h2{letter-spacing:-1.4px;margin-bottom:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(26px,3vw,34px)}.section-note{color:var(--muted);margin-bottom:4px;font-size:13px}.tools-directory{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:24px;display:grid}.directory-sidebar{border:1px solid var(--line);background:#fff;border-radius:15px;gap:5px;padding:15px 10px;display:grid;position:sticky;top:20px}.directory-nav-label{color:#829088;letter-spacing:1.2px;margin:2px 10px 8px;font-size:10px;font-weight:700}.directory-category{color:#53645a;cursor:pointer;min-width:0;font:inherit;text-align:left;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:11px 10px;font-size:13px;transition:background .14s,color .14s;display:flex}.directory-category:hover{background:#f4f7f1}.directory-category.is-active{color:var(--green);background:#edf5ed;font-weight:700}.directory-count{color:#758178;background:#f3f5f2;border-radius:999px;place-items:center;min-width:25px;min-height:23px;padding:0 6px;font-size:10px;font-weight:700;display:grid}.directory-category.is-active .directory-count{color:var(--green);background:#fff}.directory-sidebar-note{border-top:1px solid var(--line);color:var(--green);gap:9px;margin:13px 4px 1px;padding:12px 8px 2px;display:flex}.directory-sidebar-note>span{font-size:16px}.directory-sidebar-note p{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.directory-content{min-width:0}.directory-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px;display:flex}.directory-toolbar h3{letter-spacing:-.5px;margin:0 0 4px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:19px}.directory-toolbar p{color:var(--muted);margin:0;font-size:11px}.directory-toolbar .directory-category-description{margin-top:4px;font-size:10px}.directory-search{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:8px;width:min(260px,48%);min-height:42px;padding:0 11px;display:flex}.directory-search-icon{color:#829088;font-size:20px;line-height:1}.directory-search input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;font-size:12px}.directory-search input::placeholder{color:#a0aaa2}.directory-search:focus-within{border-color:#8bab8e;box-shadow:0 0 0 3px #edf5ed}.directory-mobile-nav{display:none}.directory-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.directory-tool-card{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:10px;min-width:0;min-height:80px;padding:13px;transition:border-color .14s,box-shadow .14s,transform .14s;display:flex}.directory-tool-card:hover{border-color:#c9ddca;transform:translateY(-2px);box-shadow:0 8px 22px #315b3d0d}.directory-tool-card:hover .tool-arrow{transform:translate(2px,-2px)}.tool-icon{width:34px;height:34px;color:var(--green);background:#edf5ed;border-radius:9px;flex:0 0 34px;place-items:center;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:12px;font-weight:800;display:grid}.directory-tool-copy{gap:3px;min-width:0;display:grid}.directory-tool-copy strong{color:var(--ink);font-size:12px}.directory-tool-copy small{color:var(--muted);font-size:10px;line-height:1.45}.tool-arrow{color:var(--green);flex:none;margin-left:auto;transition:transform .15s}.directory-empty{color:var(--muted);text-align:center;background:#fff;border:1px dashed #cfd9cf;border-radius:12px;margin:0;padding:28px 20px;font-size:13px}.about-section{background:#f2f6ef;border:1px solid #e3eae1;border-radius:15px;align-items:start;gap:20px;max-width:1128px;margin:0 auto 78px;padding:27px 30px;display:flex}.about-icon{width:40px;height:40px;color:var(--green);background:#e4eee1;border-radius:12px;flex:0 0 40px;place-items:center;font-size:20px;display:grid}.about-section .eyebrow{margin-bottom:8px}.about-section h2{margin-bottom:8px;font-size:21px}.about-section p:last-child{max-width:760px;color:var(--muted);margin-bottom:0;font-size:13px;line-height:1.7}.site-footer{border-top:1px solid var(--line);min-height:90px;color:var(--muted);font-size:12px}.footer-brand{color:var(--ink);font-size:15px}.footer-brand .brand-mark{border-radius:9px;width:29px;height:29px;font-size:19px}.site-footer p{margin:0}.tool-page{max-width:900px;min-height:calc(100vh - 180px);margin:0 auto;padding:28px 32px 58px}.breadcrumbs{color:#78847d;align-items:center;gap:10px;margin-bottom:32px;font-size:12px;display:flex}.breadcrumbs a:hover{color:var(--green)}.tool-page-heading{max-width:660px;margin-bottom:22px}.tool-page-heading .eyebrow{margin-bottom:10px}.tool-page-heading h1{letter-spacing:-2px;margin-bottom:9px;font-size:clamp(36px,5vw,48px)}.tool-page-heading>p:last-child{color:var(--muted);margin-bottom:13px;font-size:14px;line-height:1.7}.tool-benefits{flex-wrap:wrap;gap:8px;display:flex}.tool-benefits span{color:#566b5c;background:#f2f6ef;border:1px solid #e4ebe2;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:11px;font-weight:600;display:inline-flex}.tool-benefits span span{color:var(--green);background:0 0;border:0;padding:0;font-size:12px}.counter-panel{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 9px 30px #233b2b08}.audio-recorder-display{justify-items:center;gap:10px;padding:34px 20px 26px;display:grid}.audio-recorder-display strong{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-2px;font-size:clamp(38px,8vw,58px)}.audio-recorder-indicator{background:#9aa59e;border-radius:50%;width:13px;height:13px}.audio-recorder-indicator.is-recording{background:#c7473a;animation:1.4s ease-in-out infinite recorder-pulse;box-shadow:0 0 0 6px #c7473a24}.audio-recorder-status{color:var(--muted);font-size:13px}.audio-recorder-controls{flex-wrap:wrap;justify-content:center;gap:10px;padding:0 18px 24px;display:flex}.audio-recorder-result{border-top:1px solid var(--line);justify-items:center;gap:14px;padding:22px 18px;display:grid}.audio-recorder-result audio{width:min(100%,480px)}.audio-download{align-items:center;min-height:43px;padding:0 16px;display:inline-flex}.audio-recorder-message{text-align:center;padding:0 18px 12px}.audio-recorder .calculator-privacy{border-top:1px solid var(--line)}@keyframes recorder-pulse{50%{box-shadow:0 0 0 11px #c7473a12}}.audio-trimmer-upload{border-bottom:1px solid var(--line);justify-items:center;gap:9px;padding:28px 18px;display:grid}.audio-file-input{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.audio-file-picker{border:1px solid var(--green);color:#fff;background:var(--green);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;min-height:44px;padding:0 17px;font-size:13px;font-weight:650;display:inline-flex}.audio-file-picker:hover{background:var(--green-dark)}.audio-file-input:focus-visible+.audio-file-picker,.audio-file-picker:focus-visible{outline-offset:3px;outline:3px solid #7ab99a}.audio-trimmer-upload p,.audio-trimmer-details span,.audio-trimmer-summary{color:var(--muted);text-align:center;margin:0;font-size:12px;line-height:1.6}.audio-trimmer-details{text-align:center;gap:5px;padding:19px 18px 10px;display:grid}.audio-trimmer-details strong{overflow-wrap:anywhere;font-size:14px}.audio-trimmer-player{padding:10px 18px 18px}.audio-trimmer-player audio{width:100%;display:block}.audio-trimmer-controls{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafbf8;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;display:grid}.audio-trimmer-controls .number-field input,.audio-trimmer-controls .number-field select,.silence-remover-controls .number-field select{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:var(--white);border-radius:8px;padding:9px 11px}.silence-remover-controls{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafbf8;gap:16px;padding:18px;display:grid}.silence-remover-controls input[type=range]{width:100%;accent-color:var(--green)}.silence-remover-result{padding-top:0}.audio-converter-controls{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafbf8;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;display:grid}.audio-converter-controls .number-field select{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:var(--white);border-radius:8px;padding:9px 11px}.audio-joiner-list{padding:20px 18px 4px}.audio-joiner-list h2{color:var(--muted);letter-spacing:.8px;text-transform:uppercase;margin-bottom:11px;font-size:11px;font-weight:700}.audio-joiner-list ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.audio-joiner-item{border:1px solid var(--line);background:var(--white);border-radius:10px;align-items:center;gap:11px;min-width:0;padding:10px;display:flex}.audio-joiner-number{width:28px;height:28px;color:var(--green);background:var(--mint);border-radius:8px;flex:0 0 28px;place-items:center;font-size:12px;font-weight:700;display:grid}.audio-joiner-file{flex:1;gap:3px;min-width:0;display:grid}.audio-joiner-file strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.audio-joiner-file small{color:var(--muted);font-size:10px}.audio-joiner-item-actions{flex:none;gap:4px;display:flex}.audio-joiner-item-actions .calculation-option{min-width:35px;min-height:35px;padding:5px}.audio-joiner-item-actions button:disabled{cursor:not-allowed;opacity:.45}.audio-special-control{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafbf8;gap:10px;padding:20px 18px;display:grid}.audio-special-control .number-field input[type=range]{width:100%;accent-color:var(--green)}.audio-special-control p{color:var(--muted);text-align:center;margin:0;font-size:12px}.audio-measurement-table{border:1px solid var(--line);background:var(--line);border-radius:9px;gap:1px;margin:0 18px;font-size:12px;display:grid;overflow:hidden}.audio-measurement-table>div{background:var(--white);grid-template-columns:1.3fr 1fr 1fr;gap:10px;padding:10px;display:grid}.audio-measurement-table>div:first-child{color:var(--muted);background:var(--mint);text-transform:uppercase;font-size:10px;font-weight:700}.audio-measurement-table>div>span:not(:first-child){text-align:right}.speech-input-note{border:1px solid var(--line);min-height:42px;color:var(--muted);background:var(--white);border-radius:8px;align-items:center;padding:9px 11px;font-size:12px;display:flex}.audio-transcription-actions{flex-wrap:wrap;justify-content:center;gap:10px;padding:18px;display:flex}.audio-transcript-status{border-top:1px solid var(--line);min-height:37px;color:var(--muted);text-align:center;padding:10px 18px;font-size:12px}.audio-transcript-output{resize:vertical;width:calc(100% - 36px);min-height:220px;margin:0 18px 14px;display:block}.text-to-speech .audio-tts-text .counter-input{resize:vertical;width:calc(100% - 36px);min-height:180px;margin:16px 18px 18px;display:block}.text-to-speech .audio-converter-controls{grid-template-columns:1fr}.waveform-video-preview{background:#111;padding:18px}.waveform-video-preview canvas{border-radius:8px;width:min(100%,760px);height:auto;margin:0 auto;display:block}.waveform-video-result video{background:#111;width:min(100%,760px);max-height:70vh;margin:0 auto;display:block}.video-tool-panel{overflow:hidden}.video-tool-meta{color:var(--muted);text-align:center;overflow-wrap:anywhere;padding:12px 18px;font-size:13px}.video-tool-preview{background:#111;justify-content:center;align-items:center;min-height:200px;padding:18px;display:flex;overflow:hidden}.video-tool-preview video{object-fit:contain;background:#000;width:min(100%,820px);max-height:65vh;transition:transform .16s;display:block}.video-tool-live-note{color:var(--muted);text-align:center;padding:8px 18px 12px;font-size:12px}.video-tool-controls{flex-wrap:wrap;align-items:end}.video-tool-controls .number-field{min-width:180px}.video-tool-controls input[type=number]{width:100%}.video-tool-controls .video-tool-meta,.video-tool-warning{flex-basis:100%;padding:4px 0 0}.video-tool-warning{color:#9b3d32;margin:0;font-size:13px}.video-tool-action-row,.video-tool-timeline{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;padding:10px 18px;display:flex}.video-tool-action-row button,.video-tool-timeline button,.video-preview-play{border:1px solid var(--line);min-height:40px;color:var(--green);background:var(--white);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:650}.video-tool-action-row button[aria-pressed=true]{border-color:var(--green);color:#fff;background:var(--green)}.video-tool-action-row button:disabled,.video-tool-timeline button:disabled,.video-preview-play:disabled{cursor:not-allowed;opacity:.55}.video-tool-timeline input[type=range]{width:min(100%,420px)}.video-tool-timeline span{color:var(--muted);font-size:12px}.video-tool-progress{width:calc(100% - 36px);height:8px;accent-color:var(--green);margin:0 18px 14px;display:block}.video-tool-gif-preview{border:1px solid var(--line);background-color:#f7f8f5;background-image:linear-gradient(45deg,#e8ece7 25%,#0000 25%),linear-gradient(-45deg,#e8ece7 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e8ece7 75%),linear-gradient(-45deg,#0000 75%,#e8ece7 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:10px;justify-content:center;margin:0 18px 14px;padding:16px;display:flex}.video-tool-gif-preview img{object-fit:contain;max-width:100%;max-height:60vh;display:block}.video-tool-render-canvas{pointer-events:none;width:1px;height:1px;position:fixed;top:-10000px;left:-10000px}.slideshow-tool{padding:0 18px 18px}.slideshow-tool-section{border-bottom:1px solid var(--line);padding:18px 0 6px}.slideshow-tool-section h2{margin:0 0 12px;font-size:17px}.slideshow-file-list,.slideshow-audio-list{gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.slideshow-file-list li,.slideshow-audio-list li{border:1px solid var(--line);background:var(--white);border-radius:8px;align-items:center;gap:10px;min-width:0;padding:8px;display:flex}.slideshow-file-list img{object-fit:cover;background:#111;border-radius:4px;flex:0 0 80px}.slideshow-file-list li>span,.slideshow-audio-list li>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.slideshow-file-actions{flex:none;gap:5px;display:flex}.slideshow-file-actions button{border:1px solid var(--line);min-height:34px;color:var(--green);background:var(--white);cursor:pointer;border-radius:6px;padding:5px 9px}.slideshow-file-actions button:disabled{cursor:not-allowed;opacity:.5}.slideshow-settings{padding:18px 0 8px}.slideshow-tool-preview{background:#111;border-radius:10px;margin:8px 0 0;overflow:hidden}.slideshow-tool-preview canvas{aspect-ratio:16/9;width:100%;height:auto;display:block}.video-tool-preview.is-text-preview{position:relative}.video-tool-preview.is-text-preview>span{color:#fff;text-align:center;text-overflow:ellipsis;text-shadow:0 2px 5px #000,0 0 10px #000;white-space:nowrap;pointer-events:none;font-size:clamp(20px,4vw,42px);font-weight:700;position:absolute;bottom:22%;left:8%;right:8%;overflow:hidden}.video-tool-preview.is-short-preview{aspect-ratio:9/16;width:min(100%,390px);min-height:0;margin:12px auto;padding:0;position:relative}.video-tool-preview.is-short-preview video{aspect-ratio:9/16;object-fit:contain;width:100%;height:100%;max-height:70vh}.video-tool-preview.is-short-preview.is-cropped video{object-fit:cover}.video-tool-preview.is-short-preview>span{text-align:center;text-overflow:ellipsis;text-shadow:0 2px 5px #000,0 0 10px #000;white-space:nowrap;pointer-events:none;font-size:clamp(20px,4vw,30px);font-weight:700;position:absolute;left:6%;right:6%;overflow:hidden}.video-tool-preview.is-short-preview>.short-preview-text.is-top{top:12%}.video-tool-preview.is-short-preview>.short-preview-text.is-center{top:50%;transform:translateY(-50%)}.video-tool-preview.is-short-preview>.short-preview-text.is-bottom{bottom:18%}.video-tool-preview.is-caption-preview>.short-preview-text{font-size:clamp(20px,3vw,36px)}.video-tool-preview.is-caption-preview{position:relative}.video-tool-preview.is-caption-preview>.short-preview-text.is-top{top:10%}.video-tool-preview.is-caption-preview>.short-preview-text.is-center{top:50%;transform:translateY(-50%)}.video-tool-preview.is-caption-preview>.short-preview-text.is-bottom{bottom:12%}.short-text-overlays{gap:12px;padding:0 18px 14px;display:grid}.short-text-overlays-heading,.short-text-overlay-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.short-text-overlays-heading h2{margin:0;font-size:16px}.short-text-overlays-heading button,.short-text-overlay-title button{border:1px solid var(--border);background:var(--white);min-height:36px;color:var(--ink);cursor:pointer;border-radius:8px;padding:6px 10px}.short-text-overlays-heading button:disabled,.short-text-overlay-title button:disabled{cursor:not-allowed;opacity:.55}.short-text-overlay-item{border:1px solid var(--border);background:var(--white);border-radius:10px;gap:12px;padding:14px;display:grid}.short-text-overlay-fields{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px;display:grid}.short-text-overlay-fields input[type=number],.short-text-overlay-item>.number-field input{width:100%}.short-text-overlay-fields input[type=color]{width:100%;min-height:40px;padding:3px}.video-sample-button{border:1px solid var(--green);min-height:40px;color:var(--green);background:var(--white);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:650}.video-sample-button:disabled{cursor:not-allowed;opacity:.55}.waveform-video .color-field input[type=color]{border:1px solid var(--line);background:var(--white);border-radius:8px;width:100%;min-height:42px;padding:4px}.audio-trimmer-summary{padding:16px 18px 8px}.audio-trimmer-actions{flex-wrap:wrap;justify-content:center;gap:10px;padding:10px 18px 22px;display:flex}.audio-trimmer-actions button:disabled{cursor:not-allowed;opacity:.6}.audio-trimmer-message{color:var(--green);text-align:center;margin:0;padding:0 18px 16px;font-size:13px}.audio-trimmer-message.is-error{color:#9b3d32}.audio-trimmer .calculator-privacy{border-top:1px solid var(--line)}.calculator-panel{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 9px 30px #233b2b08}.calculation-options{border-bottom:1px solid var(--line);background:#fafbf8;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:16px;display:grid}.json-formatter-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center}.json-copy-button{justify-self:center;padding:9px 12px}.json-formatter-status{padding:10px 18px}.calculation-option{border:1px solid var(--line);color:#53645a;background:var(--white);cursor:pointer;border-radius:9px;min-height:43px;padding:9px 12px;font-size:12px;font-weight:600}.calculation-option:hover{border-color:#bdd3bf}.calculation-option.is-selected{border-color:var(--green);color:#fff;background:var(--green)}.calculator-inputs{align-items:end;gap:13px;padding:24px 20px;display:flex}.tool-check-option{color:var(--ink);align-items:center;gap:8px;font-size:13px;display:flex}.tool-check-option input{width:16px;height:16px;accent-color:var(--green);margin:0}.csv-json-area{min-height:210px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}.lorem-ipsum-output{min-height:290px}.pdf-file-list,.pdf-download-list{overflow-wrap:anywhere;color:var(--muted);gap:8px;margin:0;padding:14px 20px;font-size:13px;list-style-position:inside;display:grid}.pdf-download-list a{color:var(--green);font-weight:650}.pdf-preview{border:1px solid var(--line);background:#f2f4f2;border-radius:10px;margin:0 20px 20px;overflow:hidden}.pdf-preview-canvas{background:#f2f4f2;padding:16px;overflow-x:auto}.pdf-preview-canvas canvas{background:#fff;max-width:100%;height:auto;margin:0 auto;display:block;box-shadow:0 2px 8px #1526191f}.pdf-preview-controls{color:var(--muted);justify-content:center;align-items:center;gap:14px;padding-top:14px;font-size:13px;display:flex}.pdf-preview-controls button{border:1px solid var(--line);color:var(--green);cursor:pointer;background:#fff;border-radius:7px;padding:7px 10px}.pdf-preview-controls button:disabled{color:var(--muted);cursor:not-allowed;opacity:.55}.pdf-preview-error{color:#a32d2d}.pdf-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pdf-preview-grid h2{color:var(--ink);margin:16px 20px 10px;font-size:15px}.image-tool-panel{padding-top:4px}.image-tool-upload{border-bottom:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;padding:18px 20px;font-size:13px;display:flex}.image-tool-file-input{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.image-tool-file-button{border:1px solid var(--line);min-height:40px;color:var(--green);background:var(--white);cursor:pointer;border-radius:8px;align-items:center;padding:8px 14px;font-weight:650;display:inline-flex}.image-tool-file-input:focus-visible+.image-tool-file-button{outline:2px solid var(--green);outline-offset:2px}.image-tool-upload span{overflow-wrap:anywhere;min-width:0}.image-tool-controls{flex-wrap:wrap;align-items:end}.image-tool-controls .number-field{min-width:150px}.image-tool-controls input[type=color]{width:100%;min-height:42px;padding:4px}.image-tool-live-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 20px 18px;display:grid}.image-tool-live-grid figure,.image-tool-single-preview{border:1px solid var(--line);background:#fafbf8;border-radius:10px;justify-items:center;gap:10px;min-width:0;margin:0;padding:14px;display:grid}.image-tool-live-grid figcaption,.image-tool-single-preview figcaption{color:var(--muted);justify-self:start;font-size:12px;font-weight:650}.image-tool-live-grid figure>img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:480px}.image-tool-canvas{background-color:#fff;background-image:linear-gradient(45deg,#edf0ed 25%,#0000 25%),linear-gradient(-45deg,#edf0ed 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#edf0ed 75%),linear-gradient(-45deg,#0000 75%,#edf0ed 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;width:auto;max-width:100%;height:auto;max-height:520px;margin:0 auto;display:block;box-shadow:0 2px 8px #1526191f}.social-thumbnail-canvas{cursor:grab;touch-action:none}.social-thumbnail-canvas:active{cursor:grabbing}.social-result-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:0 20px 18px;display:grid}.social-result-card{border:1px solid var(--line);min-width:0;color:var(--ink);background:#fafbf8;border-radius:10px;gap:8px;padding:10px;text-decoration:none;display:grid}.social-result-card img{object-fit:contain;background:#e9ece8;width:100%;height:150px}.social-result-card span{overflow-wrap:anywhere;font-size:12px;font-weight:650}.social-caption-list{gap:12px;padding:0 18px 18px;display:grid}.social-caption-card{border:1px solid var(--line);background:var(--white);border-radius:10px;gap:10px;padding:14px;display:grid}.social-caption-card-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.social-caption-card-heading h2{margin:0;font-size:16px}.social-caption-card-heading button,.social-caption-card .audio-trimmer-actions button{border:1px solid var(--line);min-height:36px;color:var(--ink);background:var(--white);cursor:pointer;border-radius:8px;padding:6px 10px}.social-caption-card p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.social-caption-hashtags{color:var(--green)}.image-tool-single-preview{margin:0 20px 18px}.image-tool-instruction{color:var(--muted);text-align:center;margin:12px 20px;font-size:13px}.image-tool-single-preview .image-tool-instruction,.image-favicon-preview .image-tool-instruction{margin:0}.social-carousel-size-options{border:1px solid var(--line);border-radius:10px;flex:100%;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;min-width:0;margin:0;padding:12px;display:grid}.social-carousel-size-options legend{padding:0 6px;font-size:13px;font-weight:700}.social-carousel-size-options label{align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.social-carousel-size-options input{width:16px;height:16px;accent-color:var(--green);flex:none;margin:0}.social-carousel-upscale-option{align-items:center;gap:8px;min-height:40px;font-size:13px;display:flex}.social-carousel-upscale-option input{width:16px;height:16px;accent-color:var(--green);flex:none;margin:0}.social-carousel-text-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;padding:0 20px 18px;display:grid}.social-carousel-text-list h2{grid-column:1/-1;margin:0;font-size:16px}.social-carousel-text-list h2 span{color:var(--muted);font-size:13px;font-weight:400}.social-carousel-text-list .number-field{min-width:0}.image-crop-stage{touch-action:none;-webkit-user-select:none;user-select:none;width:fit-content;max-width:calc(100% - 40px);margin:0 auto 18px;position:relative;overflow:hidden}.image-crop-stage>img{width:auto;max-width:100%;height:auto;max-height:480px;display:block}.image-crop-overlay{cursor:crosshair;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.image-crop-selection{stroke:#fff;stroke-dasharray:.012 .006;stroke-width:.004px}.image-tool-action-row{flex-wrap:wrap;justify-content:center;gap:9px;padding:0 18px 14px;display:flex}.image-tool-action-row button,.image-color-result button{border:1px solid var(--line);min-height:40px;color:var(--green);background:var(--white);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:650}.image-tool-action-row button[aria-pressed=true]{border-color:var(--green);color:#fff;background:var(--green)}.image-tool-status{color:var(--green);text-align:center;margin:0;padding:0 18px 14px;font-size:13px}.image-tool-status.is-error{color:#9b3d32}.image-tool-download{text-decoration:none}.image-color-picker-stage{padding:4px 20px 18px}.image-color-picker-stage .image-tool-instruction{margin:8px 0 14px}.image-color-canvas{cursor:crosshair;touch-action:manipulation}.image-color-result{border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:0 20px 16px;padding:12px;display:flex}.image-color-swatch{border:1px solid #0000002e;border-radius:8px;width:42px;height:42px}.image-color-result div{color:var(--ink);gap:3px;font-size:13px;display:grid}.image-color-result div span{color:var(--muted);font-size:12px}.image-favicon-preview{border:1px solid var(--line);background:#fafbf8;border-radius:10px;justify-items:center;gap:10px;margin:0 20px 18px;padding:16px;display:grid}.image-favicon-preview .image-tool-canvas{width:256px;height:256px;max-height:256px}.marks-subject-list{border-top:1px solid var(--line)}.marks-subject-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:13px;padding:18px 20px;display:grid}.marks-subject-row+.marks-subject-row{border-top:1px solid var(--line)}.marks-remove-button{min-height:48px}.marks-result-stats{margin:18px -20px -20px}.number-field{color:#53645a;flex:1;gap:8px;min-width:0;font-size:12px;font-weight:600;display:grid}.number-field input{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #dce4db;border-radius:9px;padding:0 13px;font-size:16px}.number-field select{width:100%;min-height:48px;color:var(--ink);background-color:#fff;border:1px solid #dce4db;border-radius:9px;padding:0 34px 0 12px;font-size:13px}.number-field textarea{width:100%;min-height:48px;color:var(--ink);font:inherit;resize:vertical;background:#fff;border:1px solid #dce4db;border-radius:9px;padding:12px 13px;font-size:14px;line-height:1.55}.number-field textarea::placeholder{color:#a0aaa2}.teacher-tool .calculator-inputs{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:16px;padding:22px 20px;display:grid}.teacher-tool .teacher-wide{grid-column:1/-1}.teacher-output{border:1px solid var(--line);background:var(--white);border-radius:10px;margin:0 20px 18px;padding:16px}.teacher-output pre{max-height:520px;color:var(--ink);font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.65;overflow:auto}.teacher-output .image-tool-action-row{padding:14px 0 0}.teacher-text-input{margin:0;padding:22px 20px 10px}.teacher-text-input textarea{min-height:200px}.teacher-hint{margin:0;padding:12px 20px}.teacher-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:12px;padding:12px 20px 20px;display:grid}.teacher-stat{border:1px solid var(--line);background:var(--white);border-radius:9px;gap:6px;padding:14px;display:grid}.teacher-stat span,.teacher-stat small{color:var(--muted);font-size:12px}.teacher-stat strong{color:var(--green);font-size:25px}:root[data-theme=dark] .number-field textarea{border-color:var(--line);color:var(--ink);background-color:var(--white)}:root[data-theme=dark] .number-field textarea::placeholder{color:#84948a}.length-converter-inputs{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;padding:22px 20px;display:grid}.loan-calculator-inputs{align-items:end}.loan-calculator-inputs .number-field{min-width:130px}.compound-interest-inputs{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:13px;padding:24px 20px;display:grid}.compound-interest-reset{min-height:48px;padding:0 4px}.discount-calculator-inputs{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:13px;padding:24px 20px;display:grid}.discount-reset{min-height:48px;padding:0 4px}.sales-tax-inputs{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:13px;padding:24px 20px;display:grid}.sales-tax-reset{min-height:48px;padding:0 4px}.tip-calculator-inputs{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:13px;padding:24px 20px;display:grid}.tip-calculator-reset{min-height:48px;padding:0 4px}.fuel-cost-inputs{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:13px;padding:24px 20px;display:grid}.fuel-efficiency-inputs{grid-template-columns:repeat(3,minmax(0,1fr))}.fuel-efficiency-inputs .fuel-cost-reset{grid-column:1/-1;justify-self:end}.utility-input-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));align-items:end;display:grid}.utility-check{padding:0 20px 8px}.utility-message{margin:0;padding:16px 20px}.utility-results{border:1px solid var(--line);background:var(--white);border-radius:10px;gap:8px;margin:0 20px 16px;padding:16px;display:grid}.utility-results>span{color:var(--muted);font-size:13px}.utility-results>strong{color:var(--green);overflow-wrap:anywhere;font-size:clamp(22px,5vw,32px)}.dice-actions{justify-content:flex-start;padding-top:4px}.dice-actions button:disabled{cursor:not-allowed;opacity:.45}.dice-result{border:1px solid var(--line);background:var(--white);border-radius:12px;grid-template-columns:minmax(140px,.8fr) minmax(0,1.4fr);gap:18px;margin:0 20px 18px;padding:18px;display:grid}.dice-total{border-right:1px solid var(--line);align-content:center;gap:7px;padding:8px;display:grid}.dice-total span,.share-panel-heading{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.dice-total strong{color:var(--green);font-size:clamp(34px,7vw,54px);line-height:1}.dice-result dl{gap:0;margin:0;display:grid}.dice-result dl>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:38px;display:flex}.dice-result dl>div:last-child{border-bottom:0}.dice-result dt{color:var(--muted);font-size:12px}.dice-result dd{color:var(--ink);text-align:right;overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:700}.dice-comparison,.share-panel{border:1px solid var(--line);background:var(--white);border-radius:12px;margin:0 20px 18px;padding:16px}.dice-comparison h3{margin:0 0 12px;font-size:14px}.dice-comparison>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dice-comparison article{border:1px solid var(--line);border-radius:9px;gap:6px;min-width:0;padding:12px;display:grid}.dice-comparison article span,.dice-comparison article small{color:var(--muted);font-size:12px}.dice-comparison article b{color:var(--green);font-size:28px}.dice-comparison article small{overflow-wrap:anywhere}.share-panel-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.share-panel-actions button,.share-panel-actions a{border:1px solid var(--line);min-height:36px;color:var(--ink);background:var(--white);cursor:pointer;font:inherit;border-radius:20px;justify-content:center;align-items:center;padding:7px 11px;font-size:12px;text-decoration:none;display:inline-flex}.share-panel-actions button:hover,.share-panel-actions a:hover{border-color:var(--green)}.share-panel-message{color:var(--muted);margin:10px 0 0;font-size:12px}.share-panel-qr{border:1px solid var(--line);background:var(--white);border-radius:10px;flex-direction:column;align-items:center;gap:10px;width:fit-content;margin-top:14px;padding:12px;display:flex}.share-panel-qr img{width:200px;height:200px}.dice-example{border:1px solid var(--line);background:var(--white);border-radius:12px;margin:0 20px 18px;padding:16px}.dice-example-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.dice-example-heading h3{margin:0;font-size:14px}.dice-example-heading span,.dice-example-cards article>span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.dice-example-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dice-example-cards article{border:1px solid var(--line);border-radius:9px;align-content:start;gap:10px;min-width:0;padding:14px;display:grid}.dice-example-cards dl{gap:8px;margin:0;display:grid}.dice-example-cards dl>div{justify-content:space-between;gap:12px;display:flex}.dice-example-cards dt,.dice-example-cards dd,.dice-example-cards p{margin:0;font-size:12px}.dice-example-cards dt,.dice-example-cards p{color:var(--muted)}.dice-example-cards dd{color:var(--ink);font-weight:700}.dice-example-cards strong{color:var(--green);font-size:34px}@media (max-width:620px){.dice-result{grid-template-columns:1fr}.dice-total{border-right:0;border-bottom:1px solid var(--line);padding-bottom:16px}.dice-comparison>div,.dice-example-cards{grid-template-columns:1fr}}.tool-finder-search{padding:22px 20px 8px}.tool-finder-search input{border:1px solid var(--line);width:100%;min-height:50px;color:var(--ink);background:var(--white);font:inherit;border-radius:9px;padding:0 14px}.tool-finder-panel>.calculator-privacy{margin:0;padding:8px 20px 16px}.tool-finder-results{gap:10px;padding:0 20px 20px;display:grid}.tool-finder-results a{border:1px solid var(--line);color:var(--ink);background:var(--white);border-radius:9px;gap:5px;padding:13px 15px;text-decoration:none;display:grid}.tool-finder-results a:hover{border-color:var(--green)}.tool-finder-results a span{color:var(--muted);font-size:13px}.utility-ingredient{margin:0 20px 18px}.utility-ingredient select{border:1px solid var(--line);min-height:48px;color:var(--ink);background:var(--white);border-radius:9px;padding:0 12px;font-size:14px}.shoe-size-results{gap:8px;margin:0 20px 18px;display:grid}.shoe-size-results>p{color:var(--muted);margin:0 0 4px;font-size:14px}.shoe-size-results>div{border:1px solid var(--line);color:var(--ink);background:var(--white);border-radius:8px;justify-content:space-between;gap:12px;padding:12px 14px;display:flex}.shoe-size-results>div strong{color:var(--green);font-variant-numeric:tabular-nums}.fuel-cost-reset{min-height:48px;padding:0 4px}.pace-calculator-inputs{grid-template-columns:repeat(5,minmax(0,1fr)) auto;align-items:end;gap:13px;padding:24px 20px;display:grid}.pace-calculator-reset{min-height:48px;padding:0 4px}.pace-result-grid{gap:6px;margin-top:12px;display:grid}.pace-result-grid p{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:5px 16px;font-size:12px;display:flex}.pace-result-grid strong{color:var(--ink)}.duration-calculator-inputs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:end;gap:16px;padding:24px 20px;display:grid}.duration-input-group{border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0;margin:0;padding:12px;display:grid}.duration-input-group legend{color:var(--ink);padding:0 5px;font-size:12px;font-weight:650}.duration-operation{min-width:115px}.duration-calculator-reset{min-height:48px;padding:0 4px}.statistics-input{min-height:150px}.electricity-cost-inputs{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:13px;padding:24px 20px;display:grid}.electricity-cost-reset{min-height:48px;padding:0 4px}.simple-interest-inputs{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:13px;padding:24px 20px;display:grid}.simple-interest-reset{min-height:48px;padding:0 4px}.bmi-calculator-inputs,.age-calculator-inputs{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:13px;padding:24px 20px;display:grid}.age-calculator-reset,.bmi-calculator-reset{min-height:48px;padding:0 4px}.statistics-result p:last-child{margin-top:5px;font-size:11px}.loan-reset{min-height:48px;padding:0 4px}.line-sorter-options{border-bottom:1px solid var(--line);background:#fafbf8;flex-wrap:wrap;gap:12px 24px;padding:16px 20px;display:flex}.line-sorter-checkbox{color:#53645a;cursor:pointer;align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.line-sorter-checkbox input{width:16px;height:16px;accent-color:var(--green)}.loan-result-breakdown{gap:5px;margin-top:12px;display:grid}.loan-result-breakdown p{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin:0;font-size:12px;line-height:1.6;display:flex}.loan-result-breakdown p:last-child{margin-top:5px;font-size:11px}.loan-result-breakdown strong{color:var(--ink);font-variant-numeric:tabular-nums}.length-value-field{grid-column:1/-1}.unit-select-row{grid-column:1;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:12px;min-width:0;display:grid}.unit-swap{width:42px;height:42px;color:var(--green);cursor:pointer;background:#f4f7f1;border:1px solid #dce4db;border-radius:50%;align-self:end;place-items:center;margin-bottom:3px;font-size:20px;display:grid}.unit-swap:hover{background:#eaf3ed;border-color:#bdd3bf}.converted-unit{font-size:.58em;font-weight:600}.length-reset{grid-column:2}.color-converter-inputs{grid-template-columns:minmax(130px,.7fr) minmax(0,1.3fr) auto;align-items:end;gap:14px;padding:22px 20px;display:grid}.color-value-field input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.color-reset{min-height:48px;padding:0 4px}.color-converter-result{border-top:1px solid var(--line);background:#f4f7f1;grid-template-columns:112px minmax(0,1fr);align-items:start;gap:20px;padding:20px;display:grid}.color-swatch{background-color:#fff;border:1px solid #0000001f;border-radius:12px;width:112px;min-height:112px}.color-output-list{gap:10px;display:grid}.color-output-row{grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:38px;display:grid}.color-output-label{color:#6d7c72;letter-spacing:.5px;font-size:11px;font-weight:700}.color-output-row code{overflow-wrap:anywhere;color:var(--ink);font-size:14px}.color-converter-result>.calculator-hint,.color-converter-result>.calculator-error{grid-column:1/-1;align-self:center;margin:12px 0}.password-generator-inputs{gap:18px;padding:22px 20px;display:grid}.text-diff-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px;display:grid}.text-diff-field{color:#53645a;gap:8px;min-width:0;font-size:12px;font-weight:600;display:grid}.text-diff-field .counter-input{min-height:240px}.text-diff-actions{flex-wrap:wrap;align-items:center;gap:14px;padding:0 20px 20px;display:flex}.text-diff-limit{color:#758178;font-size:12px}.text-diff-message{padding:0 20px}.text-diff-results{border-top:1px solid var(--line);background:#f4f7f1}.text-diff-summary{border-bottom:1px solid var(--line);color:#53645a;flex-wrap:wrap;gap:12px;padding:15px 20px;font-size:12px;font-weight:700;display:flex}.text-diff-list{max-height:420px;margin:0;padding:10px 0;list-style:none;overflow:auto}.text-diff-line{grid-template-columns:28px minmax(0,1fr);align-items:baseline;min-height:28px;padding:3px 16px;display:grid}.text-diff-line code{overflow-wrap:anywhere;color:var(--ink);white-space:pre-wrap;font-size:12px}.text-diff-marker{color:#68766f;text-align:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700}.text-diff-line.is-added{background:#e6f4e8}.text-diff-line.is-added .text-diff-marker{color:#237343}.text-diff-line.is-removed{background:#f9e9e6}.text-diff-line.is-removed .text-diff-marker{color:#a63d32}.password-generator-inputs>.number-field{max-width:220px}.password-character-options{border:0;min-width:0;margin:0;padding:0}.password-character-options legend{color:#53645a;margin-bottom:10px;font-size:12px;font-weight:600}.password-character-list{flex-wrap:wrap;gap:10px 18px;display:flex}.password-character-option{color:var(--ink);align-items:center;gap:7px;font-size:13px;display:inline-flex}.password-character-option input{width:16px;height:16px;accent-color:var(--green)}.password-actions{align-items:center;gap:16px;padding:0 20px 20px;display:flex}.password-result{min-height:136px}.password-output{overflow-wrap:anywhere;color:var(--green);letter-spacing:.4px;-webkit-user-select:all;user-select:all;margin-top:14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(18px,4vw,25px);line-height:1.6;display:block}.number-field input::placeholder{color:#a0aaa2}.calculator-operator{color:#758178;flex:none;padding-bottom:15px;font-size:13px}.calculator-reset{min-height:48px;padding:0 4px}.calculator-result{border-top:1px solid var(--line);background:#f4f7f1;min-height:136px;padding:20px}.uuid-result-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.uuid-result .calculator-result-label{margin-bottom:0}.uuid-output{min-height:220px;margin-top:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.8}.calculator-result-label{color:#6d7c72;letter-spacing:1px;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.calculator-result-value{color:var(--green);letter-spacing:-1px;overflow-wrap:anywhere;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(26px,5vw,36px);display:block}.calculator-result-detail,.calculator-hint,.calculator-error{color:#68766f;margin:5px 0 0;font-size:13px;line-height:1.6}.calculator-error{color:#9b3d32}.calculator-privacy{color:#758178;text-align:center;margin:0;padding:12px 18px;font-size:11px}.counter-toolbar{border-bottom:1px solid #edf0eb;justify-content:space-between;align-items:center;min-height:58px;padding:0 19px;display:flex}.counter-toolbar>span{color:#6d7c72;letter-spacing:1px;font-size:10px;font-weight:700}.counter-actions{gap:16px;display:flex}.text-button{color:var(--green);cursor:pointer;background:0 0;border:0;padding:7px 0;font-size:12px;font-weight:600}.text-button:disabled{color:#a4ada6;cursor:not-allowed}.counter-input{resize:vertical;width:100%;min-height:230px;color:var(--ink);background:#fff;border:0;border-radius:0;padding:20px;font-size:14px;line-height:1.75;display:block}.counter-input::placeholder{color:#a0aaa2}.counter-input:focus-visible{outline-offset:-3px}.stats-grid{border-top:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.stat-card{background:#fff;align-content:center;gap:5px;min-height:85px;padding:14px 18px;display:grid}.stat-card span{color:var(--muted);font-size:11px}.stat-card strong{color:var(--green);letter-spacing:-.5px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:21px}.tool-privacy{color:#758178;text-align:center;margin:13px 0 0;font-size:11px}.tool-ad-wrap{margin-top:30px}.tool-guide{border-top:1px solid var(--line);margin-top:32px;padding-top:25px}.tool-guide h2:not(:first-child){margin-top:22px}.tool-guide ol{gap:7px;padding-left:21px;display:grid}.tool-guide p{margin-bottom:12px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}:root[data-theme=dark] body{background:var(--paper)}:root[data-theme=dark] .brand-light,:root[data-theme=dark] .header-nav,:root[data-theme=dark] .hero-copy>.eyebrow,:root[data-theme=dark] .privacy-note,:root[data-theme=dark] .art-result,:root[data-theme=dark] .art-badge,:root[data-theme=dark] .breadcrumbs,:root[data-theme=dark] .tool-benefits span,:root[data-theme=dark] .directory-nav-label,:root[data-theme=dark] .directory-category,:root[data-theme=dark] .directory-count,:root[data-theme=dark] .directory-search-icon,:root[data-theme=dark] .calculation-option,:root[data-theme=dark] .number-field,:root[data-theme=dark] .calculator-result-label,:root[data-theme=dark] .calculator-result-detail,:root[data-theme=dark] .loan-result-breakdown p,:root[data-theme=dark] .calculator-hint,:root[data-theme=dark] .calculator-privacy,:root[data-theme=dark] .counter-toolbar>span,:root[data-theme=dark] .text-diff-summary,:root[data-theme=dark] .text-diff-limit,:root[data-theme=dark] .color-output-label{color:var(--muted)}:root[data-theme=dark] .hero{border-color:var(--line);background:radial-gradient(at 82% 40%,#294335 0,#0000 38%),linear-gradient(130deg,#1c2922 0%,#202923 55%,#1a2b22 100%)}:root[data-theme=dark] .status-dot{box-shadow:0 0 0 4px #314a39}:root[data-theme=dark] .home-guide,:root[data-theme=dark] .about-section,:root[data-theme=dark] .directory-sidebar,:root[data-theme=dark] .directory-tool-card,:root[data-theme=dark] .directory-empty,:root[data-theme=dark] .counter-panel,:root[data-theme=dark] .audio-recorder-result,:root[data-theme=dark] .audio-recorder .calculator-privacy,:root[data-theme=dark] .calculator-panel,:root[data-theme=dark] .art-card,:root[data-theme=dark] .art-badge,:root[data-theme=dark] .header-nav .nav-cta,:root[data-theme=dark] .number-field input,:root[data-theme=dark] .number-field select,:root[data-theme=dark] .counter-input,:root[data-theme=dark] .directory-search{border-color:var(--line);background-color:var(--white);color:var(--ink)}:root[data-theme=dark] .home-guide,:root[data-theme=dark] .about-section,:root[data-theme=dark] .directory-sidebar,:root[data-theme=dark] .directory-tool-card,:root[data-theme=dark] .counter-panel,:root[data-theme=dark] .calculator-panel{box-shadow:0 9px 30px #0000003d}:root[data-theme=dark] .art-line{background:#344139}:root[data-theme=dark] .art-card-top span{background:#52655a}:root[data-theme=dark] .directory-category:hover,:root[data-theme=dark] .directory-count,:root[data-theme=dark] .category-status{background:#29332d}:root[data-theme=dark] .directory-category.is-active,:root[data-theme=dark] .directory-mobile-nav .directory-category.is-active,:root[data-theme=dark] .tool-icon,:root[data-theme=dark] .directory-category.is-active .directory-count,:root[data-theme=dark] .line-sorter-options,:root[data-theme=dark] .calculation-options,:root[data-theme=dark] .calculator-result,:root[data-theme=dark] .color-converter-result,:root[data-theme=dark] .text-diff-results,:root[data-theme=dark] .unit-swap,:root[data-theme=dark] .art-result,:root[data-theme=dark] .about-icon,:root[data-theme=dark] .tool-benefits span,:root[data-theme=dark] .stat-card{background-color:#29382f}:root[data-theme=dark] .tool-benefits span{border-color:var(--line)}:root[data-theme=dark] .calculator-inputs,:root[data-theme=dark] .bmi-calculator-inputs,:root[data-theme=dark] .compound-interest-inputs,:root[data-theme=dark] .discount-calculator-inputs,:root[data-theme=dark] .electricity-cost-inputs,:root[data-theme=dark] .simple-interest-inputs,:root[data-theme=dark] .sales-tax-inputs,:root[data-theme=dark] .tip-calculator-inputs,:root[data-theme=dark] .fuel-cost-inputs,:root[data-theme=dark] .line-sorter-options,:root[data-theme=dark] .length-converter-inputs,:root[data-theme=dark] .color-converter-inputs,:root[data-theme=dark] .password-generator-inputs,:root[data-theme=dark] .text-diff-inputs{color:var(--ink)}:root[data-theme=dark] .color-swatch{border-color:#ffffff3d}:root[data-theme=dark] .color-output-row code,:root[data-theme=dark] .loan-result-breakdown strong,:root[data-theme=dark] .directory-tool-copy strong,:root[data-theme=dark] .directory-search input{color:var(--ink)}:root[data-theme=dark] .directory-search input::placeholder,:root[data-theme=dark] .counter-input::placeholder,:root[data-theme=dark] .number-field input::placeholder{color:#84948a}:root[data-theme=dark] .utility-results,:root[data-theme=dark] .tool-finder-results a,:root[data-theme=dark] .shoe-size-results>div{border-color:var(--line);background:var(--white);color:var(--ink)}:root[data-theme=dark] .text-diff-line.is-added{background:#203c2d}:root[data-theme=dark] .text-diff-line.is-added .text-diff-marker{color:#8bd0a4}:root[data-theme=dark] .text-diff-line.is-removed{background:#422b29}:root[data-theme=dark] .text-diff-line.is-removed .text-diff-marker{color:#f2a39a}:root[data-theme=dark] .calculator-error{color:#ff9c91}:root[data-theme=dark] .calculator-error,:root[data-theme=dark] .text-diff-message{background-color:#0000}:root[data-theme=dark] .statistics-result p:last-child{color:var(--muted)}:root[data-theme=dark] .directory-tool-card:hover{border-color:#648c73}:root[data-theme=dark] .button-primary,:root[data-theme=dark] .calculation-option.is-selected,:root[data-theme=dark] .brand-mark{color:#fff;background-color:#35664c}:root[data-theme=dark] .button-primary:hover{background-color:#417c5a}:root[data-theme=dark] .ad-placement{background-color:#202923}@media (max-width:850px){.hero{min-height:440px;padding:45px 40px 55px}.hero-art{flex-basis:280px;width:280px;transform:scale(.82)}}@media (min-width:851px) and (max-width:1100px){.hero{min-height:455px;padding-left:42px;padding-right:42px}.hero h1{letter-spacing:-2.8px;font-size:clamp(42px,5vw,56px)}.hero-art{flex-basis:300px;width:300px;transform:scale(.86)}}@media (max-width:620px){.short-text-overlay-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.image-tool-live-grid{grid-template-columns:minmax(0,1fr)}.image-tool-controls{padding:18px}.image-tool-controls .number-field{min-width:min(100%,180px)}.image-tool-single-preview,.image-favicon-preview{margin-left:12px;margin-right:12px}.image-tool-upload{padding-left:14px;padding-right:14px}.pdf-preview-grid{grid-template-columns:minmax(0,1fr)}.pdf-preview-controls{flex-wrap:wrap;gap:8px}.site-header,.site-footer{padding-left:20px;padding-right:20px}.site-header{min-height:72px}.header-nav{gap:14px;font-size:12px}.header-nav .nav-cta{padding:8px 12px}.hero{border-radius:20px;min-height:0;margin:0 12px;padding:40px 25px 27px;display:block}.hero h1{letter-spacing:-2.8px;font-size:clamp(40px,11vw,56px)}.hero-description{font-size:14px}.hero-art{width:100%;height:250px;margin-top:14px;transform:scale(.77)}.home-ad-wrap{margin-top:24px;padding:0 16px}.ad-placement{aspect-ratio:3.2;background-image:url(/ads/ad-placeholder-mobile.svg);background-size:100% 100%;border-radius:11px;min-height:92px}.tools-section{padding:59px 20px 55px}.home-guide{margin:0 20px 38px;padding:21px 18px}.home-guide h2,.tool-guide h2{font-size:18px}.section-heading{display:block}.section-note{margin:10px 0 0}.tools-directory{grid-template-columns:1fr;gap:15px}.directory-sidebar{display:none}.directory-content{flex-direction:column;display:flex}.directory-toolbar{gap:12px;margin-bottom:12px;display:grid}.directory-search{width:100%;min-height:44px}.directory-mobile-nav{overscroll-behavior-x:contain;scrollbar-width:thin;gap:7px;margin:0 -20px 14px;padding:2px 20px 8px;display:flex;overflow-x:auto}.directory-mobile-nav .directory-category{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:999px;flex:none;gap:7px;padding:8px 10px;font-size:11px}.directory-mobile-nav .directory-category.is-active{background:#edf5ed;border-color:#c9ddca}.directory-mobile-nav .directory-count{min-width:20px;min-height:19px;padding:0 4px;font-size:9px}.directory-tool-grid{grid-template-columns:1fr;gap:9px}.directory-tool-card{min-height:74px;padding:11px}.directory-tool-copy strong{font-size:12px}.directory-tool-copy small{font-size:10px}.about-section{gap:13px;margin:0 20px 54px;padding:21px 18px}.about-section h2{font-size:18px}.site-footer{flex-wrap:wrap;gap:12px;padding-top:20px;padding-bottom:20px}.site-footer p{order:1;width:100%}.tool-page{min-height:calc(100vh - 165px);padding:25px 18px 50px}.breadcrumbs{margin-bottom:25px}.tool-page-heading{margin-bottom:18px}.tool-page-heading>p:last-child{font-size:13px}.tool-benefits{gap:6px}.tool-benefits span{padding:6px 8px;font-size:10px}.counter-toolbar{padding:0 13px}.calculation-options{grid-template-columns:1fr;gap:7px;padding:12px}.json-formatter-actions .json-copy-button{justify-self:start}.calculation-option{text-align:left}.calculator-inputs{flex-wrap:wrap;gap:10px;padding:17px 14px}.marks-subject-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 14px}.marks-remove-button{justify-self:start;min-height:40px}.marks-result-stats{margin-left:-14px;margin-right:-14px}.bmi-calculator-inputs,.compound-interest-inputs,.discount-calculator-inputs,.electricity-cost-inputs,.simple-interest-inputs,.sales-tax-inputs,.tip-calculator-inputs,.fuel-cost-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:17px 14px}.fuel-efficiency-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.length-converter-inputs{grid-template-columns:1fr;gap:13px;padding:16px 14px}.length-value-field,.unit-select-row,.length-reset{grid-column:1}.color-converter-inputs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:16px 14px}.password-generator-inputs{gap:14px;padding:16px 14px}.text-diff-inputs{grid-template-columns:1fr;gap:12px;padding:14px}.text-diff-field .counter-input{min-height:170px}.text-diff-actions{gap:10px;padding:0 14px 16px}.text-diff-summary{padding:12px 14px}.text-diff-line{padding-left:12px;padding-right:12px}.password-character-list{grid-template-columns:1fr 1fr;gap:11px 8px;display:grid}.password-actions{gap:12px;padding:0 14px 16px}.color-value-field{grid-column:1/-1}.color-reset{justify-self:start;min-height:36px}.color-converter-result{grid-template-columns:1fr;gap:14px;padding:16px}.color-swatch{width:100%;min-height:90px}.color-output-row{grid-template-columns:40px minmax(0,1fr);gap:5px 10px}.color-output-row .text-button{grid-column:2;justify-self:start}.unit-select-row{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);gap:7px}.unit-swap{width:36px;height:36px;font-size:18px}.number-field select{padding-left:9px;padding-right:25px;font-size:12px}.number-field{flex-basis:calc(50% - 26px)}.compound-interest-reset,.bmi-calculator-reset,.age-calculator-reset,.discount-reset,.electricity-cost-reset,.simple-interest-reset,.sales-tax-reset,.tip-calculator-reset,.fuel-cost-reset{justify-self:start}.pace-calculator-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.pace-calculator-reset{justify-self:start}.duration-calculator-inputs{grid-template-columns:minmax(0,1fr);gap:14px}.duration-input-group{grid-template-columns:repeat(3,minmax(0,1fr))}.duration-operation{min-width:0}.duration-calculator-reset{justify-self:start}.calculator-operator{padding-bottom:15px}.calculator-reset{min-height:36px}.calculator-result{min-height:125px;padding:16px}.counter-actions{gap:11px}.counter-input{min-height:205px;padding:16px;font-size:13px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{min-height:75px;padding:12px 14px}.tool-ad-wrap{margin-top:24px}}@media (min-width:621px) and (max-width:700px){.tools-directory{grid-template-columns:165px minmax(0,1fr);gap:13px}.directory-tool-grid{grid-template-columns:1fr}.directory-category{gap:7px;padding-left:7px;padding-right:7px;font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
