:root{--bg-color:#333;--panel-bg:#222;--text-color:#fff;--font-family:Arial, sans-serif;--primary-color:#28a745;--tooltip-success-bg:#2ecc71;--tooltip-error-bg:#e74c3c;--header-color:#a8a095}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);margin:0;display:flex;flex-direction:column;min-height:100vh}a{text-decoration:none;color:inherit}header{width:100%;padding-top:60px}.header-container{max-width:1000px;margin:0 auto;text-align:center}.header-link{display:inline-block;color:var(--header-color);cursor:pointer;position:relative;z-index:10}.header-name{color:var(--header-color);margin:0}main{width:100%;display:flex;flex-grow:1;justify-content:center;align-items:center;padding:20px 0;margin-top:-4%}.container{display:flex;background:var(--panel-bg);padding:25px;border-radius:8px;box-shadow:0 0 10px rgb(0 0 0 / .5);max-width:950px;width:90%}.password-section,.options-panel{background:#111;padding:15px;border-radius:5px}.password-section{width:550px;margin-right:20px;flex-grow:1}.options-panel{width:315px;padding:20px;flex-shrink:0}.password-header,.options-header{font-size:18px;margin-bottom:10px}.password-header{display:flex;justify-content:space-between;align-items:center}.options-header{text-align:center}.password-list,.options-content{background:#000;padding:10px;border-radius:5px;overflow-y:auto}.password-list{height:420px}.options-content{display:flex;flex-direction:column;max-height:400px}.password-item{display:flex;justify-content:space-between;align-items:flex-start;padding:4px 0;border-bottom:1px solid #222}.row-number{font-weight:700;padding-right:5px;font-family:"Consolas",monospace;flex-shrink:0;align-self:center}.password-text{color:var(--header-color);text-shadow:0 0 5px rgb(0 255 0 / .5);word-break:break-all;flex-grow:1;font-family:"Courier New",monospace;letter-spacing:1px}.password-text.length-large{font-size:.9em}.password-text.length-xl{font-size:.8em}.password-text.length-xxl{font-size:.7em}.copy-button,.generate-button{color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color 0.2s}.copy-button{background:#444;padding:5px 10px}.copy-button:hover{background:#666}.generate-button{background:var(--primary-color);width:100%;padding:10px;text-align:center;margin-top:20px}.generate-button:hover{background:#218838}label{margin-bottom:10px;display:block}input[type="number"],input[type="text"]{background-color:#333;color:#fff;border:1px solid #555;border-radius:3px;padding:3px}input[type="number"]{width:60px}.field-input{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.field-input input[type="text"]{width:110px}input[type="checkbox"]{margin-right:5px}.copy-icon{width:17px;height:17px;cursor:pointer;color:#ccc;transition:color 0.3s;flex-shrink:0;align-self:center;margin-left:8px;min-width:17px;min-height:17px}.copy-icon:hover{color:#fff}.copy-icon::before{content:"";display:block;width:100%;height:100%;background:currentColor;mask:url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 20 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z" fill="%23FFFFFF"/></svg>');mask-size:contain;mask-repeat:no-repeat}.copy-icon.clicked::before{mask:url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 17L4 12L5.41 10.59L9 14.17L18.59 4.58L20 6L9 17Z" fill="%23FFFFFF"/></svg>')}.custom-tooltip{position:fixed;top:20px;left:50%;transform:translateX(-50%);padding:10px 20px;border-radius:5px;box-shadow:0 2px 10px rgb(0 0 0 / .2);z-index:9999;opacity:1;transition:opacity 1s ease}.custom-tooltip.hidden{display:none}.custom-tooltip.error{background:var(--tooltip-error-bg)}.custom-tooltip.success{background:var(--tooltip-success-bg)}.custom-tooltip.info{background:#3498db}.custom-tooltip.error,.custom-tooltip.success,.custom-tooltip.info{color:#fff}.footer{text-align:center;color:var(--header-color);padding:20px 0;width:100%;margin-top:auto}@media (max-width:940px){.container{flex-direction:column;height:auto;width:90%;max-width:550px}.password-section{width:auto;margin-right:0;margin-bottom:20px}.options-panel{width:auto}main{padding-top:50px}}