body{font-family:"Be Vietnam Pro","Segoe UI",Tahoma,Geneva,Verdana,sans-serif;font-size:14px;color:#0f172a;margin:0;padding:24px;min-height:100vh;background:linear-gradient(135deg, #fef2f2 0%, #f8fafc 100%)}.container.htaccess-generator{max-width:1200px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 30px 70px rgba(15,23,42,.08);overflow:hidden}.header{background:linear-gradient(150deg, #f97316, #f43f5e);color:#fff;padding:36px 38px}.header h1{margin:0 0 12px;font-size:30px;font-weight:700}.header .subtitle{margin:0;font-size:14px;opacity:.92}.tool-layout{display:grid;grid-template-columns:minmax(700px, 460px) 1fr;gap:26px;padding:32px 36px 36px}.input-card,.result-card{background:#fff7ed;border:1px solid #fed7aa;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:20px}.result-card{background:#fff;border:1px solid #fee2e2;box-shadow:0 24px 50px rgba(248,113,113,.12)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-header h2{margin:0;font-size:18px;color:#7c2d12}textarea,select,input[type=text]{width:100%;border-radius:12px;border:1px solid #fecaca;background:#fff;padding:14px 16px;font-family:"JetBrains Mono","Monaco","Menlo",monospace;font-size:13px;color:#0f172a;transition:border-color .3s ease,box-shadow .3s ease}textarea:focus,select:focus,input[type=text]:focus{border-color:#fb923c;box-shadow:0 0 0 3px rgba(251,146,60,.25);outline:none}textarea{min-height:160px;resize:vertical}.radio-group,.checkbox-group{display:grid;gap:12px}.radio-group{grid-template-columns:repeat(auto-fit, minmax(140px, 1fr))}.checkbox-group label,.radio-group label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#7c2d12}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#9a3412;margin:6px 0}.btn{padding:11px 20px;border-radius:10px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn.btn-primary{background:#ef4444;color:#fff}.btn.btn-primary:hover{background:#dc2626}.btn.btn-secondary{background:#fb923c;color:#fff}.btn.btn-secondary:hover{background:#f97316}.btn.btn-outline{background:rgba(0,0,0,0);border:1px solid #ef4444;color:#b91c1c}.btn.btn-outline:hover{background:rgba(248,113,113,.12)}.btn.btn-outline:disabled{border-color:#fbcfe8;color:#f97316;cursor:not-allowed}.button-group{display:flex;gap:12px;flex-wrap:wrap}.filename-row{display:grid;gap:8px;margin-top:6px}.filename-row label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#9a3412}.filename-row input{max-width:260px}.filename-row .hint{font-size:12px;color:#b45309}.status-message{min-height:24px;font-size:13px;font-weight:500}.status-message.status-success{color:#16a34a}.status-message.status-error{color:#dc2626}.output-area{min-height:320px;background:#0f172a;color:#f8fafc;border-radius:16px;border:1px solid #1e293b;padding:20px;font-family:"JetBrains Mono",monospace;font-size:13px;line-height:1.55;overflow:auto;white-space:pre}.option-section{border:1px solid #fed7aa;border-radius:14px;background:#fff1e6;padding:16px;display:grid;gap:14px}.tips-section{margin:0 36px 36px;padding:24px;background:#fef3c7;border:1px solid #fde68a;border-radius:16px}.tips-section h3{margin:0 0 12px;font-size:16px;color:#b45309}.tips-section ul{margin:0;padding-left:20px}.tips-section ul li{padding:6px 0;color:#92400e}.history-list{display:grid;gap:10px;max-height:200px;overflow:auto}.history-list .history-item{background:#fee2e2;border:1px solid #fecaca;border-radius:12px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.history-list .history-item .text{font-family:"JetBrains Mono",monospace;font-size:12px;color:#7f1d1d;word-break:break-word}.history-list .history-item button{font-size:11px;padding:6px 10px;border-radius:6px}.history-list .history-empty{color:#7f1d1d}@media(max-width: 1100px){body{padding:20px}.tool-layout{grid-template-columns:1fr}}@media(max-width: 640px){body{padding:12px}.container.htaccess-generator{border-radius:14px;margin:0}.tool-layout{padding:24px}.button-group{flex-direction:column;align-items:stretch}.button-group .btn{width:100%}.radio-group{grid-template-columns:1fr}}