:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090e18;--panel:#111a2b;--panel2:#162238;--line:#2d3e56;--text:#ecf5ff;--muted:#a9bbd0;--blue:#75b9ff;--mint:#72e7c5;--error:#ffb3b3;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 90% -15%,#19396a 0,transparent 42%),radial-gradient(circle at -20% 25%,#12283d 0,transparent 35%),var(--bg);margin:0}a{color:var(--blue)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.wrap{width:min(1120px,100% - 40px);margin-inline:auto}.skip{background:var(--mint);color:#092015;z-index:20;padding:10px 14px;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.site-header{border-bottom:1px solid var(--line);background:#080e19b8}.header-inner{justify-content:space-between;align-items:center;gap:18px;min-height:76px;display:flex}.brand{color:var(--text);letter-spacing:.035em;align-items:center;gap:12px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.brand b{color:var(--mint)}.brand-mark{border:1px solid var(--mint);width:34px;height:34px;color:var(--mint);border-radius:10px;place-items:center;display:grid;transform:rotate(-8deg)}.header-note,.header-link{color:var(--muted);font-size:13px;text-decoration:none}.home-hero{text-align:center;max-width:850px;margin-inline:auto;padding:100px 0 92px}.eyebrow,.step,.tool-number{color:var(--mint);letter-spacing:.12em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;font-weight:700}h1,h2,h3{letter-spacing:-.045em;font-family:ui-sans-serif,system-ui,sans-serif}h1{margin:20px 0 22px;font-size:clamp(40px,6vw,76px);line-height:1.05}h1 em{color:var(--mint);font-style:normal}.home-hero>p:not(.eyebrow),.page-lead{color:var(--muted);max-width:700px;font-size:clamp(17px,1.9vw,20px);line-height:1.65}.home-hero>p:not(.eyebrow){margin-inline:auto}.home-hero h1 em{display:inline-block}.home-hero .muted{font-size:13px!important}.section-head{text-align:center;margin-bottom:24px}.section-head h2{margin:6px 0;font-size:32px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tool-card{border:1px solid var(--line);background:linear-gradient(150deg,var(--panel2),var(--panel));min-height:218px;color:var(--text);border-radius:20px;flex-direction:column;padding:25px;text-decoration:none;transition:transform .2s,border-color .2s;display:flex;position:relative}.tool-card:hover{border-color:var(--mint);transform:translateY(-4px)}.tool-card h3{margin:24px 0 8px;font-size:22px}.tool-card p{color:var(--muted);margin:0 0 20px;font-size:14px;line-height:1.55}.card-arrow{color:var(--mint);font-size:22px;position:absolute;bottom:20px;right:23px}.privacy-note{border-top:3px solid var(--mint);text-align:center;max-width:730px;margin:80px auto 110px;padding:25px 0 12px}.privacy-note h2{margin:0 0 12px;font-size:26px}.privacy-note p,.explain{color:var(--muted);line-height:1.7}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding:28px 0;font-size:13px}.page-main{padding-top:36px;padding-bottom:90px}.breadcrumbs{color:var(--muted);align-items:center;gap:11px;margin-bottom:54px;font-size:13px;display:flex}.breadcrumbs a{color:var(--muted)}.page-main h1{margin:12px 0 15px;font-size:clamp(38px,5vw,58px)}.page-lead{margin:0 0 42px}.workspace{border:1px solid var(--line);background:linear-gradient(145deg,#14243b,#101929 70%);border-radius:24px;max-width:850px;padding:clamp(20px,4vw,38px);box-shadow:0 26px 90px #0003}.workspace-heading{margin:0 0 18px}.workspace-heading h2{margin:7px 0;font-size:24px}.workspace-heading:not(:first-child){margin-top:35px}.file-picker{min-height:125px;color:var(--text);cursor:pointer;text-align:center;background:#508ac314;border:2px dashed #557391;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px;font-weight:700;display:flex}.file-picker:hover,.file-picker:focus-within{border-color:var(--mint)}.file-picker small{color:var(--muted);font-size:12px;font-weight:400}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}input[type=file]:focus-visible+.selection{outline:3px solid var(--mint)}.selection{overflow-wrap:anywhere;margin:13px 0 0}.muted{color:var(--muted)}.controls{flex-wrap:wrap;align-items:end;gap:16px;display:flex}.controls label{min-width:150px;color:var(--muted);flex-direction:column;gap:8px;font-size:13px;display:flex}.controls input:not([type=checkbox]):not([type=range]),select,textarea{color:var(--text);background:#0b1423;border:1px solid #58708e;border-radius:10px;padding:12px 14px}.controls input[type=number]{width:150px}.controls input[type=text]{width:min(100%,360px)}.controls input[type=color]{width:72px;height:46px;padding:4px!important}.controls input[type=range]{width:150px;accent-color:var(--mint)}.controls label.check{flex-direction:row;align-items:center;min-width:auto;padding:12px 0}.check input{width:18px;height:18px;accent-color:var(--mint)}.actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.button{border:1px solid #65819d;border-radius:10px;justify-content:center;align-items:center;min-height:46px;padding:11px 19px;font-weight:700;text-decoration:none;display:inline-flex}.button.primary{color:#092018;background:var(--mint);border-color:var(--mint)}.button.secondary{color:var(--text);background:0 0}.button:hover:not(:disabled){filter:brightness(1.08)}.status{min-height:24px;color:var(--muted);margin:22px 0 0}.status[data-kind=error]{color:var(--error)}.status[data-kind=success]{color:var(--mint)}.result{margin-top:16px}.result p{margin:0 0 14px}.explain{max-width:850px;margin-top:48px}.explain h2{color:var(--text);font-size:24px}.explain ul{padding-left:22px}.explain li{margin:8px 0}textarea{resize:vertical;width:100%;min-height:210px;margin-top:8px;line-height:1.6}.count-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:23px;display:grid}.count-grid>div{border:1px solid var(--line);background:#0c1728;border-radius:13px;padding:18px}.count-grid span{color:var(--muted);font-size:12px;display:block}.count-grid strong{margin-top:5px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:29px;display:block}.file-picker:has(+input[type=file]:focus-visible){outline:3px solid var(--mint);outline-offset:3px}.file-list{padding-left:24px}.file-list li{border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:10px 0}.file-actions{gap:6px;margin-left:12px;display:inline-flex}.file-actions button{min-height:36px;color:var(--text);background:0 0;border:1px solid #58708e;border-radius:7px;padding:4px 10px}[hidden]{display:none!important}@media (width<=760px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero{padding:70px 0}.count-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.wrap{width:min(100% - 30px,1120px)}.home-hero h1{font-size:clamp(34px,9vw,44px);line-height:1.14}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:174px}.tool-card h3{margin-top:14px}.header-note{display:none}.controls{grid-template-columns:1fr 1fr;display:grid}.controls label{min-width:0}.controls input[type=number]{width:100%}.controls label.check{grid-column:1/-1}.file-actions{margin:8px 0 0;display:flex}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tool-card{transition:none}.tool-card:hover{transform:none}}