.roadmap-studio{--rm-accent:#2563eb;display:grid;gap:16px;min-width:0;color:var(--ink)}.rm-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:11px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.rm-toolbar .grow{flex:1}.rm-button,.rm-toolbar button{min-height:36px;padding:8px 12px;border:1px solid var(--border);border-radius:7px;background:var(--surface);font-size:12px;font-weight:600;white-space:nowrap}.rm-button:hover,.rm-toolbar button:hover{border-color:var(--rm-accent);background:color-mix(in srgb,var(--rm-accent) 7%,var(--surface))}.rm-primary{background:var(--rm-accent)!important;color:#fff!important;border-color:var(--rm-accent)!important}.rm-grid{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.5fr);gap:16px}.rm-equal{grid-template-columns:repeat(2,minmax(0,1fr))}.rm-panel{min-width:0;border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}.rm-panel>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px;border-bottom:1px solid var(--border)}.rm-panel h3{margin:0;font-size:14px;font-weight:650}.rm-body{display:grid;gap:13px;padding:15px}.rm-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rm-field{display:grid;gap:6px;min-width:0;font-size:12px;font-weight:550}.rm-field input,.rm-field select,.rm-field textarea,.rm-input{width:100%;min-width:0;padding:9px 10px;border:1px solid var(--border);border-radius:7px;background:color-mix(in srgb,var(--surface) 88%,#000);color:var(--ink);font-size:13px}.rm-field textarea{min-height:130px;resize:vertical;font:12px/1.55 ui-monospace,monospace}.rm-check{display:flex;align-items:center;gap:8px;min-height:36px;font-size:12px}.rm-check input{accent-color:var(--rm-accent)}.rm-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.rm-kpi{min-width:0;padding:12px;border:1px solid var(--border);border-radius:9px;background:color-mix(in srgb,var(--rm-accent) 5%,var(--surface))}.rm-kpi span{display:block;color:var(--muted);font-size:11px}.rm-kpi strong{display:block;margin-top:5px;font-size:18px;font-weight:680;overflow-wrap:anywhere}.rm-status{padding:9px 11px;border:1px solid var(--border);border-radius:7px;color:var(--muted);font-size:12px;line-height:1.55}.rm-status[role=alert]{color:#b91c1c;border-color:#fecaca;background:#fef2f2}.dark .rm-status[role=alert]{color:#fecaca;background:#301b22}.rm-note{padding:9px 11px;border:1px solid color-mix(in srgb,#d69e2e 28%,var(--border));border-radius:7px;background:color-mix(in srgb,#facc15 7%,var(--surface));font-size:11px;line-height:1.55;color:var(--muted)}.rm-table-wrap{max-height:520px;overflow:auto}.rm-table{width:100%;border-collapse:collapse;font-size:12px}.rm-table th{position:sticky;top:0;z-index:1;background:var(--surface);font-weight:650;text-align:left}.rm-table td,.rm-table th{padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:top}.rm-table td{overflow-wrap:anywhere}.rm-table tbody tr:hover{background:color-mix(in srgb,var(--rm-accent) 4%,transparent)}.rm-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:5px;background:var(--bg);font-size:11px}.rm-tabs{display:flex;gap:4px}.rm-tabs button{padding:6px 9px;border-radius:6px;font-size:11px}.rm-tabs button[aria-pressed=true]{color:#fff;background:var(--rm-accent)}.rm-code{min-height:260px;font:12px/1.6 ui-monospace,monospace}.rm-preview{padding:22px;min-height:280px;border-radius:9px;background:color-mix(in srgb,var(--surface) 82%,#64748b);overflow:auto}.rm-paper{width:min(100%,720px);min-height:300px;margin:auto;padding:36px;background:#fff;color:#172033;box-shadow:0 7px 24px #0002;white-space:pre-wrap;line-height:1.65}.rm-route{width:100%;min-height:300px;border:1px solid var(--border);border-radius:9px;background:radial-gradient(circle at center,color-mix(in srgb,var(--rm-accent) 4%,var(--surface)),var(--surface))}.rm-route line{stroke:var(--border);stroke-width:1}.rm-route path,.rm-route polyline{fill:none}.rm-route circle,.rm-route path,.rm-route polyline{stroke:var(--rm-accent);stroke-width:3;vector-effect:non-scaling-stroke}.rm-route circle{fill:var(--surface)}.rm-card,.rm-card-list{display:grid;gap:8px}.rm-card{padding:11px;border:1px solid var(--border);border-radius:9px;background:color-mix(in srgb,var(--surface) 94%,#000)}.rm-card[aria-current=true]{border-color:var(--rm-accent);box-shadow:0 0 0 1px var(--rm-accent)}.rm-row{display:flex;align-items:center;gap:8px;min-width:0}.rm-row .grow{flex:1;min-width:0}.rm-drop{display:grid;place-items:center;min-height:150px;border:1px dashed var(--border);border-radius:9px;color:var(--muted);text-align:center;padding:18px}.rm-hidden{display:none}.rm-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rm-story{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}.rm-story img,.rm-story-placeholder{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;background:color-mix(in srgb,var(--rm-accent) 7%,var(--surface));display:grid;place-items:center;color:var(--muted);font-size:12px}.rm-story-body{padding:11px;display:grid;gap:6px}.rm-story h4{margin:0;font-size:13px}.rm-story p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}@media(max-width:820px){.rm-equal,.rm-grid{grid-template-columns:1fr}.rm-kpis,.rm-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.rm-fields,.rm-kpis,.rm-story-grid{grid-template-columns:1fr}.rm-toolbar button{flex:1}.rm-paper{padding:22px}}