:root{--text-main:var(--ink);--text-muted:var(--muted)}.editor-intro:before{background-image:url('lockbox-art-v1.png');inset:-8px -15px -25px 7%;background-size:100% auto;background-position:center;opacity:.47}[data-theme=dark] .editor-intro:before{opacity:.2}.editor-icon{background:linear-gradient(140deg,#a2abc3,#5b678f)}
.lockbox-heading{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);margin-bottom:24px}.lockbox-heading span:last-child{font-size:11px}.lockbox{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--surface);scroll-margin-top:100px}.mode-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 25px;border-bottom:1px solid var(--line)}.mode-bar>span{font-size:11px;color:var(--muted)}.mode-choice{display:flex;gap:6px;padding:4px;border-radius:9px;background:var(--wash);border:1px solid var(--line)}.mode-choice button{background:transparent;border-color:transparent;min-width:110px}.mode-choice button.active{background:var(--surface);border-color:var(--line);color:var(--ink);font-weight:600}.lockbox-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr)}.file-side{background:var(--wash);padding:30px;display:flex;flex-direction:column;justify-content:center}.vault-dropzone{min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px 25px;border:1px dashed var(--line);border-radius:9px;text-align:center;cursor:pointer}.vault-dropzone:focus-visible{outline:2px solid #007da5;outline-offset:4px}.vault-dropzone.dragover{border-color:#6a7895;background:#6a78950c}.vault-dropzone[aria-busy=true]{cursor:progress}.file-emblem{display:flex;align-items:center;justify-content:center;width:62px;height:70px;color:#73819c;margin-bottom:22px}.vault-dropzone .eyebrow{font-size:9px}.vault-dropzone h2{font-size:27px;line-height:1.25;letter-spacing:-.9px;margin:16px 0;max-width:310px}.vault-dropzone p{font-size:12px;line-height:1.8;color:var(--muted);max-width:300px;margin:0}.browse-label{font-size:11px;color:var(--muted);margin-top:24px;text-decoration:underline;text-underline-offset:4px}.file-banner{align-items:center;justify-content:space-between;gap:15px;font-size:12px;padding:15px 0;border-bottom:1px solid var(--line);margin-top:8px}#fileNameText{overflow-wrap:anywhere;min-width:0}#fileSizeText{white-space:nowrap;color:var(--muted);font-size:11px}.file-footnote{color:var(--muted);font-size:11px;line-height:1.8;text-align:center;margin-top:22px}.password-side{padding:35px;border-left:1px solid var(--line)}.password-side>.eyebrow{font-size:9px}.password-side h2{font-size:23px;letter-spacing:-.6px;margin:16px 0 12px}.password-intro{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 26px}.password-side label{display:block;font-size:12px;margin:20px 0 10px}.password-side input{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:13px inherit;min-height:43px}.password-entry{display:flex;gap:8px}.password-entry input{min-width:0;flex:1}.password-entry button{flex-shrink:0;font-size:10px;min-width:50px}#matchNote{font-size:11px;color:#a75f56;min-height:16px;margin:10px 0}.recovery-note{border-left:2px solid #8b95ac;padding-left:13px;font-size:11px;color:var(--muted);line-height:1.8;margin:20px 0 25px}#submitBtn{width:100%;margin-bottom:10px;padding:12px}#clearSelection{width:100%}.format-note{font-size:10px;color:var(--muted);line-height:1.8;margin:16px 0 0}.crypto-note{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);padding:17px 25px;font-size:10px;color:var(--muted)}.crypto-note span:first-child{letter-spacing:1px}.alert-banner{padding:14px;border:1px solid var(--line);border-radius:6px;font-size:12px;line-height:1.8;margin-top:20px;overflow-wrap:anywhere}.success{color:var(--ink);background:var(--wash)}.danger{color:#a75f56}button{box-shadow:none;cursor:pointer}.site-header .theme-choice{width:78px;max-width:78px;margin:0;padding:10px 9px;font-size:11px;flex:none}
@media(max-width:800px){.lockbox-body{grid-template-columns:1fr}.password-side{border-left:0;border-top:1px solid var(--line);padding:25px}.file-side{padding:25px}.vault-dropzone{min-height:250px}.mode-bar{flex-wrap:wrap;padding:17px 22px}.mode-bar>span{font-size:10px}.editor-intro:before{opacity:.28;background-size:auto 100%}}@media(max-width:480px){.file-side,.password-side{padding:21px}.vault-dropzone{padding:30px 18px}.vault-dropzone h2{font-size:25px}.password-side h2{font-size:22px}.crypto-note{padding:17px 21px}.mode-choice{width:100%}.mode-choice button{min-width:0;flex:1}}

#strengthPanel{margin:14px 0 0}#strengthPanel[hidden]{display:none}.strength-heading{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted)}.strength-heading strong{font-weight:500;color:var(--ink)}.strength-meter{display:flex;gap:5px;margin:10px 0}.strength-meter i{display:block;flex:1;height:3px;border-radius:4px;background:var(--line)}.strength-meter .filled{background:#ae765f}.strength-meter[data-score="3"] .filled,.strength-meter[data-score="4"] .filled{background:#6f8d83}#strengthHint{font-size:10px;line-height:1.8;color:var(--muted);margin:0}