.boxs[data-v-764571ef]{width:700px;margin:0 auto;background:#fff;color:#fff}.boxs .button[data-v-764571ef]{background:#f3c000;font-size:10px;border:none;margin:20px 0}.paddingbottom[data-v-764571ef]{padding-bottom:10px}.password-viewer[data-v-764571ef]{border-radius:12px;padding:30px;width:100%;max-width:500px;text-align:center}h2[data-v-764571ef]{color:#2c3e50;margin-bottom:25px;font-weight:600;font-size:24px}.password-container[data-v-764571ef]{display:flex;align-items:stretch;margin-bottom:25px;background-color:#f8f9fa;border-radius:8px;border:2px solid #e1e5eb;overflow:hidden;transition:all .3s}.password-container[data-v-764571ef]:focus-within{border-color:#3498db;box-shadow:0 0 0 2px rgba(52,152,219,.2)}.password-display[data-v-764571ef]{flex:1;padding:10px 15px;height:50px;line-height:40px;font-size:28px;letter-spacing:2px;font-weight:600;color:#2c3e50;background:transparent;border:none;outline:none;text-align:center;min-width:0}.controls[data-v-764571ef]{display:flex;border-left:1px solid #e1e5eb;flex-shrink:0}.toggle-visibility[data-v-764571ef]{background:none;border:none;cursor:pointer;padding:10px 15px;color:#7f8c8d;transition:color .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toggle-visibility[data-v-764571ef]:hover{background-color:#eef2f7}.reset-btn[data-v-764571ef]{background-color:#e74c3c;color:#fff;border:none;padding:0 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s;white-space:nowrap;flex-shrink:0}.reset-btn[data-v-764571ef]:hover{background-color:#c0392b}.instructions[data-v-764571ef]{color:#7f8c8d;font-size:14px;margin-top:15px}