body { min-width: 1100px; }
.secure-top { display: flex; align-items: center; gap: 24px; padding: 24px 48px; border-bottom: 1px solid #253044; }
.secure-top nav { margin-left: auto; display: flex; gap: 20px; }
.secure-top a { color: #b8c6dc; text-decoration: none; }
.secure-top a[aria-current] { color: #63e5cd; }
.secure-main { max-width: 1160px; margin: 40px auto; padding: 0 32px; }
h1 { font-size: 30px; margin-bottom: 14px; }
h1 span { color: #63e5cd; font-size: 13px; letter-spacing: 3px; margin-left: 18px; }
.secure-grid { display: grid; grid-template-columns: 1.45fr 1fr; gap: 24px; margin-top: 30px; align-items: start; }
.secure-card { padding: 28px; background: #121b2a; border: 1px solid #29364c; border-radius: 18px; }
.secure-card h2 { margin: 0 0 24px; font-size: 19px; }
.secure-card label { display: block; margin: 18px 0 8px; color: #c7d2e4; }
.secure-card input, .secure-card textarea, .secure-card select { display: block; box-sizing: border-box; width: 100%; background: #0b111c; color: #e7edf7; border: 1px solid #35445e; border-radius: 8px; padding: 12px; font: inherit; }
.secure-card textarea { min-height: 160px; resize: vertical; white-space: pre-wrap; overflow-wrap: anywhere; }
.secure-card input[type=checkbox] { display: inline; width: auto; margin-right: 10px; }
.secure-card button, #clear { padding: 11px 18px; border-radius: 9px; margin: 12px 8px 0 0; border: 1px solid #3b4c65; background: #1b2b42; color: #e9f0ff; cursor: pointer; }
.secure-card button.primary { background: #63e5cd; color: #071d18; border-color: #63e5cd; font-weight: 600; }
.secure-password-field { display: flex; align-items: center; gap: 4px; padding-right: 6px; background: #0b111c; border: 1px solid #35445e; border-radius: 8px; }
.secure-password-field:focus-within { border-color: #63e5cd; box-shadow: 0 0 0 2px #63e5cd33; }
.secure-card .secure-password-field input { flex: 1; min-width: 0; width: 0; border: 0; background: transparent; }
.secure-card .secure-password-field input:focus { outline: none; }
.secure-password-actions { display: flex; flex: none; gap: 4px; }
.secure-card .secure-password-actions button { margin: 0; padding: 7px 8px; border-radius: 5px; font-size: 12px; white-space: nowrap; }
button:disabled { opacity: .45; cursor: not-allowed; }
.secure-hint, .secure-card li { color: #9dacbf; font-size: 13px; line-height: 1.9; }
#prepare-hint { display: inline-block; margin-left: 12px; vertical-align: middle; }
.secure-card ul { padding-left: 20px; }
.secure-warning { color: #efc078; line-height: 1.8; font-size: 13px; }
.secure-card ol.secure-warning { padding-left: 20px; }
.secure-card .secure-warning li { color: inherit; line-height: inherit; }
.origin-confirmation { margin: 18px 0; padding: 16px; border: 1px solid #ad834c; border-radius: 10px; background: #241e19; }
.origin-confirmation p { margin: 0 0 10px; }
.secure-card .origin-confirmation label { margin: 10px 0 0; }
.origin-sensitive { min-width: 0; margin: 0; padding: 0; border: 0; }
.origin-sensitive:disabled input { opacity: .5; cursor: not-allowed; }
.secure-mono { font-family: Consolas, monospace; overflow-wrap: anywhere; line-height: 1.8; color: #b8f5e9; }
canvas { border-radius: 10px; margin-top: 18px; }
#status { padding: 18px 0; color: #63e5cd; line-height: 1.8; }
#status.failed { color: #f3ac9e; }
.delivery-status-controls { display: flex; align-items: flex-start; gap: 12px; margin-top: 12px; }
.secure-card .delivery-status-controls button { flex: none; margin: 0; }
.delivery-status-controls p { flex: 1; min-width: 0; margin: 0; overflow-wrap: anywhere; }
#delivery-state { color: #63e5cd; }
#delivery-state.failed { color: #f3ac9e; }
.secure-footer { display: flex; justify-content: space-between; color: #8c9db5; margin-top: 22px; padding-top: 20px; border-top: 1px solid #29364c; font-size: 13px; }
[hidden] { display: none !important; }