main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:16px;overflow-y:auto}.center-panel{width:100%;max-width:720px;display:flex;flex-direction:column;gap:20px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.input-grid{grid-template-columns:1fr}}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.control-group select{background:var(--bg3);border:1px solid var(--border);color:#fff;padding:10px 12px;border-radius:var(--r);outline:none;font-size:13px;cursor:pointer}.control-group select:focus{border-color:var(--accent)}.slider-row{display:flex;align-items:center;gap:12px}.slider-row input[type=range]{flex:1;accent-color:var(--accent)}#timeValue,#parValue{min-width:24px;text-align:right;font-weight:600;color:var(--accent)}#memValue{min-width:160px;text-align:right;font-weight:600;color:var(--accent);font-size:13px}.mem-presets{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mem-preset{font-size:11px;padding:4px 8px;cursor:pointer}.result-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px}.section-title{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.result-content-area{font-size:13px;color:var(--text);line-height:1.7}.result-content-area .stat-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.result-content-area .stat-row:last-child{border-bottom:none}.result-content-area .stat-label{color:var(--muted)}.result-content-area .stat-value{font-weight:600;color:#fff;font-family:JetBrains Mono,monospace}.security-meter{height:8px;border-radius:4px;margin:8px 0}.security-meter.low{background:linear-gradient(90deg,var(--error),rgba(248,81,73,.3))}.security-meter.medium{background:linear-gradient(90deg,var(--warning),rgba(210,153,34,.3))}.security-meter.high{background:linear-gradient(90deg,var(--success),rgba(46,160,67,.3))}.use-case-tag{display:inline-block;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:600;margin:4px}.use-case-tag.auth{background:#00a8ff1a;color:var(--accent);border:1px solid rgba(0,168,255,.3)}.use-case-tag.kdf{background:#d299221a;color:var(--warning);border:1px solid rgba(210,153,34,.3)}.use-case-tag.highsec{background:#2ea0431a;color:var(--success);border:1px solid rgba(46,160,67,.3)}table{width:100%;border-collapse:collapse;font-size:12px}table th{text-align:left;padding:8px 10px;background:var(--bg3);color:var(--muted);font-weight:600;text-transform:uppercase;font-size:10px;letter-spacing:.5px;border-bottom:1px solid var(--border)}table td{padding:8px 10px;border-bottom:1px solid var(--border);color:var(--text);font-family:JetBrains Mono,monospace;font-size:11px}table tr:hover td{background:var(--bg3)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--muted);text-align:center;padding:60px 40px}.empty-icon{font-size:48px}.argon-header-actions{display:flex;gap:8px;margin-bottom:12px}.preset-label{font-size:11px;color:var(--muted);font-weight:600}