.tool-container{width:75%}.aes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px 16px;margin-bottom:16px}.aes-key-grid{grid-template-columns:repeat(auto-fit,minmax(222px,1fr))}.aes-form-group{display:flex;flex-direction:column;margin-bottom:14px}.aes-grid .aes-form-group{margin-bottom:0}.aes-form-group>label{font-size:13px;margin-bottom:10px;font-weight:500;user-select:none}.badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:.75rem;background:#e0f2fe;color:#0369a1;margin-left:8px}.iv-random{border:0;background:0 0;padding:2px 6px;margin-left:6px;font-size:14px;border-radius:.75rem;color:#666;background:#e8e8e8;cursor:pointer;vertical-align:middle;line-height:1}.iv-random:hover{opacity:.7}#iv,#key,.aes-textarea{font-family:Consolas,monospace}.aes-form-group .layui-form-select{width:100%}.aes-textarea{min-height:160px;resize:vertical;transition:none}.black .aes-textarea{border-color:var(--main-border-color-black)}.black .aes-textarea:focus,.black .aes-textarea:hover{border-color:#444!important}#clear{width:initial}#result{background:#f1f5f9}.aes-actions{display:flex;gap:12px;justify-content:center;margin:18px 0}.aes-btn{padding:9px 26px;border:0;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;color:#fff;transition:opacity .2s}.aes-btn:hover{opacity:.88}.aes-btn-enc{background:#3b82f6}.aes-btn-dec{background:#10b981}.aes-btn-clear{background:#ef4444}.aes-btn-sample{background:#64748b}.key-combo{display:flex;gap:8px}.key-combo .layui-form-select{width:90px;flex:none}.key-combo .layui-input{flex:1;min-width:0}.aes-input-wrap,.key-combo{position:relative}.len-tips{position:absolute;right:12px;bottom:10px;font-size:12px;line-height:1;color:#94a3b8;pointer-events:none;user-select:none}.black .len-tips{color:#64748b}.aes-result-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.aes-result-head>label{margin-bottom:0}.aes-error{color:#ef4444;font-size:13px;word-break:break-all}.aes-error.aes-warn{color:#f59e0b}