.roqr-app{max-width:1180px;margin:25px auto;padding:22px;border:1px solid #ddd;border-radius:18px;background:#fff;box-shadow:0 10px 35px rgba(0,0,0,.07);font-family:inherit}.roqr-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.roqr-head h2{margin:0 0 5px}.roqr-head p{margin:0;color:#6b7280}.roqr-pill{background:#111;color:#fff;border-radius:999px;padding:7px 13px;font-size:11px;font-weight:800}.roqr-types{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0}.roqr-type{border:1px solid #d1d5db;background:#f8f8f8;border-radius:8px;padding:10px;cursor:pointer}.roqr-type.active{background:#111;color:#fff;border-color:#111}.roqr-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.roqr-card{border:1px solid #e5e7eb;border-radius:15px;padding:18px}.roqr-field{display:block;margin-bottom:14px}.roqr-field span{display:block;font-weight:700;margin-bottom:6px}.roqr-field input,.roqr-field textarea,.roqr-field select{width:100%;box-sizing:border-box;padding:10px;border:1px solid #d1d5db;border-radius:7px;background:#fff}.roqr-field textarea{resize:vertical}.roqr-pro-panel{border:1px solid #d9d9d9;border-radius:13px;padding:15px;margin:18px 0}.roqr-panel-title{display:flex;justify-content:space-between;margin-bottom:12px}.roqr-panel-title span{font-size:10px;background:#111;color:#fff;border-radius:5px;padding:4px 7px}.roqr-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.roqr-options label{font-size:12px;font-weight:700}.roqr-options input,.roqr-options select{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:8px;border:1px solid #ccc;border-radius:6px}.roqr-options input[type=color]{height:39px;padding:3px}.roqr-wide{grid-column:1/-1}.roqr-primary,.roqr-secondary{border:0;border-radius:8px;padding:11px 16px;cursor:pointer}.roqr-primary{width:100%;background:#111;color:#fff;font-weight:800}.roqr-secondary{background:#eee}.roqr-preview{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:480px}.roqr-preview svg{max-width:100%;height:auto}.roqr-empty{color:#888;padding:80px 20px}.roqr-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:16px}.roqr-actions small{font-size:9px}.roqr-note,.roqr-lock{font-size:12px;color:#6b7280}.roqr-lock{background:#fff6d5;padding:10px;border-radius:8px;margin-top:12px}.roqr-app[data-pro="0"] .roqr-pro-panel{opacity:.72}.roqr-app[data-pro="0"] .roqr-pro-panel input,.roqr-app[data-pro="0"] .roqr-pro-panel select,.roqr-app[data-pro="0"] #roqr-media{pointer-events:none}.roqr-app[data-pro="0"] #roqr-generate{margin-top:4px}@media(max-width:850px){.roqr-layout{grid-template-columns:1fr}.roqr-types{grid-template-columns:repeat(2,1fr)}.roqr-options{grid-template-columns:1fr}.roqr-wide{grid-column:auto}.roqr-head{align-items:flex-start;flex-direction:column}}