:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0;font-family:Inter,sans-serif;background-color:#f0f2f5;color:#333}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:#282c34;color:#fff;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000}.app-title{margin:0;font-size:1.8rem}.sidebar-toggle-button{background-color:#61dafb;color:#282c34;border:none;padding:.75rem 1.25rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 6px #0000001a}.sidebar-toggle-button:hover{background-color:#21a1f1;transform:translateY(-2px)}.sidebar-toggle-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.main-content-wrapper{display:flex;flex:1;position:relative}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:998;display:none}.page-content{flex:1;padding:2rem;transition:margin-left .3s ease-in-out;background-color:#fff;border-radius:12px;margin:1.5rem;box-shadow:0 4px 12px #0000000d}.page-content h2{color:#282c34;margin-top:0;font-size:2rem;border-bottom:2px solid #eee;padding-bottom:1rem;margin-bottom:2rem}.page-content p{line-height:1.6;margin-bottom:1rem}.placeholder-content{margin-top:3rem;padding-top:2rem;border-top:1px dashed #ddd}.placeholder-content h3{color:#495057;font-size:1.5rem;margin-bottom:1.5rem}@media (min-width: 768px){.sidebar-toggle-button,.sidebar-overlay{display:none}.page-content{margin-left:0}}@media (max-width: 767px){.page-content{margin:1rem;width:calc(100% - 2rem)}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}._grid_1jish_3{display:grid;grid-template-columns:repeat(3,120px);gap:10px;justify-content:center;align-items:center;padding:20px}._button_1jish_12{width:120px;height:60px;font-size:16px;font-weight:700;cursor:pointer}._rosMessageBox_1jish_20{margin-bottom:1rem;padding:.5rem;border:2px dashed #ccc;background-color:#f8f8f8;font-family:monospace;font-size:1rem}._statusBar_1jish_29{margin-bottom:1rem;padding:.5rem;font-weight:700;font-family:monospace;font-size:1rem}._sidebar_1jsbo_3{width:280px;background-color:#343a40;color:#fff;padding:1.5rem 1rem;box-shadow:2px 0 5px #0003;transition:transform .3s ease-in-out;transform:translate(-100%);position:fixed;height:100%;top:0;left:0;z-index:999;display:flex;flex-direction:column;border-top-right-radius:12px;border-bottom-right-radius:12px}._open_1jsbo_22{transform:translate(0)}._sidebarHeader_1jsbo_27{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}._sidebarHeader_1jsbo_27 h3{margin:0;font-size:1.5rem;color:#61dafb}._closeSidebarButton_1jsbo_43{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0 .5rem;transition:color .3s ease;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}._closeSidebarButton_1jsbo_43:hover{color:#61dafb;background-color:#ffffff1a}._sidebarNav_1jsbo_65 ul{list-style:none;padding:0;margin:0;flex-grow:1}._sidebarNav_1jsbo_65 li{margin-bottom:1rem}._sidebarNav_1jsbo_65 a{color:#fff;text-decoration:none;font-size:1.1rem;padding:.75rem 1rem;display:block;border-radius:8px;transition:background-color .3s ease,color .3s ease}._sidebarNav_1jsbo_65 a:hover{background-color:#495057;color:#61dafb}._sidebarFooter_1jsbo_92{margin-top:auto;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:.9rem;color:#bbb}@media (min-width: 768px){._sidebar_1jsbo_3{position:relative;transform:translate(0);box-shadow:2px 0 5px #0000001a;border-radius:12px;margin:1.5rem 0 1.5rem 1.5rem;height:auto;min-height:calc(100vh - 7.8rem)}._closeSidebarButton_1jsbo_43{display:none}}@media (max-width: 767px){._sidebar_1jsbo_3{width:250px}}._dropdownContainer_1jsbo_133{position:relative}._dropdownToggle_1jsbo_138{display:flex;justify-content:center;align-items:center;gap:.5rem;width:100%;cursor:pointer;background:none;border:none;color:#fff;font-size:1.1rem;padding:.75rem 1rem;border-radius:8px}._dropdownToggle_1jsbo_138:hover,._dropdownToggle_1jsbo_138._active_1jsbo_154{background-color:#495057;color:#61dafb}._dropdownArrow_1jsbo_160{margin-left:.5rem;font-size:.8rem;transition:transform .3s ease}._arrowUp_1jsbo_166{transform:rotate(180deg)}._dropdownMenu_1jsbo_171{list-style:none;padding-left:1rem;margin-top:.5rem;display:none;animation:_fadeIn_1jsbo_1 .3s ease-in-out}._dropdownMenu_1jsbo_171 li{margin-bottom:.5rem}._dropdownMenu_1jsbo_171 a{font-size:1rem;padding:.5rem 1rem;display:block;color:#dee2e6;border-radius:6px;transition:background-color .3s ease,color .3s ease}._dropdownMenu_1jsbo_171 a:hover{background-color:#495057;color:#61dafb}._dropdownMenu_1jsbo_171._open_1jsbo_22{display:block}@keyframes _fadeIn_1jsbo_1{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}
