.robc-app{--robc-gold:#c9a227;--robc-dark:#111;max-width:1100px;margin:30px auto;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#171717}.robc-head{display:flex;justify-content:space-between;align-items:center;padding:28px;border-radius:18px;background:linear-gradient(135deg,#111,#292929);color:#fff;margin-bottom:18px}.robc-kicker{font-size:11px;letter-spacing:2px;color:#d9bd52}.robc-head h2{margin:5px 0;font-size:30px}.robc-head p{margin:0;color:#ccc}.robc-badge{border:1px solid #c9a227;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:700;color:#e0c55d}.robc-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.robc-panel{background:#fff;border:1px solid #e5e5e5;border-radius:18px;padding:22px;box-shadow:0 8px 30px rgba(0,0,0,.05)}.robc-row{display:grid;gap:14px;margin-bottom:14px}.robc-row.two{grid-template-columns:1fr 1fr}.robc-panel label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700}.robc-panel input,.robc-panel select{width:100%;box-sizing:border-box;border:1px solid #d9d9d9;border-radius:9px;padding:10px;background:#fff}.robc-panel input[type=color]{height:42px;padding:3px}.robc-panel output{font-size:12px;font-weight:600}.robc-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.robc-actions button{border:1px solid #d1d1d1;background:#fff;border-radius:9px;padding:10px 14px;cursor:pointer;font-weight:700}.robc-actions .robc-primary{background:#111;color:#fff;border-color:#111}.robc-preview-panel{display:flex;flex-direction:column}.robc-preview-title{display:flex;justify-content:space-between;margin-bottom:12px}.robc-preview{min-height:300px;border:1px dashed #ccc;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:auto;background:#fafafa;padding:15px}.robc-preview svg{max-width:100%;height:auto}.robc-probox{margin-top:18px;border:1px solid #eadca5;background:#fffaf0;padding:13px;border-radius:11px;display:flex;flex-direction:column;gap:4px}.robc-probox small{color:#806b22}.robc-help{margin-top:15px;font-size:13px;color:#666}.robc-error{color:#b42318;font-size:13px;font-weight:700}.robc-success{color:#157347;font-size:13px;font-weight:700}@media(max-width:760px){.robc-layout{grid-template-columns:1fr}.robc-row.two{grid-template-columns:1fr}.robc-head{padding:20px}.robc-head h2{font-size:24px}}