*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px;color:#333}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto}nav{background:#fffffff2;padding:15px 30px;border-radius:10px;margin-bottom:30px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;align-items:center}nav a{color:#667eea;text-decoration:none;font-weight:600;font-size:18px;transition:color .3s}nav a:hover{color:#764ba2}.tool-card{background:#fffffff2;border-radius:15px;padding:40px;box-shadow:0 10px 30px #0003;margin-bottom:30px}h1{color:#333;margin-bottom:10px;font-size:32px}h2{color:#667eea;margin-bottom:30px;font-size:24px}.form-group{margin-bottom:25px}label{display:block;margin-bottom:8px;font-weight:600;color:#555}input[type=text],input[type=number],input[type=range],textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s}input[type=text]:focus,input[type=number]:focus,textarea:focus{outline:none;border-color:#667eea}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}input[type=range]{padding:0;height:8px;background:#e0e0e0;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#667eea;border-radius:50%;cursor:pointer}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#667eea;border-radius:50%;cursor:pointer;border:none}.range-value{display:inline-block;margin-left:10px;font-weight:600;color:#667eea}.checkbox-group{display:flex;align-items:center;margin-bottom:15px;padding:8px 12px;border-radius:8px;transition:background-color .3s ease;gap:0}.checkbox-group:hover{background-color:#667eea0d}input[type=checkbox]{width:20px;height:20px;margin-right:10px;cursor:pointer}input[type=radio]{width:20px;height:20px;margin-right:10px;margin-top:0;margin-bottom:0;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid #e0e0e0;border-radius:50%;background:#fff;position:relative;transition:all .3s ease;flex-shrink:0;align-self:center}input[type=radio]:hover{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}input[type=radio]:checked{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2)}input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#fff}.checkbox-group label{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .3s ease;line-height:20px;margin:0;padding:0;display:flex;align-items:center}.checkbox-group:hover label{color:#667eea}button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 30px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-right:10px}button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}button:active{transform:translateY(0)}.result-box{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;padding:20px;margin-top:20px;word-break:break-all;font-family:Courier New,monospace;font-size:18px;position:relative}.copy-btn{position:absolute;top:10px;right:10px;padding:8px 15px;font-size:14px}.strength-indicator{margin-top:15px;display:flex;gap:5px}.strength-bar{flex:1;height:8px;background:#e0e0e0;border-radius:4px;transition:background-color .3s}.strength-bar.active{background:#4caf50}.strength-bar.medium{background:#ff9800}.strength-bar.weak{background:#f44336}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px;align-items:stretch}.tool-link{display:flex;flex-direction:column;background:#fffffff2;padding:20px;border-radius:15px;text-decoration:none;color:#333;box-shadow:0 5px 15px #0000001a;transition:transform .3s,box-shadow .3s;min-height:140px;height:100%}.tool-link:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003}.tool-link h3{color:#667eea;margin-bottom:10px;font-size:24px;flex-shrink:0}.tool-link p{color:#666;line-height:1.6;flex-grow:1;margin:0}.qr-preview{display:flex;justify-content:center;align-items:center;margin-top:20px;padding:20px;background:#f8f9fa;border-radius:8px;min-height:300px}.qr-preview canvas{max-width:100%;height:auto}.lang-switcher select{padding:8px 12px;border-radius:6px;border:2px solid #e0e0e0;font-size:14px;cursor:pointer}@media (max-width: 1024px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.tool-card{padding:20px}h1{font-size:24px}h2{font-size:20px}.tools-grid{grid-template-columns:1fr}}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.footer{background:#fffffff2;padding:20px 30px;border-radius:10px;margin-top:40px;box-shadow:0 4px 6px #0000001a}.footer-content{display:flex;justify-content:center;align-items:center;gap:30px;flex-wrap:wrap}.footer-content a{color:#667eea;text-decoration:none;font-weight:500;font-size:14px;transition:color .3s}.footer-content a:hover{color:#764ba2}@media (max-width: 768px){.footer{padding:15px 20px}.footer-content{gap:20px;font-size:12px}.footer-content a{font-size:12px}}