*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;min-height:100vh}.app-header{background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 2px 4px #0000001a;padding:1rem 0}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.header-content,.logo{align-items:center;display:flex}.logo{color:#333;font-size:1.5rem;font-weight:700;gap:12px;text-decoration:none}.logo svg{flex-shrink:0}.nav-links{display:flex;gap:2rem}.nav-links a{color:#666;font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#007bff}.nav-links a:after{background:#007bff;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a:hover:after{width:100%}.container{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 6px #0000001a;flex:1 1;margin:2rem auto;max-width:800px;padding:40px;width:100%}.page-header{margin-bottom:40px;text-align:center}.page-header h1{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:10px}.page-header p{color:#666;font-size:1.1rem;margin-bottom:20px}.feature-badges{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.badge{background:#007bff;border-radius:20px;box-shadow:0 2px 4px #007bff4d;color:#fff;font-size:.85rem;font-weight:500;padding:6px 16px}.controls{grid-gap:20px;align-items:end;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{color:#333;font-size:.9rem;font-weight:600}.control-group input[type=number],.control-group select{background:#fff;border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;padding:12px 16px;transition:all .3s ease}.control-group input[type=number]:focus,.control-group select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.control-group select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.checkbox-group{align-items:center;flex-direction:row;gap:12px}.checkbox-group label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:8px}.checkbox-group input[type=checkbox]{accent-color:#007bff;cursor:pointer;height:18px;width:18px}.generate-btn{background:#007bff;border:none;border-radius:8px;box-shadow:0 2px 4px #007bff4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .3s ease}.generate-btn:hover{background:#0056b3;box-shadow:0 4px 8px #007bff66;transform:translateY(-1px)}.generate-btn:active{transform:translateY(0)}.output-section{margin-top:30px}.output-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.output-header h3{color:#333;font-size:1.3rem;font-weight:600}.output-actions{display:flex;gap:10px}.clear-btn,.copy-btn{border:2px solid #007bff;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.copy-btn{background:#007bff;color:#fff}.copy-btn:hover{background:#0056b3;transform:translateY(-1px)}.clear-btn{background:#0000;color:#007bff}.clear-btn:hover{background:#007bff;color:#fff;transform:translateY(-1px)}.output-text{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;color:#495057;font-size:1rem;line-height:1.7;max-height:400px;overflow-y:auto;padding:25px}.output-text p{margin-bottom:16px;text-align:justify}.output-text p:last-child{margin-bottom:0}.output-text::-webkit-scrollbar{width:8px}.output-text::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.output-text::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.output-text::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.app-footer{background:#fff;border-top:1px solid #e9ecef;margin-top:2rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto;max-width:1200px;padding:3rem 2rem 2rem}.footer-section h4{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#666;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#007bff}.footer-logo{align-items:center;color:#333;display:flex;font-size:1.3rem;font-weight:700;gap:12px;margin-bottom:1rem}.footer-section p{color:#666;line-height:1.6;margin-bottom:1rem}.social-links{display:flex;gap:1rem}.social-links a{background:#f8f9fa;border-radius:6px;color:#666;padding:8px;transition:all .3s ease}.social-links a:hover{background:#e9ecef;color:#007bff;transform:translateY(-1px)}.footer-bottom{border-top:1px solid #0000001a;padding:1.5rem 0}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.footer-bottom p{color:#666;margin:0}.footer-bottom-links{display:flex;gap:2rem}.footer-bottom-links a{color:#666;font-size:.9rem;text-decoration:none;transition:color .3s ease}.footer-bottom-links a:hover{color:#007bff}@media (max-width:768px){.container{margin:10px;padding:20px}.header-content{flex-direction:column;gap:1rem;padding:0 1rem}.nav-links{gap:1.5rem}.page-header h1{font-size:2rem}.controls{grid-template-columns:1fr}.output-header{align-items:stretch;flex-direction:column}.output-actions{justify-content:center}.footer-content{grid-template-columns:1fr;padding:2rem 1rem 1rem;text-align:center}.footer-bottom-content{flex-direction:column;padding:0 1rem;text-align:center}.footer-bottom-links{justify-content:center}}@media (max-width:480px){.page-header h1{font-size:1.8rem}.page-header p{font-size:1rem}.feature-badges,.output-actions{flex-direction:column}.feature-badges{align-items:center}.nav-links{gap:1rem}.footer-bottom-links{flex-direction:column;gap:1rem}}
/*# sourceMappingURL=main.0ffad87b.css.map*/