@font-face{font-family:Inter;src:url(/fonts/Inter-Variable.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--white: #ffffff;--light-gray: #f7f8fa;--warm-stone: rgba(248, 249, 251, .96);--text: #000000;--secondary: #555a62;--muted: #8b929c;--subtle-border: rgba(9, 16, 28, .075);--ring: rgb(147 197 253 / .5);--shadow-card: rgba(0, 0, 0, .075) 0 0 0 .5px inset, rgba(0, 0, 0, .06) 0 0 0 1px, rgba(0, 0, 0, .04) 0 1px 2px, rgba(0, 0, 0, .04) 0 2px 4px;--shadow-modern: rgba(9, 16, 28, .05) 0 0 0 1px, rgba(9, 16, 28, .06) 0 18px 46px, rgba(9, 16, 28, .05) 0 58px 120px;--shadow-button: rgba(9, 16, 28, .09) 0 0 0 1px, rgba(9, 16, 28, .055) 0 8px 18px;--shadow-warm: rgba(9, 16, 28, .06) 0 10px 24px;color-scheme:light;font-family:Inter,Inter Fallback,system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100svh;margin:0;background:#fbfcfd;color:var(--text);font-family:Inter,Inter Fallback,system-ui,sans-serif;letter-spacing:.16px}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background:radial-gradient(circle at 50% 0%,rgba(235,238,243,.86),transparent 42%);mask-image:linear-gradient(to bottom,black,transparent 72%)}a,button,label{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,label:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--ring);outline-offset:3px}button,input,textarea{font:inherit}.site-header{position:sticky;top:0;z-index:20;background:#fffffff0;border-bottom:1px solid var(--subtle-border);backdrop-filter:blur(18px)}.site-header__rack{display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(1120px,calc(100% - 32px));min-height:58px;margin:0 auto}.brand{color:var(--text);font-size:18px;font-weight:760;letter-spacing:0;text-decoration:none}.top-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 14px}.top-nav a{color:var(--secondary);font-size:14px;font-weight:560;text-decoration:none}.top-nav a:hover{color:var(--text)}.home-brand-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(1120px,calc(100% - 32px));margin:0 auto;padding:24px 0 0}.tool-brand-wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;width:min(1120px,calc(100% - 32px));margin:0 auto;padding:24px 0 0}.home-brand{display:inline-flex;align-items:center;min-height:34px;color:var(--text);font-size:18px;font-weight:760;letter-spacing:0;text-decoration:none}.mobile-back{display:none;min-height:34px;align-items:center;justify-content:center;padding:0 12px;border-radius:9999px;background:var(--warm-stone);color:var(--text);box-shadow:var(--shadow-button);font-size:13px;font-weight:680;text-decoration:none}.home-hero,.tool-page{width:min(1120px,calc(100% - 32px));margin:0 auto}.home-hero{display:grid;gap:12px;padding:clamp(58px,9vw,104px) 0 38px;text-align:center;justify-items:center}.home-hero h1,.tool-page__header h1{max-width:800px;margin:0;color:var(--text);font-size:clamp(42px,7vw,82px);font-weight:330;letter-spacing:0;line-height:.98}.home-hero p,.tool-page__header p{max-width:680px;margin:0;color:var(--secondary);font-size:clamp(17px,2vw,21px);line-height:1.45}.panel-kicker,.tool-card__kicker,.mono-label{margin:0;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.home-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:18px;width:min(1040px,calc(100% - 32px));margin:0 auto 78px}.tool-card,.tool-panel{border-radius:8px;background:#fffffffa;box-shadow:var(--shadow-modern)}.tool-card{display:flex;position:relative;min-height:218px;flex-direction:column;justify-content:stretch;gap:0;padding:24px 72px 24px 24px;overflow:hidden;color:var(--text);text-decoration:none;background:linear-gradient(180deg,#fff,#fcfdfefa),#fff;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.tool-card:after{position:absolute;right:16px;bottom:18px;width:40px;height:40px;border-radius:9999px;background:#fff;box-shadow:var(--shadow-button);content:"→";display:grid;place-items:center;color:var(--text);font-size:16px;font-weight:700;opacity:.88;transition:transform .16s ease,opacity .16s ease}.tool-card:hover{transform:translateY(-4px);box-shadow:#00000013 0 0 0 .5px inset,#09101c0e 0 0 0 1px,#09101c1a 0 22px 56px,#09101c0f 0 64px 130px}.tool-card:hover:after{transform:translate(3px);opacity:1}.tool-card strong{display:flex;align-items:start;min-height:86px;margin-top:26px;color:var(--text);font-size:clamp(30px,3.4vw,42px);font-weight:360;letter-spacing:0;line-height:1.02}.tool-card span:last-child{display:block;color:inherit;max-width:430px;margin-top:auto;font-size:15px;line-height:1.48;opacity:.66}.tool-card__kicker{min-height:16px}.quality-row{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:12px;align-items:center}.quality-row label{display:grid;gap:8px;color:var(--secondary);font-size:13px;font-weight:680}.quality-row input[type=range]{width:100%;accent-color:#000000}.quality-value{display:inline-flex;min-height:40px;align-items:center;justify-content:center;border-radius:9999px;background:#fff;box-shadow:var(--shadow-button);color:var(--text);font-size:14px;font-weight:760}.tool-page{display:grid;justify-items:center;padding:56px 0 72px}.tool-page__header{display:grid;gap:10px;width:100%;margin-bottom:18px;text-align:center;justify-items:center}.tool-panel{display:grid;gap:16px;width:min(720px,100%);max-width:720px;padding:20px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(180deg,#f5f2efe6,#fff3) border-box;border:1px solid transparent}.tool-panel--wide{width:min(880px,100%);max-width:880px}.support-row{display:flex;width:min(880px,100%);justify-content:center;margin-top:18px}.support-row--top{width:auto;flex:0 0 auto;justify-content:flex-end;margin-top:0}.tool-drop{display:grid;min-height:148px;place-items:center;padding:22px;border:1px dashed rgba(0,0,0,.18);border-radius:8px;background:linear-gradient(#ffffff9e,#ffffff9e),var(--warm-stone);color:var(--text);font-size:15px;font-weight:680;text-align:center;cursor:pointer}.tool-panel.is-drag-over .tool-drop{outline:3px solid var(--ring);outline-offset:3px}.tool-status{min-height:22px;margin:0;color:var(--muted);font-size:14px;line-height:1.45}.file-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.file-list li{padding:9px 12px;border-radius:8px;background:#f6f6f6;color:var(--secondary);font-size:13px}.control-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.control-row input{min-height:42px;min-width:min(100%,260px);flex:1 1 260px;padding:0 14px;border:0;border-radius:9999px;background:#fff;color:var(--text);box-shadow:var(--shadow-button)}.pill-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:0 16px;border:0;border-radius:9999px;background:#fff;color:var(--text);box-shadow:var(--shadow-button);font-weight:620;cursor:pointer}.pill-button-dark{background:#000;color:#fff}.file-status__download{color:var(--text);font-weight:700;text-decoration:underline;text-underline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;white-space:nowrap;border:0;clip:rect(0,0,0,0)}.legal-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;width:min(1120px,calc(100% - 32px));margin:0 auto 42px;color:var(--muted);font-size:13px}.legal-footer a{color:inherit;text-decoration:underline;text-underline-offset:3px}@media(max-width:1040px){.home-tools{grid-template-columns:repeat(2,minmax(0,1fr));width:min(820px,calc(100% - 32px))}.tool-card strong{min-height:76px;font-size:clamp(28px,4vw,36px)}}@media(max-width:760px){.site-header__rack{align-items:center;flex-direction:row;padding:12px 0}.mobile-back{display:inline-flex}.top-nav{display:none}.home-tools{grid-template-columns:1fr;width:min(560px,calc(100% - 24px));gap:14px}.tool-card{min-height:188px;padding:22px 68px 22px 22px}.tool-card strong{min-height:58px;margin-top:18px}.home-brand-wrap{align-items:flex-start;width:min(560px,calc(100% - 24px));padding-top:18px}.support-row--top{transform:scale(.84);transform-origin:top right}.tool-brand-wrap{width:min(560px,calc(100% - 24px));padding-top:18px}}
