:root{--ink:#0c1421;--muted:#7d7d7d;--toggle-on:#e9be6f26;--arch-line:#4b4b4b;--arch-line-hover:#0c1421}html.dark{--ink:#fefefe;--muted:#a0a7b5;--toggle-on:#3e81b126;--arch-line:#8f96a3;--arch-line-hover:#fefefe}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{background:var(--ro-page-bg);min-height:100vh;color:var(--ink);justify-content:center;align-items:flex-start;padding:clamp(48px,31.4vh,283px) 24px 24px;display:flex}.theme-toggle{z-index:10;background:var(--ro-panel-bg);align-items:center;width:60px;height:32px;display:flex;position:fixed;top:15px;right:21px}.theme-toggle button{cursor:pointer;width:30px;height:32px;color:var(--muted);background:0 0;border:0;place-items:center;display:grid;position:relative}.theme-toggle button.active{color:var(--ink)}.theme-toggle button.active:before{content:"";opacity:.55;background:#e9be6f59;width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset -2px -2px #55555580,inset 2px 2px #ffffffbf}html.dark .theme-toggle button.active:before{opacity:1;background:#3e81b126;box-shadow:inset -2px -2px #11111180,inset 2px 2px #ffffff1a}.theme-icon{width:20px;height:20px;display:block;position:relative}.theme-icon *{stroke:currentColor}.card.ro-panel{box-sizing:border-box;background:var(--ro-panel-bg);background-color:var(--ro-panel-bg);opacity:1;z-index:2;isolation:isolate;width:min(577px,100%);box-shadow:var(--ro-raised-thick),var(--ro-cast-thick);background-image:none;flex-direction:column;align-items:center;gap:10px;padding:40px 27px;display:flex;position:relative}.brand{font-family:var(--ro-font-ui);color:var(--ink);font-size:28px;font-weight:600;line-height:1.2}.lead{font-family:var(--ro-font-ui);color:var(--muted);text-align:center;font-size:12px;font-weight:400}.paths{flex-direction:column;gap:12px;width:420px;max-width:100%;margin-top:4px;display:flex}.path{align-items:center;gap:14px;min-height:35px;display:flex}.path-title{flex:0 0 150px;width:150px}.row{flex:1;align-items:center;gap:8px;min-width:0;padding:2px;display:flex}.row .ro-bevel-input{flex:1;min-width:0;height:32px;min-height:32px}.row .ro-bevel-btn{height:32px;min-height:32px;padding-top:4px;padding-bottom:4px}.demo-actions{flex:1;align-items:center;gap:14px;min-width:0;padding:2px;display:flex}.demo-actions .ro-bevel-btn{flex:1;min-width:0;height:32px;min-height:32px;padding-top:4px;padding-bottom:4px}.err{font-family:var(--ro-font-ui);color:#c0392b;text-align:center;min-height:1.2em;margin-top:4px;font-size:12px}.err:empty{display:none}.arch-line{background:var(--arch-line);cursor:pointer;border:0;border-radius:0;align-self:flex-start;width:90px;height:3px;margin:3px 0 0 164px;padding:0}.arch-line:hover{background:var(--arch-line-hover)}.arch-line:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.arch-line[hidden],.arch-path[hidden]{display:none}@media (prefers-reduced-motion:no-preference){.arch-path{animation:.16s arch-open}}@keyframes arch-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (width<=620px){.card.ro-panel{padding:28px 20px 36px}.paths{width:100%}.arch-line{margin-left:0}.path{flex-direction:column;align-items:stretch;gap:6px}.path-title{flex:none;width:auto}}