@font-face{font-family:DM Sans;src:url(/fonts/DMSans-latin-ext.woff2)format("woff2");font-weight:400 600;font-style:normal;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;src:url(/fonts/DMSans-latin.woff2)format("woff2");font-weight:400 600;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}:root{--bg:#f0f2f7;--surface:#fff;--surface2:#eef0f6;--border:#0000001a;--border2:#0003;--text:#111827;--muted:#4b5563;--accent:#2563eb;--accent-dim:#2563eb14;--accent-border:#2563eb4d;--ok:#059669;--ok-bg:#05966914;--ok-border:#05966940;--err:#dc2626;--err-bg:#dc262614;--err-border:#dc262640;--warn:#d97706;--warn-bg:#d9770614;--warn-border:#d9770640;--readonly-text:#374151}[data-theme=dark]{--bg:#0f1117;--surface:#181c27;--surface2:#1e2333;--border:#ffffff14;--border2:#ffffff29;--text:#fff;--muted:#e2e8f0;--accent:#4f8ef7;--accent-dim:#4f8ef71f;--accent-border:#4f8ef759;--ok:#34d399;--ok-bg:#34d3991a;--ok-border:#34d39933;--err:#f87171;--err-bg:#f871711a;--err-border:#f8717133;--warn:#fbbf24;--warn-bg:#fbbf241a;--warn-border:#fbbf2433;--readonly-text:#d0d8e8}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;padding:1.5rem 1rem 3rem;font-family:DM Sans,system-ui,sans-serif;font-size:1rem;line-height:1.6}.wrap{max-width:80rem;margin:0 auto}header{flex-wrap:nowrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.tool-tabs{flex-wrap:wrap;gap:.375rem;margin-left:auto;display:flex}.burger-btn{background:var(--surface2);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:.375rem;flex-shrink:0;padding:.25rem .4375rem;transition:border-color .12s,color .12s;display:none}.burger-btn:hover{border-color:var(--border2);color:var(--text)}.burger-btn svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.125rem;height:1.125rem;display:block}.mobile-nav{background:var(--surface);border:1px solid var(--border);border-radius:.375rem;flex-direction:column;gap:.25rem;margin-bottom:1rem;padding:.5rem;display:none}.mobile-nav .tool-tab{text-align:left;width:100%}@media (width<=50rem){.tool-tabs{display:none}.burger-btn{margin-left:auto;display:flex}.mobile-nav{display:flex}}h1{letter-spacing:-.02em;flex-shrink:0;font-size:1.375rem;font-weight:600;line-height:1.25}h1 a{color:inherit;text-decoration:none}.h1-sub{color:var(--muted);letter-spacing:0;font-size:.9rem;font-weight:400}.theme-toggle{background:var(--surface2);border:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:.375rem;flex-shrink:0;align-items:center;gap:.25rem;padding:.25rem .5625rem;font-family:DM Sans,system-ui,sans-serif;font-size:.875rem;transition:border-color .12s,color .12s;display:flex}.theme-toggle:hover{border-color:var(--border2);color:var(--text)}.theme-toggle svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:.75rem;height:.75rem}.mode-tabs{flex-wrap:wrap;gap:.375rem;margin-bottom:1.25rem;display:flex}.mode-tab{background:var(--surface2);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:.375rem;padding:.375rem .875rem;font-family:DM Sans,system-ui,sans-serif;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s,border-color .12s}.mode-tab:hover{color:var(--text);border-color:var(--border2)}.mode-tab.active{background:var(--accent-dim);color:var(--accent);border-color:var(--accent-border)}.card{background:var(--surface);border:1px solid var(--border);border-radius:.625rem;margin-bottom:.9rem;padding:1.1rem 1.2rem}.card-title{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.4375rem;margin-bottom:.9rem;font-size:.75rem;font-weight:600;display:flex}.card-title svg{stroke:var(--accent);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:.8125rem;height:.8125rem}.enc-dec-row{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}.enc-dec-row .card{margin-bottom:0}@media (width<=50rem){.enc-dec-row{grid-template-columns:1fr}}.g2{grid-template-columns:1fr 1fr;gap:.625rem;display:grid}@media (width<=35rem){.g2{grid-template-columns:1fr}}.params-row{grid-template-columns:1fr 1fr 1fr;gap:.625rem;display:grid}@media (width<=43.75rem){.params-row{grid-template-columns:1fr}}.mb10{margin-bottom:.625rem}.mb8{margin-bottom:.5rem}label{color:var(--muted);letter-spacing:.02em;margin-bottom:.25rem;font-size:.9375rem;display:block}input[type=text],textarea{background:var(--surface2);border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;border-radius:.375rem;outline:none;padding:.5rem .6875rem;font-family:JetBrains Mono,monospace;font-size:.9375rem;transition:border-color .15s}input[type=text]:focus,textarea:focus{border-color:var(--accent-border)}input[type=password]{background:var(--surface2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:.375rem;outline:none;padding:.5rem .6875rem;font-family:JetBrains Mono,monospace;font-size:.9375rem;transition:border-color .15s}input[type=password]:focus{border-color:var(--accent-border)}@keyframes field-required{0%,to{border-color:var(--err);box-shadow:0 0 #dc262600}40%{border-color:var(--err);box-shadow:0 0 0 3px #dc262640}}.field-required{animation:.6s field-required}textarea{min-height:4.5rem;line-height:1.5}textarea[readonly]{color:var(--readonly-text);cursor:default}.seg{background:var(--surface2);border:1px solid var(--border);border-radius:.375rem;display:flex;overflow:hidden}.seg button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex:1;padding:.375rem .1875rem;font-family:DM Sans,system-ui,sans-serif;font-size:.875rem;transition:background .12s,color .12s}.seg button:hover{color:var(--text)}.seg button.active{background:var(--accent-dim);color:var(--accent);font-weight:500}.field-row{align-items:stretch;gap:.3125rem;display:flex}.field-row input{flex:1;min-width:0}.field-row.tight{gap:.375rem}.btn-icon{background:var(--surface2);border:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:.375rem;flex-shrink:0;align-items:center;gap:.25rem;padding:0 .5625rem;font-family:DM Sans,system-ui,sans-serif;font-size:.875rem;transition:border-color .12s,color .12s;display:flex}.btn-icon:hover{border-color:var(--border2);color:var(--text)}.btn-icon svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:.75rem;height:.75rem}.actions{flex-wrap:wrap;gap:.4375rem;margin-top:.625rem;display:flex}.btn-primary{background:var(--accent-dim);border:1px solid var(--accent-border);color:var(--accent);cursor:pointer;border-radius:.375rem;align-items:center;gap:.375rem;padding:.4375rem 1rem;font-family:DM Sans,system-ui,sans-serif;font-size:.9375rem;font-weight:500;transition:background .12s,border-color .12s;display:flex}.btn-primary:hover{background:var(--accent-dim);border-color:var(--accent-border);filter:brightness(.9)}.btn-primary:active{transform:scale(.98)}.btn-primary svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:.8125rem;height:.8125rem}.status{border-radius:.375rem;align-items:center;gap:.375rem;margin-top:.5625rem;padding:.375rem .6875rem;font-size:.875rem;display:none}.status.ok{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok-border);display:flex}.status.err{background:var(--err-bg);color:var(--err);border:1px solid var(--err-border);display:flex}.status.warn{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-border);display:flex}.status svg{stroke:currentColor;fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:.75rem;height:.75rem}.tool-desc{color:var(--muted);margin-bottom:1rem;font-size:.875rem;line-height:1.5}.hint{color:var(--muted);margin-top:.1875rem;font-size:.875rem;line-height:1.4}.checkbox-label{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;font-size:.875rem;display:flex}.hint-top{margin-top:.125rem}.hint-bottom{margin-bottom:.5rem}.out-block{margin-top:.5625rem}.label-note{opacity:.8;font-size:.6875rem}.footer-note{text-align:center;color:var(--muted);margin-top:.75rem;font-size:.75rem}.input-with-file{grid-template-columns:1fr auto;align-items:stretch;gap:.5rem;display:grid}@media (width<=43.75rem){.input-with-file{grid-template-columns:1fr}}.input-with-file>div{flex-direction:column;display:flex}.input-with-file textarea{flex:1;min-height:5.75rem}.drop-zone{background:var(--surface2);border:1px dashed var(--border2);cursor:pointer;height:100%;min-height:5.75rem;color:var(--muted);text-align:center;border-radius:.375rem;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.3125rem;width:10rem;padding:.625rem .875rem;font-size:.71875rem;transition:border-color .15s,background .15s;display:flex}@media (width<=43.75rem){.drop-zone{width:100%;min-height:3.25rem}}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--accent-border);background:var(--accent-dim);color:var(--accent)}.drop-zone.has-file{border-style:solid;border-color:var(--ok-border);background:var(--ok-bg);color:var(--ok)}.drop-zone.file-error{border-style:solid;border-color:var(--err-border);background:var(--err-bg);color:var(--err)}.drop-zone svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:1.125rem;height:1.125rem}.drop-zone .drop-filename{word-break:break-all;opacity:.85;max-width:8.125rem;font-size:.65625rem}.drop-zone input[type=file]{display:none}.drop-zone-full{width:100%;min-height:7rem}.drop-zone-full .drop-filename{max-width:100%}.dataurl-output{word-break:break-all;resize:vertical;min-height:5rem;font-family:JetBrains Mono,monospace;font-size:.6875rem}.dataurl-preview{margin-top:.75rem}.dataurl-preview label{margin-bottom:.375rem;display:block}.dataurl-preview img{border:1px solid var(--border);border-radius:.375rem;max-width:100%;max-height:16rem;display:block}.badge-warn{color:var(--warn);background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:.375rem;align-items:center;gap:.3125rem;margin-top:.375rem;padding:.1875rem .5625rem;font-size:.6875rem;display:inline-flex}.badge-warn svg{stroke:currentColor;fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:.6875rem;height:.6875rem}.enc-badge{color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent-border);vertical-align:middle;letter-spacing:.03em;border-radius:.25rem;margin-left:.375rem;padding:.0625rem .375rem;font-size:.625rem;font-weight:500;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.spin{transform-origin:50%;animation:.8s linear infinite spin}.field-label-row{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.field-label-row label{margin:0}.btn-group{gap:.25rem;display:flex}.input-narrow{flex:none;width:3.75rem}.custom-row{margin-top:.3125rem}.kdf-pass{flex:1}.opt-gcm,.opt-cbc,.opt-ecb,.opt-ctr{display:none}.pem-textarea{min-height:6.875rem;font-size:.6875rem}.inspect-table{border-collapse:collapse;width:100%;margin-top:.75rem;font-size:.875rem}.inspect-table td{vertical-align:top;border-bottom:1px solid var(--border);padding:.3125rem .5rem}.inspect-table .inspect-label{color:var(--muted);white-space:nowrap;width:11rem;font-family:DM Sans,system-ui,sans-serif}.inspect-table .inspect-value{color:var(--text);word-break:break-all;font-family:JetBrains Mono,monospace}.inspect-table .inspect-value svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.1em;width:.875rem;height:.875rem;margin-right:.3rem}.inspect-table .inspect-row-ok .inspect-value{color:var(--ok)}.inspect-table .inspect-row-err .inspect-value{color:var(--err)}.rsa-keys-grid{margin-top:.625rem}.rsa-key-status{margin-bottom:.625rem}.pkcs7-cert-card{border:.0625rem solid var(--border);border-radius:.5rem;margin-top:.75rem;padding:.75rem}.pkcs7-cert-title{color:var(--accent);margin-bottom:.5rem;font-size:.9rem;font-weight:600}.pkcs7-result{margin-top:.75rem}.pkcs7-signer{border:.0625rem solid var(--border);border-radius:.5rem;margin-bottom:.75rem;padding:.75rem}.pkcs7-signer.signer-ok{border-color:var(--ok)}.pkcs7-signer.signer-err{border-color:var(--err)}.pkcs7-signer-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.pkcs7-signer-header svg{flex-shrink:0;width:1rem;height:1rem}.pkcs7-signer-subject{flex:1;font-size:.875rem;font-weight:600}.pkcs7-signer-alg{color:var(--muted);font-size:.75rem}