.dh,.dh__form{gap:18px;min-width:0;display:grid}.dh__intro h2{letter-spacing:-.025em;margin:0 0 6px;font-size:clamp(28px,4vw,36px)}.dh__intro p,.dh__help{color:var(--muted);margin:0;line-height:1.55}.dh__notice{border-left:3px solid var(--accent);background:var(--surface);color:var(--text);border-radius:0 8px 8px 0;margin:0;padding:14px 16px;line-height:1.6}.dh__preset-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.dh .button-group{flex-wrap:wrap;gap:8px;display:flex}.dh__fields,.dh__parties{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-width:0;display:grid}.dh__panel-body,.dh__party{padding:20px}.dh__party{border:1px solid var(--border);background:var(--panel);border-radius:10px;min-width:0;margin:0}.dh__party legend{color:var(--text);padding:0 8px;font-weight:650}.dh__field{align-content:start;gap:6px;min-width:0;display:grid}.dh__field label{font-size:13px;font-weight:650}.dh__field input{border:1px solid var(--control-border);background:var(--panel);width:100%;min-width:0;min-height:44px;color:var(--text);border-radius:7px;padding:9px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.dh__field input[aria-invalid=true]{border-color:var(--danger)}.dh__field .dh__help,.dh__field-error{margin:0;font-size:12px;line-height:1.55}.dh__field-error{color:var(--danger)}.dh__actions .button{white-space:normal;min-height:44px;margin:0}.dh__feedback:empty{display:none}.dh__message{background:var(--surface);color:var(--muted);overflow-wrap:anywhere;border-radius:8px;margin:0;padding:12px 16px;line-height:1.55}.dh__message--error{background:var(--danger-surface);color:var(--danger)}.dh__message--success{background:var(--success-surface);color:var(--success)}.dh__result,.dh__result-body,.dh__result-values,.dh__exchange-steps{gap:12px;min-width:0;display:grid}.dh__result-heading h2{margin:0 0 6px;font-size:20px}.dh__result-grid{grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr);gap:16px;display:grid}.dh__result-card{min-width:0}.dh__result-body{padding:16px}.dh__result-values{margin:0}.dh__result-value{border-left:3px solid var(--focus);background:var(--surface);border-radius:0 7px 7px 0;padding:12px}.dh__result-value--shared{border-left-color:var(--success)}.dh__result-value dt{color:var(--muted);margin-bottom:8px;font-size:12px}.dh__result-value dd{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0;display:flex}.dh__value{color:var(--text);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font:650 24px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.dh__result-value .button{min-height:44px}.dh__formula{overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.7}.dh__exchange{align-self:center;min-width:0}.dh__exchange h3{margin:0 0 12px;font-size:14px}.dh__exchange-steps{margin:0 0 12px;padding:0;list-style:none}.dh__exchange-steps li{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:6px;padding:12px;display:grid}.dh__exchange-steps strong{color:var(--focus)}.dh__exchange-steps small,.dh__exchange>.dh__help{color:var(--muted);font-size:12px;line-height:1.55}@media (width<=800px){.dh__result-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.dh__fields,.dh__parties{grid-template-columns:minmax(0,1fr)}.dh__panel-body,.dh__party{padding:16px}.dh__actions .button{width:100%}}.dh__analysis,.dh__analysis-body,.dh__trace,.dh__trace-body{min-width:0}.dh__analysis-body{gap:12px;padding:16px;display:grid}.dh__analysis h3{margin:8px 0 0;font-size:15px}.dh__calculations{gap:12px;margin:0;padding-left:24px;display:grid}.dh__trace{border:1px solid var(--border);border-radius:8px}.dh__trace summary{cursor:pointer;min-height:44px;color:var(--text);overflow-wrap:anywhere;padding:12px;font-weight:650}.dh__trace-body{gap:10px;padding:0 12px 12px;display:grid}.dh__trace-scroll{max-width:100%;overflow-x:auto}.dh__trace summary:focus-visible,.dh__trace-scroll:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.dh__trace table{border-collapse:collapse;width:100%;font:12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.dh__trace caption{text-align:left;padding:10px 0;line-height:1.7}.dh__trace th,.dh__trace td{border-bottom:1px solid var(--border);text-align:right;white-space:nowrap;padding:10px}.dh__trace thead{background:var(--surface);color:var(--muted)}.dh__trace--compact .dh__trace-body{min-width:0;padding:0 16px 16px}.dh__trace--compact table{table-layout:auto;font-variant-numeric:tabular-nums;font-family:inherit;font-size:13px}.dh__trace--compact caption{overflow-wrap:anywhere}.dh__trace--compact th,.dh__trace--compact td{white-space:nowrap;text-align:left;padding:8px 10px}.dh__trace--compact th{color:var(--muted);font-weight:650}.dh__trace--compact thead{background:0 0}.dh__trace--compact .dh__trace-row--hit{background:var(--success-surface)}.dh__trace-formula{overflow-wrap:anywhere;margin:0 0 12px;font-size:14px;line-height:1.6}.dh__trace-cards{display:none}@media (width>=601px){.dh__trace-formula{color:var(--muted);margin-bottom:7px;font-size:12px}}.dh__practice>.dh__parties{grid-template-columns:minmax(0,1fr)}.dh__practice,.dh__caesar{border-top:1px solid var(--border);gap:18px;min-width:0;padding-top:24px;display:grid}.dh__section-heading h2{letter-spacing:-.02em;margin:0 0 6px;font-size:24px}.dh__practice h3,.dh__caesar h3{margin:0;font-size:16px}.dh__practice-body,.dh__key-source{gap:14px;min-width:0;padding:20px;display:grid}.dh__practice-actions{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.dh .dh__side-selector{grid-template-columns:repeat(2,minmax(0,1fr));min-width:160px;display:grid}.dh .dh__side-selector button{min-height:44px;font:inherit;cursor:pointer;padding:10px 16px;font-size:14px;font-weight:650}.dh .dh__key-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dh__key-actions>.button{min-width:0;min-height:44px;margin-top:0;padding:10px 16px;font-size:14px;line-height:1.4}.dh__bits{color:var(--muted);gap:6px;font-size:13px;display:grid}.dh__bits select{border:1px solid var(--control-border);min-height:40px;color:var(--text);background:var(--panel);font:inherit;border-radius:7px;padding:8px 12px}.dh__parameter-result{border-top:1px solid var(--border);gap:10px;padding-top:14px;display:grid}.dh__parameter-result p{margin:0}.dh__checks{color:var(--muted);overflow-wrap:anywhere;margin:0;padding-left:20px;line-height:1.7}.dh__practice-result .stats-list{min-height:0;margin:0;padding:0}.dh__practice-result{align-self:start}.dh__practice-result .stats-list dd,.dh__caesar .stats-list dd{overflow-wrap:anywhere}.dh__caesar .cipher-output-panel,.dh__caesar .workspace__input-column{min-width:0}.dh__caesar{display:block}.dh__caesar>.dh__section-heading{margin-bottom:18px}.dh__caesar>.helper-row>.button{white-space:nowrap;flex-shrink:0}.dh__caesar-analysis-notes{gap:8px;display:grid}@media (width<=600px){.dh__trace--compact table{display:none}.dh__trace-cards{gap:12px;display:grid}.dh__trace-step{border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:12px}.dh__trace-step:nth-child(2n){background:var(--surface)}.dh__trace-step--last{border-color:var(--success)}.dh__trace-step h4{margin:0 0 8px;font-size:14px}.dh__trace-step dl{gap:8px;margin:0;font-size:14px;line-height:1.6;display:grid}.dh__trace-step dl>div{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:12px;display:grid}.dh__trace-step dt{color:var(--muted)}.dh__trace-step dd{text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0}.dh__trace-step-result{border-top:1px solid var(--border);padding-top:8px;font-weight:700}.dh__trace-step-result dd{color:var(--accent)}.dh__trace-step--last .dh__trace-step-result dd{color:var(--success)}.dh__practice>.dh__preset-bar>.dh__side-selector,.dh__practice>.dh__preset-bar>.dh__key-actions{width:100%}.dh__practice-body,.dh__key-source{padding:16px}.dh__practice-actions{align-items:stretch}.dh__practice-actions>.button{flex:100%}}.rsa{gap:18px;min-width:0;display:grid}.rsa__intro{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.rsa__intro h2{letter-spacing:-.025em;margin:0 0 6px;font-size:clamp(28px,4vw,36px)}.rsa__intro p{max-width:680px;color:var(--muted);margin:0;line-height:1.55}.rsa__flow{border:1px solid var(--border);background:var(--panel);border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.rsa__flow li{border-left:1px solid var(--border);min-width:0;padding:15px 18px 15px 22px;position:relative}.rsa__flow li:first-child{border-left:0}.rsa__flow li:not(:last-child):after{z-index:1;border-top:1px solid var(--border);border-right:1px solid var(--border);background:var(--panel);content:"";width:13px;height:13px;position:absolute;top:calc(50% - 7px);right:-7px;transform:rotate(45deg)}.rsa__flow strong,.rsa__flow span{display:block}.rsa__flow strong{margin-bottom:3px;font-size:14px}.rsa__flow span{color:var(--muted);font-size:12px;line-height:1.4}.rsa__section{min-width:0}.rsa__section .panel__header{flex-wrap:wrap}.rsa__section .panel__header h2{font-size:14px}.rsa__section .panel__header code{color:var(--muted);font-size:12px}.rsa__section-body{justify-items:start;gap:14px;padding:20px;display:grid}.rsa__section-body>*{min-width:0;max-width:100%}.rsa__help{max-width:75ch;color:var(--muted);margin:0;line-height:1.55}.rsa__presets{flex-wrap:wrap;gap:8px;display:flex}.rsa__presets [aria-pressed=true]{border-color:var(--focus);box-shadow:inset 0 0 0 1px var(--focus)}.rsa__fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;display:grid}.rsa__field{min-width:0;color:var(--text);align-content:start;gap:6px;font-size:13px;font-weight:650;display:grid}.rsa__field input,.rsa__field textarea{border:1px solid var(--control-border);background:var(--panel);width:100%;min-height:42px;color:var(--text);border-radius:7px;padding:9px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:400}.rsa__field textarea{resize:vertical;min-height:92px;line-height:1.5}.rsa__field [aria-invalid=true]{border-color:var(--danger)}.rsa__field small{color:var(--danger);font-size:12px;font-weight:500}.rsa__field--text{width:100%}.rsa__action-line{flex-wrap:wrap;align-items:end;gap:12px;width:100%;display:flex}.rsa__action-line .rsa__field{flex:180px;max-width:320px}.rsa__message{background:var(--surface);color:var(--muted);overflow-wrap:anywhere;border-radius:7px;margin:0;padding:10px 12px;line-height:1.5}.rsa__message--pending{border:1px dashed var(--control-border)}.rsa__message--success{background:var(--success-surface);color:var(--success)}.rsa__message--error{background:var(--danger-surface);color:var(--danger)}.rsa__facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin:2px 0 0;display:grid}.rsa__facts--three{grid-template-columns:repeat(3,minmax(0,1fr))}.rsa__facts div{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0;padding:12px 14px}.rsa__facts dt{color:var(--muted);margin-bottom:5px;font-size:12px}.rsa__facts dd{overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:16px;font-weight:650}.rsa__facts .rsa__fact--public{border-left:3px solid var(--focus)}.rsa__facts .rsa__fact--private{border-left:3px solid var(--accent)}.rsa__details{border-top:1px solid var(--border);width:100%;padding-top:12px}.rsa__details summary{width:fit-content;color:var(--text);cursor:pointer;font-weight:650}.rsa__details summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.rsa__trace{border:1px solid var(--border);border-radius:8px;min-width:0;padding-top:0}.rsa__trace summary{overflow-wrap:anywhere;width:auto;min-height:44px;padding:12px}.rsa__trace .rsa__table-wrap{margin-top:0;padding:0 12px 12px}.rsa__table-wrap{width:100%;margin-top:10px;overflow-x:auto}.rsa__table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.rsa__table caption{color:var(--muted);text-align:left;padding:0 0 7px;font-size:12px}.rsa__table th,.rsa__table td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:8px 10px}.rsa__table th{color:var(--muted);font-weight:650}.rsa__table-row--hit{background:var(--success-surface)}.rsa__table-row--error{background:var(--danger-surface)}.rsa__explanation{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.rsa__explanation>div{border-left:3px solid var(--accent);background:var(--surface);border-radius:0 8px 8px 0;min-width:0;padding:20px 22px}.rsa__explanation h2{margin:0 0 12px;font-size:16px}.rsa__explanation p{color:var(--muted);margin:0;line-height:1.75}.rsa__explanation p+p{margin-top:12px}@media (width<=800px){.rsa__flow{grid-template-columns:repeat(2,minmax(0,1fr))}.rsa__flow li:nth-child(3){border-left:0;border-top:1px solid var(--border)}.rsa__flow li:nth-child(4){border-top:1px solid var(--border)}.rsa__flow li:nth-child(2):after{display:none}}@media (width<=600px){.rsa__intro{gap:10px;display:grid}.rsa__flow,.rsa__fields,.rsa__facts,.rsa__facts--three,.rsa__explanation{grid-template-columns:minmax(0,1fr)}.rsa__flow li{border-left:0;border-top:1px solid var(--border)}.rsa__flow li:first-child{border-top:0}.rsa__flow li:after{display:none}.rsa__section-body{padding:16px}}.rsa__section-body>.mode-section,.rsa__key-form{width:100%}.rsa__key-form{justify-items:start;gap:14px;min-width:0;display:grid}.rsa .button-group{flex-wrap:wrap;gap:8px;display:flex}.rsa__section-body .status{width:100%}.rsa__flow{margin-top:12px}.rsa__field textarea[readonly]{background:var(--surface)}.rsa__section-body>.mode-section{margin-bottom:4px}.rsa__mode-help{gap:4px;margin-bottom:4px;line-height:1.75;display:grid}.rsa__tabs{border-bottom:1px solid var(--border);gap:4px;display:flex}.rsa__tabs button{min-height:46px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:10px 18px;font-weight:650}.rsa__tabs [aria-selected=true]{border-bottom-color:var(--accent);color:var(--text)}.rsa__tabs button:focus-visible,.rsa__signature-modes button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.rsa__encryption-panel:not([hidden]){gap:18px;min-width:0;display:grid}.rsa__demo-label{border:1px dashed var(--control-border);color:var(--muted);border-radius:5px;padding:4px 9px;font-size:12px}.rsa__demo-note{border-left:3px solid var(--focus);background:var(--surface);width:100%;padding:14px}.rsa__demo-note p{max-width:75ch;color:var(--muted);margin:6px 0 12px;line-height:1.55}.rsa__signature-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.rsa__signature-result{gap:14px;width:100%;display:grid}.rsa__signature-result:empty{display:none}.rsa__signature-result .rsa__message strong,.rsa__signature-result .rsa__message span{display:block}.rsa__message--invalid{border-left:3px solid var(--accent);background:var(--surface);color:var(--text)}.rsa__signature-steps{overflow-wrap:anywhere;gap:8px;margin:14px 0 0;padding-left:24px;line-height:1.6;display:grid}.rsa__signature-details{border:1px solid var(--border);border-radius:12px;min-width:0;padding:14px}.rsa__signature-details summary{overflow-wrap:anywhere;width:auto}.rsa__signature-result+.rsa__details h2:not(:first-child){margin-top:20px}@media (width<=600px){.rsa__signature-fields{grid-template-columns:minmax(0,1fr)}.rsa__tabs button{flex:1;padding-inline:12px}}.rsa__transform-panel{width:100%}.rsa__transform-panel>.rsa__field{padding:14px}.rsa__transform-panel>.button-group{padding:0 14px 14px}.rsa__transform-panel>.status{margin:0}.rsa__signature-input,.rsa__signature-outcome{width:100%}.rsa__signature-fields{grid-template-columns:minmax(0,1fr);padding:14px}.rsa__signature-outcome .rsa__facts{grid-template-columns:minmax(0,1fr);margin:0;padding:14px}.rsa__signature-detail{padding:14px}.rsa__signature-input>.status,.rsa__signature-outcome>.status{margin:0}.rsa__signature-fields>div{gap:10px;min-width:0;display:grid}.rsa__toolbar{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.rsa__toolbar>.rsa__tabs{min-width:0;margin:0}.rsa__toolbar-actions{flex-shrink:0}@media (width<=600px){.rsa__toolbar{flex-direction:column;align-items:stretch;gap:12px}.rsa__toolbar>.rsa__tabs{width:100%}}@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow/BarlowCondensed-Bold.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow/Barlow-Medium.ttf)format("truetype");font-style:normal;font-weight:500;font-display:swap}:root{color:var(--text);background:var(--canvas);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--canvas:#f3f6f8;--background-dot:#cad4de;--background-hex:#94a8b9;--panel:#fff;--text:#18181b;--control-text:#3f3f46;--border:#e4e4e7;--control-border:#d4d4d8;--control-hover-border:#a1a1aa;--muted:#71717a;--muted-faint:#a1a1aa;--surface:#f8fafc;--badge-surface:#f4f4f5;--solid:#18181b;--solid-text:#fff;--accent:#e6005c;--accent-soft:#ffe2ec;--success:#087f5b;--success-surface:#ebfbee;--success-border:#b2f2bb;--danger:#c92a2a;--danger-surface:#fff5f5;--danger-border:#ffc9c9;--focus:#00a3d7;--focus-surface:#effbff;--syntax-upper:#fb015b;--syntax-lower:#d63aff;--syntax-other:#00a3d7;--toast-shadow:#00000024;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#141821;--background-dot:#354253;--background-hex:#607890;--panel:#1b202b;--text:#f3f5f7;--control-text:#dfe3e8;--border:#343b49;--control-border:#454d5e;--control-hover-border:#667085;--muted:#aeb6c4;--muted-faint:#818a9a;--surface:#232a37;--badge-surface:#2b3240;--solid:#f3f5f7;--solid-text:#141821;--accent:#ff4f91;--accent-soft:#462238;--success:#68d391;--success-surface:#173328;--success-border:#2f6e52;--danger:#ff8a8a;--danger-surface:#3a2024;--danger-border:#7a3941;--focus:#4cc9f0;--focus-surface:#17313a;--syntax-upper:#ff6b9c;--syntax-lower:#d98cff;--syntax-other:#53d7ff;--toast-shadow:#00000073}*{box-sizing:border-box}body{background:var(--canvas);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}body,button,input,textarea,.nav,.panel,.panel__header,.file-picker,.key-stream pre,.alphabet-cell,.notice{transition:background-color .14s,border-color .14s,color .14s,box-shadow .14s}.nav{z-index:1;border-bottom:1px solid var(--border);background:var(--canvas);position:relative}.nav__inner{justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);height:64px;margin:auto;display:flex}.logo{color:inherit;font-size:24px;text-decoration:none}.brand-name{white-space:nowrap;letter-spacing:-.015em;align-items:baseline;gap:.3em;font-family:Barlow,sans-serif;font-weight:500;display:inline-flex}.brand-name__cipher{letter-spacing:.015em;text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-weight:700}.brand-lockup{align-items:center;gap:10px;display:inline-flex}.cipher-mark{flex:none;width:36px;height:36px;overflow:visible}.hero .cipher-mark{width:46px;height:46px}.cipher-mark__outer,.cipher-mark__inner{transform-origin:32px 32px}.cipher-mark__outer{animation:12s linear infinite cipher-ring-turn}.cipher-mark__inner{animation:18s linear infinite reverse cipher-ring-turn}.cipher-mark--busy .cipher-mark__outer{animation:5s linear infinite cipher-ring-turn}.cipher-mark--busy .cipher-mark__inner{animation:7s linear infinite reverse cipher-ring-turn}@keyframes cipher-ring-turn{to{transform:rotate(360deg)}}@media (width<=420px){.logo .brand-name{gap:1px;font-size:18px;line-height:1.05;display:grid}.logo .cipher-mark{width:32px;height:32px}.hero .cipher-mark{width:36px;height:36px}.hero h1.brand-lockup{font-size:26px}}.nav__actions{align-items:center;gap:14px;display:flex}.theme-toggle,.refresh-button{border:1px solid var(--control-border);background:var(--panel);color:var(--control-text);border-radius:7px;justify-content:center;align-items:center;gap:6px;display:inline-flex}.theme-toggle{width:34px;height:34px;padding:0}.theme-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:18px;height:18px}.refresh-button{padding:7px 11px;font-size:13px;font-weight:650}.theme-toggle:hover,.refresh-button:hover{background:var(--surface);border-color:var(--control-hover-border)}.page{z-index:1;width:min(1180px,100% - 40px);margin:auto;padding:40px 0 64px;position:relative}.hero{isolation:isolate;border-bottom:1px solid var(--border);padding-bottom:24px;position:relative}.hero h1{letter-spacing:-.015em;margin:0 0 8px;font-size:clamp(28px,4vw,36px);font-weight:500}.hero__title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero p{max-width:760px;color:var(--muted);margin:0;line-height:1.6}.hero__title,.hero p{z-index:1;position:relative}.workbench-background{pointer-events:none}.workbench-background--dots{width:100%;height:100%;position:fixed;inset:0}.workbench-background--hex{opacity:.5;z-index:0;width:min(60%,650px);height:calc(100% + 24px);position:absolute;top:-24px;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 65%),linear-gradient(#000 60%,#0000);mask-image:linear-gradient(90deg,#0000,#000 65%),linear-gradient(#000 60%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}@media (width<=640px){.workbench-background--hex{opacity:.25;width:100%}}.workspace{padding-top:24px}.view-switch{border-bottom:1px solid var(--border);gap:6px;margin-bottom:24px;padding-bottom:9px;display:flex}.view-switch button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:9px 14px;font-weight:650}.view-switch button:hover{background:var(--surface);color:var(--text)}.view-switch .view-switch__active{background:var(--solid);color:var(--solid-text)}.history__heading{justify-content:space-between;align-items:start;gap:20px;margin-bottom:24px;display:flex}.history__heading h2{letter-spacing:-.025em;margin:0 0 6px;font-size:clamp(22px,3vw,28px)}.history__heading p{color:var(--muted);margin:0;line-height:1.5}.history__filters{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.history__filters label{min-width:180px;color:var(--muted);gap:6px;font-size:13px;font-weight:650;display:grid}.history__filters select{border:1px solid var(--control-border);background:var(--panel);min-height:40px;color:var(--text);border-radius:7px;padding:7px 10px}.history__message{border:1px dashed var(--control-border);background:var(--surface);color:var(--muted);border-radius:8px;margin:0;padding:24px}.history__message--error{border-color:var(--danger-border);background:var(--danger-surface);color:var(--danger)}.history__list{border-top:1px solid var(--border);gap:0;margin:0;padding:0;list-style:none;display:grid}.history__item{border-bottom:1px solid var(--border);padding:15px 0}.history__item-main,.history__item-details{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.history__item-main{font-size:14px}.history__item-main strong{font-size:16px}.history__item-main time{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}.history__item-details{border-left:2px solid var(--border);color:var(--muted);font-variant-numeric:tabular-nums;margin-top:8px;padding-left:12px;font-size:13px}.history__status{border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700}.history__status--ok{background:var(--success-surface);color:var(--success)}.history__status--error{background:var(--danger-surface);color:var(--danger)}.history__more{margin-top:18px}.cipher-workspace{min-width:0}.algorithm-section{margin-bottom:20px}.algorithm-selector{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.algorithm-selector:has(>:nth-child(6)){grid-template-columns:repeat(3,minmax(0,1fr))}.algorithm-button{border:1px solid var(--control-border);background:var(--panel);min-height:96px;color:var(--control-text);text-align:left;border-radius:9px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 14px 34px;display:flex;position:relative}.algorithm-button:hover{border-color:var(--control-hover-border);background:var(--surface)}.algorithm-button__name{color:var(--text);font-size:16px;font-weight:750}.algorithm-button__description{color:var(--muted);font-size:13px}.algorithm-button__status{background:var(--badge-surface);color:var(--muted);border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700;position:absolute;bottom:10px;right:12px}.algorithm-button__status--ready{background:var(--success-surface);color:var(--success)}.algorithm-button--active{border-color:var(--solid);box-shadow:inset 0 0 0 1px var(--solid)}.algorithm-button--active:before{background:var(--accent);content:"";border-radius:50%;width:8px;height:8px;position:absolute;top:12px;right:12px}.mode-section{margin-bottom:24px}.mode-selector{gap:10px;display:flex}.mode-button{border:1px solid var(--control-border);background:var(--panel);min-width:220px;color:var(--text);text-align:left;border-radius:9px;align-items:center;gap:10px;padding:11px 14px;display:flex}.mode-button span:last-child{flex-direction:column;font-weight:650;display:flex}.mode-button small{color:var(--muted);font-weight:400}.mode-button--active{border-color:var(--solid);background:var(--solid);color:var(--solid-text)}.mode-button--active small{color:var(--control-border)}.helper-row{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin:-10px 0 18px;font-size:14px;display:flex}.algorithm-pending{border:1px dashed var(--muted-faint);background:var(--surface);border-radius:10px;align-items:flex-start;gap:20px;min-height:280px;padding:32px;display:flex}.algorithm-pending__mark{background:var(--solid);width:54px;height:54px;color:var(--solid-text);letter-spacing:-.03em;border-radius:8px;flex:none;place-items:center;font-weight:800;display:grid}.algorithm-pending h2{margin:3px 0 8px;font-size:20px}.algorithm-pending p{max-width:620px;color:var(--muted);margin:0;line-height:1.6}.workspace__columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.workspace__input-column{align-self:start;min-width:0}.workspace__input-column .config-section--compact-key{width:100%}.workspace__columns--key-aligned .cipher-output-panel>.panel{height:var(--key-aligned-output-height,480px);max-height:var(--key-aligned-output-height,480px);flex-direction:column;display:flex}.workspace__columns--key-aligned .cipher-output-panel>.panel>[role=tabpanel]{flex:auto;min-height:0;overflow:auto}.workspace__columns--key-aligned .cipher-output-panel>.panel>.panel__header,.workspace__columns--key-aligned .cipher-output-panel>.panel>.status{flex-shrink:0}.workspace__columns--key-aligned .cipher-output-panel>.panel>div[role=tabpanel]{min-height:0}.section-label{min-height:31px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.segmented{border:1px solid var(--control-border);border-radius:6px;display:inline-flex;overflow:hidden}.segmented button{background:var(--panel);color:var(--muted);border:0;padding:4px 10px;font-size:12px}.segmented .is-active{background:var(--solid);color:var(--solid-text)}.panel{border:1px solid var(--border);background:var(--panel);border-radius:10px;overflow:hidden}.panel [hidden]{display:none}.panel__header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:8px 12px;display:flex}.panel__header h2{margin:0;font-size:14px}.cipher-output-panel>.panel>.panel__header{flex-wrap:wrap}.panel-tabs{gap:2px;margin-right:auto;display:flex}.panel-tabs button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:4px 9px;font-size:12px}.panel-tabs button[aria-selected=true]{background:var(--panel);color:var(--text);box-shadow:0 0 0 1px var(--border)}.button-group{gap:6px;display:flex}.button{border-radius:7px;font-weight:650}.button--secondary{border:1px solid var(--control-border);background:var(--panel);color:var(--text);padding:6px 10px;font-size:13px}.helper-row .playfair-example{white-space:nowrap;flex-shrink:0}.button--primary{background:var(--solid);min-width:180px;color:var(--solid-text);border:0;margin-top:18px;padding:12px 24px}.hill-panel-body{padding:18px}.hill-key.config-section{margin-top:28px}.hill-key__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.hill-muted{color:var(--muted);font-size:13px}.hill-key__toolbar{margin:0 0 12px}.hill-key__toolbar label,.hill-key__keyword{color:var(--muted);gap:7px;font-size:13px;font-weight:650;display:grid}.hill-key select,.hill-key__keyword input,.hill-key__grid input{border:1px solid var(--control-border);background:var(--panel);color:var(--text);border-radius:6px;padding:8px 10px}.hill-key__mode{gap:6px;margin:0 0 14px;display:flex}.hill-key__mode button{border:1px solid var(--control-border);background:var(--panel);color:var(--muted);border-radius:6px;padding:7px 13px}.hill-key__mode button[aria-pressed=true]{background:var(--solid);color:var(--solid-text);border-color:var(--solid);font-weight:700}.hill-key__keyword{margin-bottom:12px}.hill-key__grid{grid-template-columns:repeat(var(--hill-size), minmax(0, 64px));gap:7px;width:max-content;max-width:100%;display:grid}.hill-error+.hill-key__grid{margin-top:12px}.hill-key__grid input{text-align:center;width:100%;font:650 16px/1.3 SFMono-Regular,Consolas,monospace}.hill-error,.hill-warning{border-radius:6px;margin:10px 0 0;padding:9px 11px;font-size:13px;line-height:1.5}.hill-error{background:var(--danger-surface);color:var(--danger)}.hill-warning{color:#825100;background:#fff7e6}.hill-error .button,.hill-warning .button{margin-left:8px}.hill-strip{align-items:center;gap:8px;margin:18px 0 4px;font-size:14px;display:flex}.hill-strip input{accent-color:var(--accent)}.hill-result__text{height:auto}.hill-analysis{min-height:var(--hill-result-height,280px)}.hill-analysis .hill-panel-body{flex-direction:column;gap:0;padding:0;display:flex}.hill-analysis .stats-list{min-height:0;padding:10px 16px}.hill-analysis .stats-list dd{overflow-wrap:anywhere;min-width:0;max-width:60%}.hill-analysis>.hill-panel-body>.hill-error,.hill-analysis>.hill-panel-body>.hill-warning,.hill-analysis>.hill-panel-body>.hill-muted{margin:16px}.hill-analysis .hill-facts__matrices{border-top:0;grid-template-columns:1fr;gap:0;margin-top:0;padding:0}.hill-analysis .hill-facts__matrices>div{min-width:0;padding:14px 16px 16px}.hill-analysis .hill-facts__matrices>div>strong{font-size:12px;font-weight:700;display:block}.hill-analysis .hill-steps{margin:0;padding:14px 16px 16px}.hill-result__block{border-radius:3px;position:relative}.hill-result__block:hover,.hill-result__block:focus-visible{background:var(--surface)}.hill-result__block:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hill-result__tooltip{z-index:2;background:var(--solid);width:min(250px,100vw - 32px);color:var(--solid-text);white-space:normal;overflow-wrap:anywhere;border-radius:5px;padding:8px 10px;font:12px/1.4 SFMono-Regular,Consolas,monospace;display:none;position:fixed;top:0;left:0}.hill-result__block:hover .hill-result__tooltip,.hill-result__block:focus-visible .hill-result__tooltip{display:block}.hill-steps{border-top:1px solid var(--border);margin:16px;padding-top:13px;font-size:13px}.hill-steps summary{cursor:pointer;font-weight:700}.hill-steps ol{overflow-wrap:anywhere;padding-left:22px;line-height:1.8}.hill-facts__matrices span{color:var(--muted)}.hill-facts__matrices{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px;display:grid}.hill-facts__matrices>div{min-width:0;font-size:13px}.hill-matrix-view{border-left:2px solid var(--control-border);border-right:2px solid var(--control-border);border-radius:6px;gap:4px;width:max-content;max-width:100%;margin-top:8px;padding:7px 10px;font:13px/1.5 SFMono-Regular,Consolas,monospace;display:grid}.hill-matrix-view__row{justify-content:space-between;gap:10px;display:flex}:root[data-theme=dark] .hill-warning{color:#ffd38a;background:#49361c}.output{resize:none;white-space:pre-wrap;overflow-wrap:anywhere;border:0;outline:0;width:100%;min-height:280px;margin:0;padding:16px;font:14px/1.65 SFMono-Regular,Consolas,monospace}.highlighted-input{min-height:280px;position:relative}.highlighted-input pre,.highlighted-input textarea{white-space:pre-wrap;overflow-wrap:anywhere;border:0;width:100%;min-height:280px;margin:0;padding:16px;font:14px/1.65 SFMono-Regular,Consolas,monospace}.highlighted-input pre{pointer-events:none;position:absolute;inset:0;overflow:auto}.highlighted-input textarea{resize:none;color:#0000;height:280px;caret-color:var(--text);background:0 0;outline:0;display:block;position:relative}.highlighted-input textarea::placeholder{color:var(--muted-faint)}.character--upper{color:var(--syntax-upper)}.character--lower{color:var(--syntax-lower)}.character--other{color:var(--syntax-other)}.output--empty{color:var(--muted-faint);place-items:center;font-family:inherit;display:grid}.file-picker{background:var(--surface);flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:280px;padding:24px;display:flex}.file-picker span{color:var(--muted);font-size:13px}.file-picker small{color:var(--muted)}.file-picker--dragging{outline:2px dashed var(--focus);outline-offset:-8px;background:var(--focus-surface)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.file-card__header{border-bottom:1px solid var(--border);align-items:center;gap:10px;min-height:58px;padding:10px 12px;display:flex}.file-extension{background:var(--solid);color:var(--solid-text);border-radius:4px;padding:2px 6px;font:11px monospace}.file-card__meta{flex-direction:column;flex:1;min-width:0;display:flex}.file-card__meta strong{text-overflow:ellipsis;font:13px monospace;overflow:hidden}.file-card__meta small{color:var(--muted)}.file-preview{white-space:pre-wrap;overflow-wrap:anywhere;min-height:221px;max-height:300px;margin:0;padding:14px 16px;font:13px/1.6 monospace;overflow:auto}.stats-list{min-height:280px;margin:0;padding:10px 16px}.stats-list div{border-bottom:1px dashed var(--border);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.stats-list div:last-child{border-bottom:0}.stats-list dt{color:var(--muted)}.stats-list dd{text-align:right;margin:0;font-family:monospace}.cipher-analysis .stats-list,.cipher-analysis.stats-list{min-height:0;margin:0;padding:10px 16px;font-size:16px;line-height:normal}.cipher-analysis .stats-list dd,.cipher-analysis.stats-list dd{overflow-wrap:anywhere;min-width:0;max-width:60%}.cipher-analysis .analysis-section{border-top:1px solid var(--border);min-width:0;margin:0;padding:14px 16px 16px}.cipher-analysis .analysis-section>strong,.cipher-analysis .analysis-section h3{color:var(--muted);margin:0 0 7px;font-size:12px;font-weight:700;display:block}.cipher-analysis .analysis-section pre,.cipher-analysis .analysis-section>code,.cipher-analysis .hill-matrix-view{border:0;border-left:3px solid var(--accent);background:var(--surface);border-radius:0;max-width:100%;padding:9px 10px;font:12px/1.5 SFMono-Regular,Consolas,monospace;overflow-x:auto}.cipher-analysis.des-analysis{padding:0}.cipher-analysis.des-analysis .stats-list{font-size:16px}.cipher-analysis .des-cipher-blocks li{background:var(--surface);border-left:3px solid var(--accent);border-radius:0}.vigenere-analysis{min-height:280px}.vigenere-analysis .stats-list{min-height:0}.playfair-analysis{min-height:280px}.playfair-analysis .stats-list{min-height:0}.playfair-analysis .stats-list dd{overflow-wrap:anywhere;min-width:0;max-width:60%}.playfair-filler-suggestion{border-top:1px solid var(--border);padding:14px 16px}.playfair-filler-suggestion strong{margin-bottom:8px;display:block}.playfair-filler-suggestion pre{background:var(--surface);border-radius:6px;margin:0 0 8px;padding:9px 10px;overflow-x:auto}.playfair-filler-suggestion small{color:var(--muted)}.playfair-analysis__details{grid-template-columns:1fr;display:grid}.playfair-analysis__details .key-stream{min-width:0;padding-top:14px}.playfair-matrix{text-align:center;line-height:1.8!important}.key-stream{padding:4px 16px 16px}.key-stream>div+div{margin-top:10px}.key-stream strong{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.key-stream pre{background:var(--surface);white-space:pre;border-radius:6px;margin:0;padding:9px 10px;font:12px/1.5 SFMono-Regular,Consolas,monospace;overflow-x:auto}.key-stream small{color:var(--muted);margin-top:10px;display:block}.status{border-top:1px solid var(--border);padding:9px 14px;font-size:13px}.status--success{background:var(--success-surface);color:var(--success)}.status--error{background:var(--danger-surface);color:var(--danger)}.map-section{margin-top:28px}.map-legend{letter-spacing:0;text-transform:none;font-weight:500}.alphabet-panel{overflow:hidden}.alphabet-map{padding:14px 16px;overflow-x:auto}.alphabet-row{grid-template-columns:62px repeat(26,minmax(20px,1fr));gap:3px;min-width:680px;font:12px/1.4 SFMono-Regular,Consolas,monospace;display:grid}.alphabet-row+.alphabet-row{margin-top:4px}.alphabet-label{color:var(--muted);align-self:center;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.alphabet-cell{background:var(--surface);text-align:center;border-radius:3px;padding:4px 0}.alphabet-row--mapped .alphabet-cell{background:var(--solid);color:var(--solid-text)}.alphabet-cell--used{background:var(--accent-soft);color:var(--accent);font-weight:750}.alphabet-row--mapped .alphabet-cell--used{background:var(--accent);color:var(--solid-text)}.config-section{margin-top:28px}.config-section--compact-key{width:calc(50% - 12px)}@media (width<=800px){.config-section--compact-key{width:100%}}.config-section>h2{margin:0 0 4px;font-size:20px}.config-section>p{color:var(--muted);margin:0 0 12px;font-size:14px}.key-control{align-items:center;gap:12px;padding:14px 16px;display:flex}.key-control input{border:1px solid var(--control-border);background:var(--panel);width:120px;color:var(--text);border-radius:6px;padding:9px 11px;font-family:monospace}.key-control--text input{width:min(360px,100%)}.key-control span{min-width:150px;color:var(--muted);font-size:13px}.key-note{color:var(--muted);padding:0 16px 12px;font-size:13px}.affine-key-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;padding:16px;display:grid}.affine-key-field{min-width:0;color:var(--text);flex-direction:column;gap:7px;font-size:13px;font-weight:700;display:flex}.affine-key-field input{border:1px solid var(--control-border);background:var(--panel);width:100%;color:var(--text);border-radius:6px;padding:10px 11px;font-family:SFMono-Regular,Consolas,monospace}.affine-key-field input[aria-invalid=true]{border-color:var(--danger)}.affine-key-field small{min-height:20px;color:var(--muted);font-weight:400;line-height:1.45}.affine-key-field .affine-key-error{color:var(--danger)}.affine-formula{border-left:3px solid var(--accent);background:var(--surface);color:var(--text);white-space:nowrap;grid-column:1/-1;padding:14px 16px;font:14px/1.5 SFMono-Regular,Consolas,monospace;overflow-x:auto}.affine-analysis{min-height:280px}.affine-analysis .stats-list{min-height:0}.affine-analysis__formula{border-top:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:7px;padding:14px 16px 16px;display:flex}.affine-analysis__formula strong{color:var(--muted);font-size:12px}.affine-analysis__formula code{border-left:3px solid var(--accent);background:var(--surface);max-width:100%;padding:9px 10px;line-height:1.5;overflow-x:auto}.affine-analysis__formula span{color:var(--muted);font-size:13px}.affine-map-empty{background:var(--surface);flex-direction:column;justify-content:center;gap:6px;min-height:126px;padding:24px;display:flex}.affine-map-empty h2,.affine-map-empty p{margin:0}.affine-map-empty h2{font-size:15px}.affine-map-empty p{color:var(--muted);font-size:14px}.columnar-key-control input{width:min(360px,100%)}.columnar-key-control input[aria-invalid=true]{border-color:var(--danger)}.columnar-key-error{color:var(--danger)}.columnar-key-order{border-left:3px solid var(--accent);background:var(--surface);flex-wrap:wrap;gap:4px 18px;margin:0 16px 14px;padding:11px 13px;font:13px/1.5 SFMono-Regular,Consolas,monospace;display:flex}.columnar-key-order strong{color:var(--accent)}.columnar-analysis{min-height:280px}.columnar-output-panel{min-width:0}.columnar-analysis .stats-list{min-height:0}.columnar-analysis .stats-list dd{overflow-wrap:anywhere;max-width:65%}.columnar-analysis__order,.columnar-analysis__matrix{border-top:1px solid var(--border);padding:14px 16px}.columnar-analysis__order>strong,.columnar-analysis__matrix-heading>strong{font-size:13px}.columnar-analysis__order ol{flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.columnar-analysis__order li{border:1px solid var(--border);background:var(--surface);border-radius:6px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;display:inline-flex}.columnar-analysis__order li>span{color:var(--accent);font-weight:750}.columnar-analysis__order code{color:var(--muted)}.columnar-analysis__matrix-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.columnar-analysis__matrix-heading span,.columnar-analysis__matrix>small{color:var(--muted);font-size:12px}.columnar-matrix-viewport{max-width:100%;margin:10px 0;overflow-x:auto}.columnar-matrix{border-spacing:3px;text-align:center;min-width:100%;font-family:SFMono-Regular,Consolas,monospace}.columnar-matrix th,.columnar-matrix td{border-radius:3px;min-width:36px;height:34px;padding:4px}.columnar-matrix th{border-bottom:2px solid var(--accent);background:var(--accent-soft);color:var(--accent)}.columnar-matrix th span,.columnar-matrix th small{display:block}.columnar-matrix th small{color:var(--muted);white-space:nowrap;font-size:9px;font-weight:500}.columnar-matrix td{background:var(--surface)}.columnar-matrix .columnar-matrix__empty{color:var(--muted-faint)}.analysis-section{margin-top:28px}.analysis-empty{background:var(--surface);flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;min-height:150px;padding:24px;display:flex}.cipher-analysis-empty{color:var(--muted);padding:16px;font-family:inherit;font-size:13px;line-height:1.6}.cipher-output-panel [role=tabpanel]:has(.cipher-analysis-empty){background:var(--surface)}.analysis-empty strong{font-size:15px}.analysis-empty span{max-width:680px;color:var(--muted);line-height:1.6}.pending-action{align-items:center;gap:16px;margin-top:18px;display:flex}.pending-action .button--primary{margin-top:0}.pending-action p{max-width:620px;color:var(--muted);margin:0;font-size:13px;line-height:1.5}.notice{z-index:50;width:min(360px,100vw - 32px);box-shadow:0 14px 36px var(--toast-shadow);border:1px solid;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;animation:.16s ease-out toast-in;display:flex;position:fixed;bottom:24px;right:24px}.notice--success{border-color:var(--success-border);background:var(--success-surface);color:var(--success)}.notice--error{border-color:var(--danger-border);background:var(--danger-surface);color:var(--danger)}.notice button{color:inherit;background:0 0;border:0;font-size:20px}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=800px){:is(.algorithm-selector,.algorithm-selector:has(>:nth-child(6))){grid-template-columns:repeat(2,minmax(0,1fr))}.workspace__columns{grid-template-columns:minmax(0,1fr)}.playfair-analysis__details{grid-template-columns:1fr}.playfair-analysis__details .key-stream+.key-stream{border-top:1px solid var(--border);border-left:0}.mode-selector{grid-template-columns:1fr 1fr;display:grid}.mode-button{min-width:0}}@media (width<=520px){.history__heading{flex-direction:column;align-items:stretch}.history__filters label{flex:100%}.history__item-main time{flex-basis:100%;margin-left:0}.cipher-output-panel .panel__header{flex-wrap:wrap}.cipher-output-panel>.panel>.panel__header .button-group{flex:100%;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.map-section .section-label{flex-wrap:wrap;gap:4px 12px;padding-bottom:6px}.page,.nav__inner{width:min(100% - 24px,1180px)}.mode-selector,:is(.algorithm-selector,.algorithm-selector:has(>:nth-child(6))){grid-template-columns:1fr}.hill-result .panel__header{flex-wrap:wrap}.hill-result .panel__header .button-group{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.hill-facts__matrices{grid-template-columns:1fr}.hill-analysis .hill-facts__matrices>div+div{border-top:1px solid var(--border);border-left:0}.algorithm-pending{flex-direction:column;min-height:240px;padding:22px}.key-control{flex-direction:column;align-items:flex-start;width:100%}.affine-key-grid{grid-template-columns:1fr}.helper-row{flex-direction:column;align-items:flex-start}.pending-action{flex-direction:column;align-items:stretch}.notice{bottom:16px;right:16px}}.des-analysis{padding:16px;font-size:14px;line-height:1.6}.des-analysis h3{margin:0 0 8px;font-size:16px}.des-analysis p{margin:0 0 16px}.des-analysis-stats{margin:0 0 20px}.des-analysis-stats>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:8px 0;display:flex}.des-analysis-stats dt{color:var(--muted)}.des-analysis-stats dd{text-align:right;overflow-wrap:anywhere;min-width:0;margin:0}.des-cipher-blocks{gap:8px;margin:0;padding:0;list-style:none;display:grid}.des-cipher-blocks li{border:1px solid var(--border);border-radius:6px;flex-wrap:wrap;gap:8px 16px;padding:10px;display:flex}.des-cipher-blocks code{overflow-wrap:anywhere}.des-cipher-block--repeat{background:var(--accent-soft)}.workspace__actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.workspace__actions .button{height:44px;margin-top:0}.workspace__actions .button--secondary{padding:10px 16px}.des-demo-banner{border:1px solid var(--border);border-radius:12px;padding:12px 16px}.des-result{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.des-options{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.des-options label{flex-direction:column;flex:180px;gap:8px;min-width:0;display:flex}.des-options input,.des-options select{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);border-radius:6px;padding:10px}.des-options span:not(.section-label){font-size:12px}.des-result-note{overflow-wrap:anywhere;margin-top:12px;padding:0 16px;line-height:1.6}.des-warning{border:1px solid var(--border);overflow-wrap:anywhere;border-radius:8px;padding:12px}.padding-result{border-top:1px solid var(--border);padding:16px;font-size:13px;line-height:1.6}.playfair-output-panel>.panel>.padding-result,.hill-result>.panel>.padding-result{flex:none;padding:10px 16px}.playfair-output-panel>.panel>.padding-result p,.hill-result>.panel>.padding-result p{color:var(--muted);margin:4px 0 0}.padding-result label{align-items:center;gap:8px;display:flex}.padding-result input{width:auto}.padding-result pre{white-space:pre-wrap;overflow-wrap:anywhere}.padding-result mark{color:#222;background:#ffce64}.des-trace details{margin:16px 0}.des-trace summary{cursor:pointer;font-weight:600}.des-trace code{overflow-wrap:anywhere}.des-trace-table{max-width:100%;overflow-x:auto}.des-trace table{border-collapse:collapse;width:100%;font-size:12px}.des-trace th,.des-trace td{text-align:left;border-bottom:1px solid var(--border);padding:8px}.des-trace label{align-items:center;gap:12px;margin-top:12px;display:flex}.cipher-intro{margin-bottom:18px}.cipher-intro h2{letter-spacing:-.025em;margin:0 0 6px;font-size:clamp(28px,4vw,36px)}.cipher-intro p{max-width:680px;color:var(--muted);margin:0;line-height:1.55}.history__dialog{box-sizing:border-box;border:1px solid var(--control-border);width:min(720px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--text);background:var(--panel);border-radius:16px;padding:24px;overflow:auto}.history__dialog::backdrop{background:#13273b99}.history__signature-details{margin-block:20px}.history__outcome{border-left:4px solid var(--control-border);background:var(--surface);border-radius:8px;padding:16px}.history__outcome--success{border-color:var(--success);background:var(--success-surface)}.history__outcome--error{border-color:var(--danger);background:var(--danger-surface)}.history__outcome h3{margin:0;font-size:20px}.history__outcome--success h3{color:var(--success)}.history__outcome--error h3{color:var(--danger)}.history__outcome p{margin:8px 0 0;line-height:1.6}.history__detail-section{margin-top:24px}.history__detail-section h3{margin:0 0 8px;font-size:16px}.history__facts{margin:0}.history__facts>div{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:8px 16px;padding-block:12px;display:grid}.history__facts dt{color:var(--control-text);font-size:14px;line-height:1.6}.history__facts dd{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;margin:0;font-weight:600;line-height:1.6}.history__facts--metadata dd{font-weight:400}@media (width<=560px){.history__dialog{padding:16px}.history__facts>div{grid-template-columns:minmax(0,1fr);gap:4px}}.history__dialog button{white-space:normal;max-width:100%;margin-top:8px}.history__dialog-actions{flex-wrap:wrap;align-items:stretch;gap:12px;display:flex}.history__dialog-actions .button{box-sizing:border-box;text-align:center;justify-content:center;align-items:center;min-width:128px;min-height:44px;margin:0;padding:10px 16px;font-size:14px;line-height:1.5;display:inline-flex}@media (width<=560px){.history__dialog-actions{flex-direction:column;gap:10px}.history__dialog-actions .button{width:100%;min-width:0}}