.rcms-root{--rcms-border: #e5e7eb;--rcms-border-hover: #d1d5db;--rcms-border-focus: #6366f1;--rcms-radius: 10px;--rcms-bg: #ffffff;--rcms-bg-hover: #f9fafb;--rcms-bg-highlighted: #eef2ff;--rcms-bg-selected: #e0e7ff;--rcms-fg: #0f172a;--rcms-fg-muted: #64748b;--rcms-map-color: #6366f1;--rcms-shadow: 0 4px 6px -1px rgba(15, 23, 42, .06), 0 2px 4px -2px rgba(15, 23, 42, .04);--rcms-shadow-menu: 0 12px 24px -8px rgba(15, 23, 42, .18), 0 4px 8px -4px rgba(15, 23, 42, .08);--rcms-ring: rgba(99, 102, 241, .18);--rcms-row-gap: .625rem;--rcms-trigger-height: 44px;position:relative;display:inline-block;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.4;color:var(--rcms-fg);width:100%;max-width:360px;box-sizing:border-box}.rcms-root *,.rcms-root *:before,.rcms-root *:after{box-sizing:border-box}.rcms-trigger{display:flex;align-items:center;gap:var(--rcms-row-gap);min-height:var(--rcms-trigger-height);padding:0 12px;border:1px solid var(--rcms-border);border-radius:var(--rcms-radius);background:var(--rcms-bg);cursor:text;box-shadow:var(--rcms-shadow);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.rcms-trigger:hover{border-color:var(--rcms-border-hover)}.rcms-trigger:focus-within{border-color:var(--rcms-border-focus);box-shadow:var(--rcms-shadow),0 0 0 4px var(--rcms-ring)}.rcms-trigger[data-disabled]{background:#f8fafc;cursor:not-allowed;opacity:.65;box-shadow:none}.rcms-trigger-map{flex:none;color:var(--rcms-map-color);display:inline-block}.rcms-trigger-map--empty{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:6px}.rcms-input{flex:1 1 auto;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;color:inherit;font:inherit;line-height:1.4}.rcms-input::placeholder{color:var(--rcms-fg-muted)}.rcms-toggle{flex:none;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--rcms-fg-muted);cursor:pointer;border-radius:6px;transition:background-color .12s ease,color .12s ease,transform .2s ease}.rcms-toggle:hover{background:var(--rcms-bg-hover);color:var(--rcms-fg)}.rcms-toggle:focus-visible{outline:2px solid var(--rcms-border-focus);outline-offset:1px}.rcms-toggle-caret{display:inline-block;font-size:11px;line-height:1;transition:transform .2s ease}.rcms-menu[data-open]~.rcms-trigger .rcms-toggle-caret,.rcms-trigger:has(~.rcms-menu[data-open]) .rcms-toggle-caret{transform:rotate(180deg)}.rcms-menu{list-style:none;margin:6px 0 0;padding:6px;position:absolute;z-index:50;left:0;right:0;background:var(--rcms-bg);border:1px solid var(--rcms-border);border-radius:var(--rcms-radius);box-shadow:var(--rcms-shadow-menu);overflow-y:auto;display:none;scroll-behavior:smooth;animation:rcms-menu-in .14s ease-out}.rcms-menu[data-open]{display:block}@keyframes rcms-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.rcms-menu::-webkit-scrollbar{width:10px}.rcms-menu::-webkit-scrollbar-track{background:transparent}.rcms-menu::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:999px;border:2px solid var(--rcms-bg)}.rcms-menu::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.rcms-option{display:flex;align-items:center;gap:var(--rcms-row-gap);padding:8px 10px;border-radius:7px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color 80ms ease}.rcms-option--highlighted{background:var(--rcms-bg-highlighted)}.rcms-option--selected{background:var(--rcms-bg-selected);font-weight:600}.rcms-option--selected.rcms-option--highlighted{background:var(--rcms-bg-selected)}.rcms-option-map{flex:none;color:var(--rcms-map-color)}.rcms-option-label{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rcms-empty{padding:10px 12px;color:var(--rcms-fg-muted);font-style:italic;text-align:center}.rcms-map-skeleton{background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;border-radius:4px;display:inline-block;animation:rcms-skeleton-shimmer 1.4s ease-in-out infinite}@keyframes rcms-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-color-scheme: dark){.rcms-root{--rcms-border: #1f2937;--rcms-border-hover: #334155;--rcms-border-focus: #818cf8;--rcms-bg: #0f172a;--rcms-bg-hover: #1e293b;--rcms-bg-highlighted: #1e293b;--rcms-bg-selected: #312e81;--rcms-fg: #f1f5f9;--rcms-fg-muted: #94a3b8;--rcms-map-color: #a5b4fc;--rcms-ring: rgba(129, 140, 248, .22);--rcms-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);--rcms-shadow-menu: 0 16px 32px -12px rgba(0, 0, 0, .6), 0 4px 12px -4px rgba(0, 0, 0, .4)}.rcms-trigger[data-disabled]{background:#0b1220}.rcms-trigger-map--empty{background:linear-gradient(135deg,#1e293b,#0f172a)}.rcms-menu::-webkit-scrollbar-thumb{background:#334155;border-color:var(--rcms-bg)}.rcms-menu::-webkit-scrollbar-thumb:hover{background:#475569}.rcms-map-skeleton{background:linear-gradient(90deg,#1e293b,#334155,#1e293b);background-size:200% 100%}}@media (prefers-reduced-motion: reduce){.rcms-menu,.rcms-toggle-caret,.rcms-trigger,.rcms-toggle,.rcms-option,.rcms-map-skeleton{animation:none!important;transition:none!important}}:root{--demo-bg: #f8fafc;--demo-surface: #ffffff;--demo-border: #e5e7eb;--demo-fg: #0f172a;--demo-fg-muted: #64748b;--demo-accent: #6366f1;--demo-accent-soft: #eef2ff;--demo-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px -12px rgba(15, 23, 42, .12)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--demo-bg);color:var(--demo-fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:radial-gradient(900px 500px at 80% -10%,rgba(99,102,241,.12),transparent 60%),radial-gradient(700px 500px at -10% 30%,rgba(56,189,248,.1),transparent 60%),var(--demo-bg);min-height:100vh}.demo-shell{max-width:1080px;margin:0 auto;padding:64px 24px 48px;display:flex;flex-direction:column;gap:40px}@media (max-width: 900px){.demo-shell{padding:48px 20px 40px;gap:32px}}@media (max-width: 600px){.demo-shell{padding:28px 16px 32px;gap:22px}}.demo-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}@media (max-width: 600px){.demo-header{gap:14px}}.demo-install{display:inline-flex;align-items:center;gap:12px;padding:8px 8px 8px 16px;background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:999px;font-size:13.5px;font-family:inherit;color:var(--demo-fg);box-shadow:var(--demo-shadow);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform 80ms ease}.demo-install:hover{border-color:var(--demo-accent);box-shadow:0 1px 2px #0f172a0a,0 12px 28px -12px #6366f159}.demo-install:active{transform:translateY(1px)}.demo-install:focus-visible{outline:2px solid var(--demo-accent);outline-offset:3px}.demo-install-prompt{color:var(--demo-fg-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Cascadia Mono,Consolas,monospace;font-weight:600;-webkit-user-select:none;user-select:none}.demo-install-cmd{font-family:ui-monospace,SFMono-Regular,Menlo,Cascadia Mono,Consolas,monospace;background:transparent}.demo-install-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:var(--demo-accent-soft);color:var(--demo-accent);transition:background-color .15s ease,color .15s ease,transform .2s ease}.demo-install[data-copied] .demo-install-icon{background:#d1fae5;color:#047857;transform:scale(1.05)}.demo-install-status{min-width:48px;text-align:left;padding-right:6px;font-size:12px;font-weight:600;color:var(--demo-fg-muted);transition:color .15s ease}.demo-install[data-copied] .demo-install-status{color:#047857}@media (max-width: 600px){.demo-install{font-size:12.5px;padding:6px 6px 6px 14px;gap:10px}}@media (max-width: 420px){.demo-install-status{display:none}.demo-install-cmd{font-size:12px}}.demo-title{margin:0;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.1;letter-spacing:-.025em;font-weight:800}.demo-title-accent{background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}.demo-subtitle{margin:0;max-width:600px;font-size:17px;line-height:1.55;color:var(--demo-fg-muted)}@media (max-width: 600px){.demo-subtitle{font-size:15px}}.demo-card{background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:20px;padding:32px;box-shadow:var(--demo-shadow)}.demo-card-row{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:32px;align-items:start}@media (max-width: 900px){.demo-card{padding:26px}.demo-card-row{grid-template-columns:1fr;gap:24px}}@media (max-width: 600px){.demo-card{padding:20px;border-radius:16px}.demo-card-row{gap:20px}}.demo-field{display:flex;flex-direction:column;gap:10px}.demo-label{font-size:13px;font-weight:600;color:var(--demo-fg);text-transform:uppercase;letter-spacing:.04em}.demo-hint{margin:0;font-size:13px;color:var(--demo-fg-muted)}.demo-hint kbd{display:inline-block;padding:1px 6px;border:1px solid var(--demo-border);border-bottom-width:2px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Cascadia Mono,Consolas,monospace;font-size:12px;background:var(--demo-bg);color:var(--demo-fg)}.demo-preview{display:flex;align-items:center;gap:24px;padding:24px;background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:1px solid var(--demo-border);border-radius:16px;min-height:200px}@media (max-width: 600px){.demo-preview{flex-direction:column;align-items:center;text-align:center;gap:16px;padding:20px;min-height:0}.demo-preview-info{align-items:center}.demo-preview-code{margin-left:auto;margin-right:auto}}.demo-preview-map{flex:none;width:140px;height:140px;display:flex;align-items:center;justify-content:center;color:var(--demo-accent);background:var(--demo-surface);border-radius:12px;box-shadow:var(--demo-shadow);padding:12px}.demo-preview-info{display:flex;flex-direction:column;gap:6px;min-width:0}.demo-preview-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--demo-accent)}.demo-preview-name{margin:0;font-size:26px;font-weight:700;letter-spacing:-.01em;line-height:1.2}.demo-preview-official{margin:0;font-size:13px;color:var(--demo-fg-muted)}.demo-preview-code{display:inline-block;margin-top:8px;padding:3px 10px;background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:999px;font-family:ui-monospace,SFMono-Regular,Menlo,Cascadia Mono,Consolas,monospace;font-size:12px;color:var(--demo-fg-muted);width:fit-content}.demo-preview-empty{width:100%;text-align:center;color:var(--demo-fg-muted);font-size:14px}.demo-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 900px){.demo-features{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.demo-features{grid-template-columns:1fr}}.demo-feature{background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--demo-shadow)}.demo-feature-title{margin:0;font-size:15px;font-weight:700}.demo-feature-body{margin:0;font-size:14px;line-height:1.55;color:var(--demo-fg-muted)}.demo-code-card{position:relative;background:#0f172a;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--demo-shadow)}@media (max-width: 600px){.demo-code-card{padding:18px;border-radius:14px}}.demo-code-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.demo-code{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Cascadia Mono,Consolas,monospace;font-size:13px;line-height:1.7;color:#e2e8f0;overflow-x:auto;white-space:pre}.demo-footer{display:flex;justify-content:center;padding-top:8px;font-size:13px;color:var(--demo-fg-muted)}@media (max-width: 600px){.demo-footer{font-size:12px;text-align:center;padding:0 8px}}.demo-footer a{color:var(--demo-accent);text-decoration:none}.demo-footer a:hover{text-decoration:underline}@media (max-width: 420px){.demo-preview-map{width:110px;height:110px;padding:10px}.demo-preview-name{font-size:22px}}@media (max-width: 600px){.demo-code{font-size:12px}}.demo-copy-btn{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#94a3b8;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform 80ms ease}.demo-copy-btn:hover{background:#ffffff1f;color:#e2e8f0;border-color:#fff3}.demo-copy-btn:active{transform:translateY(1px)}.demo-copy-btn:focus-visible{outline:2px solid var(--demo-accent);outline-offset:2px}.demo-copy-btn[data-copied]{background:#10b98129;border-color:#10b98159;color:#34d399}