:root{color:#18212f;background:#f7f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}.site-footer{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:0 24px 32px;color:#667085;font-size:.95rem}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:#162033}.home-shell,.page-shell{min-height:100vh;padding:48px 24px}.home-shell{width:min(1180px,100%);margin:0 auto}.home-hero{display:grid;gap:24px;padding:16px 0 36px}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:40px;align-items:center;width:min(1120px,100%);min-height:calc(100vh - 96px);margin:0 auto}.eyebrow{margin:0 0 16px;color:#267163;font-size:.875rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.brand-mark{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;gap:10px;margin-bottom:18px;color:#162033;font-size:1rem;font-weight:800;text-decoration:none}.brand-mark img{width:40px;height:40px;border-radius:8px;-o-object-fit:cover;object-fit:cover}h1{max-width:760px;margin:0;color:#111827;font-size:clamp(3rem,8vw,5.75rem);line-height:.95;letter-spacing:0}.lede{max-width:620px;margin:28px 0 0;color:#455365;font-size:1.25rem;line-height:1.7}.tool-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.tool-group{display:grid;gap:12px;padding:16px;border:1px solid #d7dde7;border-radius:8px;background:#fff;box-shadow:0 16px 40px #0f172a0f}.tool-group-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #e5eaf1}.tool-group-header span{color:#162033;font-weight:800}.tool-group-header strong{display:inline-flex;min-width:28px;height:28px;align-items:center;justify-content:center;border-radius:999px;background:#e8f1ee;color:#267163;font-size:.875rem}.tool-grid{display:grid;gap:10px}.status-panel{display:grid;gap:16px;padding:24px;border:1px solid #d7dde7;border-radius:8px;background:#fff;box-shadow:0 20px 60px #0f172a14}.status-panel div,.tool-link{display:grid;gap:6px;padding:18px;border-radius:6px;background:#f4f7f6;color:inherit;text-decoration:none}.tool-link:hover{background:#e8f1ee;transform:translateY(-1px)}.status-panel span{color:#667085;font-size:.875rem}.status-panel strong{overflow-wrap:anywhere;color:#162033;font-size:1rem}.tool-page{width:min(960px,100%)}.legal-page,.tool-page{min-height:100vh;margin:0 auto;padding:40px 24px}.legal-page{width:min(900px,100%)}.legal-document{display:grid;gap:24px;padding-top:12px}.legal-document h1{font-size:clamp(2.75rem,7vw,5rem)}.legal-document h2{margin:0 0 10px;color:#162033;font-size:1.25rem}.legal-document li,.legal-document p{color:#455365;font-size:1rem;line-height:1.75}.legal-document p{margin:0}.legal-document ul{margin:0;padding-left:22px}.legal-updated{color:#667085;font-weight:700}.tool-header{display:grid;gap:28px;margin-bottom:36px}.tool-header h1{font-size:clamp(2.75rem,7vw,5rem)}.tool-workspace{display:grid;gap:20px}.download-form{display:grid;gap:12px}.download-form label{color:#344054;font-weight:700}.input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}input,select{min-height:48px;padding:0 14px}input,select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#111827;font:inherit}textarea{min-height:144px;padding:14px;line-height:1.5;resize:vertical}input[type=file]{padding:11px 14px}input[type=range]{min-height:32px;padding:0}.download-link,button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 18px;border:1px solid #111827;border-radius:6px;background:#111827;color:#fff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.result-panel{gap:14px;padding:20px}.file-summary,.result-panel{display:grid;border:1px solid #d7dde7;border-radius:8px;background:#fff}.file-summary{gap:4px;padding:14px 16px}.file-summary span{color:#667085;font-size:.875rem}.file-summary strong{overflow-wrap:anywhere;color:#162033}.result-panel div{display:grid;gap:4px}.result-panel span{color:#667085;font-size:.875rem}.result-panel strong{overflow-wrap:anywhere;color:#162033}.download-link{width:-moz-fit-content;width:fit-content;margin-top:4px}.error-message{margin:0;color:#b42318;font-weight:700}.success-message{margin:0;color:#267163;font-weight:700}.segmented-control{display:inline-grid;width:-moz-fit-content;width:fit-content;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border:1px solid #d7dde7;border-radius:8px;background:#fff}.wide-segmented-control{grid-template-columns:repeat(5,minmax(0,1fr))}.json-segmented-control{grid-template-columns:repeat(6,minmax(0,1fr))}.segmented-control button{min-height:40px;border-color:transparent;background:transparent;color:#344054}.segmented-control button.active{border-color:#111827;background:#111827;color:#fff}.preview-panel{overflow:hidden;border:1px solid #d7dde7;border-radius:8px;background:#fff}.preview-panel img{display:block;width:100%;max-height:420px;-o-object-fit:contain;object-fit:contain}.action-row{display:flex;flex-wrap:wrap;gap:12px}.favicon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:12px}.favicon-preview{display:grid;gap:8px;place-items:center;padding:14px;border:1px solid #d7dde7;border-radius:8px;background:linear-gradient(45deg,#eef2f7 25%,transparent 0),linear-gradient(-45deg,#eef2f7 25%,transparent 0),linear-gradient(45deg,transparent 75%,#eef2f7 0),linear-gradient(-45deg,transparent 75%,#eef2f7 0);background-color:#fff;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.favicon-preview img{width:64px;height:64px;-o-object-fit:contain;object-fit:contain}.favicon-preview span{color:#344054;font-size:.875rem;font-weight:700}.option-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.45fr) auto;gap:14px;align-items:end}.aes-option-grid,.password-options-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.password-item,.password-list{display:grid;gap:10px}.password-item{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:10px;border:1px solid #d7dde7;border-radius:8px;background:#f7f8fb}.password-item code{overflow-wrap:anywhere;color:#111827;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.95rem}.password-item button{min-height:40px}.field-control{display:grid}.checkbox-control,.field-control{gap:8px;color:#344054;font-weight:700}.checkbox-control{display:inline-flex;min-height:48px;align-items:center}.checkbox-control input{width:18px;min-height:18px}@media(max-width:760px){.home-shell,.page-shell{padding:32px 18px}.hero{grid-template-columns:1fr;gap:28px;align-content:center}h1{font-size:3.5rem}.lede{font-size:1.0625rem}.input-row,.option-grid,.password-item,.password-options-grid,.tool-catalog{grid-template-columns:1fr}.download-link,.segmented-control,button{width:100%}.segmented-control button{padding:0 10px}.action-row{display:grid}}
