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, #ecfdf5 0%, #f8fafc 100%)}.container.robots-generator{max-width:1180px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 28px 60px rgba(15,23,42,.08);overflow:hidden}.header{background:linear-gradient(150deg, #10b981, #14b8a6);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(360px, 440px) 1fr;gap:26px;padding:32px 36px 36px}.input-card,.result-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:20px}.result-card{background:#fff;border:1px solid #a7f3d0;box-shadow:0 24px 50px rgba(13,148,136,.12)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-header h2{margin:0;font-size:18px;color:#0f5132}textarea,select,input[type=text],input[type=url]{width:100%;border-radius:12px;border:1px solid #99f6e4;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,input[type=url]:focus{border-color:#0f766e;box-shadow:0 0 0 3px rgba(20,184,166,.25);outline:none}textarea{min-height:130px;resize:vertical}.option-section{border:1px solid #bbf7d0;border-radius:14px;background:#ecfdf5;padding:16px;display:grid;gap:14px}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#0f5132;margin:4px 0}.radio-group,.checkbox-group{display:grid;gap:10px}.radio-group{grid-template-columns:repeat(auto-fit, minmax(160px, 1fr))}.radio-group label,.checkbox-group label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#0f5132}.compact-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:12px}.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:#0ea5e9;color:#fff}.btn.btn-primary:hover{background:#0284c7}.btn.btn-secondary{background:#10b981;color:#fff}.btn.btn-secondary:hover{background:#059669}.btn.btn-outline{background:rgba(0,0,0,0);border:1px solid #0ea5e9;color:#0369a1}.btn.btn-outline:hover{background:rgba(14,165,233,.12)}.btn.btn-outline:disabled{border-color:#bae6fd;color:#38bdf8;cursor:not-allowed}.button-group{display:flex;gap:12px;flex-wrap:wrap}.filename-row{display:grid;gap:8px}.filename-row label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#0f5132}.filename-row input{max-width:240px}.filename-row .hint{font-size:12px;color:#047857}.status-message{min-height:24px;font-size:13px;font-weight:500}.status-message.status-success{color:#059669}.status-message.status-error{color:#dc2626}.output-area{min-height:320px;background:#0f172a;color:#f8fafc;border-radius:16px;border:1px solid #1f293b;padding:20px;font-family:"JetBrains Mono",monospace;font-size:13px;line-height:1.55;overflow:auto;white-space:pre}.helper-note{font-size:12px;color:#0f5132;background:#d1fae5;border:1px solid #bbf7d0;border-radius:12px;padding:12px 14px}.tips-section{margin:0 36px 36px;padding:24px;background:#dcfce7;border:1px solid #bbf7d0;border-radius:16px}.tips-section h3{margin:0 0 12px;font-size:16px;color:#0f5132}.tips-section ul{margin:0;padding-left:20px}.tips-section ul li{padding:6px 0;color:#065f46}.history-list{display:grid;gap:10px;max-height:200px;overflow:auto}.history-list .history-item{background:#ecfdf5;border:1px solid #bbf7d0;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:#0f5132;word-break:break-word}.history-list .history-item button{font-size:11px;padding:6px 10px;border-radius:6px}.history-list .history-empty{color:#047857}@media(max-width: 1080px){body{padding:20px}.tool-layout{grid-template-columns:1fr}}@media(max-width: 640px){body{padding:12px}.container.robots-generator{border-radius:14px;margin:0}.tool-layout{padding:22px}.button-group{flex-direction:column;align-items:stretch}.button-group .btn{width:100%}.radio-group{grid-template-columns:1fr}}