.tour-demos{display:flex;gap:10px;margin-top:.75rem}.tour-demo-panel{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.tour-demo-grid{width:100%;height:110px;position:relative;background:var(--theme-elevation-50,#f9f9f9);border:1px solid var(--theme-elevation-150,#e0e0e0);border-radius:4px;overflow:hidden}.tour-demo-gridline{position:absolute;left:0;right:0;height:1px;background:var(--theme-elevation-100,#eee)}.tour-demo-gridline:first-child{top:33%}.tour-demo-gridline:nth-child(2){top:66%}.tour-demo-gridline:nth-child(3){top:100%}.tour-demo-label{font-size:.875rem;color:var(--theme-elevation-400);white-space:nowrap}.tour-demo-cursor{position:absolute;width:14px;height:14px;z-index:3;opacity:0}.tour-demo-cursor:before{content:"";display:block;width:0;height:0;border-left:7px solid var(--theme-elevation-700,#444);border-top:5px solid transparent;border-bottom:5px solid transparent;transform:rotate(-45deg) translate(-1px,-1px)}.tour-demo-cursor--create{animation:tourCreateCursor 4s ease-in-out infinite}.tour-demo-selection{position:absolute;left:15%;width:50%;background:rgba(99,102,241,.15);border:1.5px solid rgba(99,102,241,.5);border-radius:3px;opacity:0;animation:tourCreateSelection 4s ease-in-out infinite}.tour-demo-menu{position:absolute;right:4px;width:68px;background:var(--theme-elevation-0,#fff);border:1px solid var(--theme-elevation-150,#e0e0e0);border-radius:4px;padding:4px;box-shadow:0 2px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:2px;opacity:0;z-index:4;animation:tourCreateMenu 4s ease-in-out infinite}.tour-demo-menu-option{display:flex;align-items:center;gap:4px;font-size:.5625rem;padding:3px 4px;border-radius:2px;color:var(--theme-text,#333)}.tour-demo-menu-option--highlight{animation:tourCreateHighlight 4s ease-in-out infinite}.tour-demo-dot{width:6px;height:6px;border-radius:2px;flex-shrink:0}@keyframes tourCreateCursor{0%,5%{top:12%;left:42%;opacity:0}10%{top:12%;left:42%;opacity:1}35%{top:62%;left:42%;opacity:1}45%,to{top:62%;left:42%;opacity:0}}@keyframes tourCreateSelection{0%,10%{top:15%;height:0;opacity:0}12%{top:15%;height:0;opacity:1}35%{top:15%;height:50%;opacity:1}85%{top:15%;height:50%;opacity:1}92%,to{top:15%;height:50%;opacity:0}}@keyframes tourCreateMenu{0%,34%{opacity:0;top:15%;transform:translateY(4px)}42%{opacity:1;top:15%;transform:translateY(0)}85%{opacity:1;top:15%;transform:translateY(0)}92%,to{opacity:0;top:15%;transform:translateY(0)}}@keyframes tourCreateHighlight{0%,55%{background:transparent}62%{background:rgba(99,102,241,.15)}78%{background:rgba(99,102,241,.15)}88%,to{background:transparent}}.tour-demo-block--move{position:absolute;left:15%;width:70%;height:28%;background:rgba(20,184,166,.25);border:1.5px solid rgba(20,184,166,.6);border-radius:3px;z-index:1;animation:tourMoveBlock 4s ease-in-out infinite}.tour-demo-cursor--move{animation:tourMoveCursor 4s ease-in-out infinite}@keyframes tourMoveBlock{0%,8%{top:10%}10%{top:10%}50%{top:60%}60%{top:60%}90%{top:60%}to{top:10%}}@keyframes tourMoveCursor{0%,5%{top:18%;left:52%;opacity:0}10%{top:18%;left:52%;opacity:1}50%{top:70%;left:52%;opacity:1}60%,to{top:70%;left:52%;opacity:0}}.tour-demo-block--resize{position:absolute;left:15%;width:70%;top:10%;background:rgba(20,184,166,.25);border:1.5px solid rgba(20,184,166,.6);border-radius:3px;z-index:1;animation:tourResizeBlock 4s ease-in-out infinite}.tour-demo-handle{position:absolute;left:22%;width:56%;height:4px;background:rgba(20,184,166,.8);border-radius:2px;z-index:2;opacity:0;animation:tourResizeHandle 4s ease-in-out infinite,tourResizeHandlePos 4s ease-in-out infinite}.tour-demo-cursor--resize{animation:tourResizeCursor 4s ease-in-out infinite}.tour-demo-cursor--resize:before{border:none;width:12px;height:6px;border-top:2px solid var(--theme-elevation-700,#444);border-bottom:2px solid var(--theme-elevation-700,#444);transform:none}@keyframes tourResizeBlock{0%,8%{height:28%}10%{height:28%}50%{height:58%}60%{height:58%}90%{height:58%}to{height:28%}}@keyframes tourResizeHandle{0%,5%{opacity:0}10%{opacity:1}55%{opacity:1}60%,to{opacity:0}}@keyframes tourResizeHandlePos{0%,8%{top:36%}10%{top:36%}50%{top:66%}60%{top:66%}90%{top:66%}to{top:36%}}@keyframes tourResizeCursor{0%,5%{top:36%;left:48%;opacity:0}10%{top:36%;left:48%;opacity:1}50%{top:66%;left:48%;opacity:1}60%,to{top:66%;left:48%;opacity:0}}