.roairr-wrap{--roairr-c1:#07569A;--roairr-c2:#00AEB5;--roairr-text:#fff;max-width:1180px;margin:20px auto;background:#fff;border-radius:18px;box-shadow:0 12px 40px rgba(15,40,70,.14);overflow:hidden;font-family:Arial,sans-serif;color:#243447}.roairr-header{background:linear-gradient(135deg,var(--roairr-c1),var(--roairr-c2));padding:28px 32px;color:var(--roairr-text)!important}.roairr-header h2,.roairr-header p{color:var(--roairr-text)!important;margin:0}.roairr-header h2{font-size:30px;line-height:1.2;font-weight:700}.roairr-header p{margin-top:7px;font-size:15px;opacity:.96}.roairr-tabs{display:flex;gap:4px;padding:10px 14px;background:#f3f7fa;border-bottom:1px solid #e1e8ef;overflow:auto}.roairr-tabs button{border:0;background:transparent;padding:12px 16px;border-radius:9px;font-weight:700;color:#3d5063;cursor:pointer;white-space:nowrap}.roairr-tabs button.active{background:#fff;color:#07569A;box-shadow:0 3px 12px rgba(20,50,80,.1)}.roairr-body{padding:26px}.roairr-tab{display:none}.roairr-tab.active{display:block}.roairr-grid{display:grid;grid-template-columns:minmax(280px,390px) minmax(0,1fr);gap:26px}.roairr-controls{min-width:0}.roairr-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #b8cad9;border-radius:14px;padding:26px;text-align:center;background:#f8fbfd;cursor:pointer}.roairr-upload span{font-size:17px;font-weight:700;color:#07569A}.roairr-upload small{margin-top:6px;color:#718096}.roairr-upload input{margin-top:14px;max-width:100%}.roairr-field{margin-top:17px}.roairr-field label{display:flex;justify-content:space-between;gap:12px;font-weight:700;margin-bottom:7px;color:#34495e}.roairr-field select,.roairr-field textarea{width:100%;box-sizing:border-box;border:1px solid #cbd7e2;border-radius:9px;padding:11px;background:#fff;font:inherit}.roairr-field input[type=range]{width:100%}.muted{font-weight:400;color:#82909e;font-size:12px}.roairr-btn{width:100%;margin-top:18px;border:0;border-radius:10px;padding:14px 18px;background:linear-gradient(135deg,var(--roairr-c1),var(--roairr-c2));color:#fff!important;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 7px 18px rgba(7,86,154,.22)}.roairr-btn:disabled{opacity:.6;cursor:wait}.roairr-status{margin-top:12px;min-height:20px;font-size:13px}.roairr-preview{min-width:0;border:1px solid #e1e8ef;border-radius:14px;background:#f8fafc;padding:15px}.roairr-preview-title{font-weight:700;color:#07569A;margin:2px 4px 12px}.roairr-svg svg{display:block;width:100%;height:auto}.roairr-image-result{margin-top:14px}.roairr-image-result img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 8px 22px rgba(20,40,60,.14)}.roairr-result-label{font-weight:700;margin:10px 2px 7px;color:#07569A}.roairr-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.roairr-style-card{padding:18px;border:1px solid #dfe7ee;border-radius:13px;background:#fff;display:flex;flex-direction:column;gap:7px;box-shadow:0 5px 16px rgba(30,50,70,.06)}.roairr-style-icon{width:38px;height:38px;border-radius:10px;background:#e8f6f5;color:#07569A;display:flex;align-items:center;justify-content:center;font-weight:800}.roairr-style-card strong{color:#07569A}.roairr-style-card span{font-size:13px;color:#697887;line-height:1.45}.roairr-guide h3{color:#07569A;margin-top:0}.roairr-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.roairr-steps>div{border:1px solid #dfe7ee;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:6px}.roairr-steps b{width:32px;height:32px;border-radius:50%;background:#e8f6f5;color:#07569A;display:flex;align-items:center;justify-content:center}.roairr-note{margin-top:20px;padding:13px 15px;background:#f3f7fa;border-left:4px solid #00AEB5;border-radius:7px;font-size:13px;line-height:1.5}.roairr-credit{text-align:center;padding:12px 18px;color:#7a8793;font-size:12px;border-top:1px solid #edf1f4}@media(max-width:800px){.roairr-grid{grid-template-columns:1fr}.roairr-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roairr-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.roairr-body{padding:16px}.roairr-header{padding:23px 20px}.roairr-header h2{font-size:25px}.roairr-style-grid,.roairr-steps{grid-template-columns:1fr}.roairr-tabs button{padding:10px 12px}}