[data-tour-builder] [data-tour-id],body[data-tour-builder=true] [data-tour-id]{cursor:pointer}[data-tour-builder] [data-tour-id]:not([data-tour-id^=header-]),body[data-tour-builder=true] [data-tour-id]:not([data-tour-id^=header-]){scroll-margin-top:160px}[data-tour-builder] [data-tour-highlight=candidate],body[data-tour-builder=true] [data-tour-highlight=candidate]{transition:outline .15s ease-in-out,box-shadow .15s ease-in-out;outline-offset:2px!important;outline:2px dashed #2563eb99!important}[data-tour-builder] [data-tour-highlight=candidate]:hover,body[data-tour-builder=true] [data-tour-highlight=candidate]:hover{box-shadow:0 0 0 3px #2563eb26,inset 0 0 0 9999px #2563eb0d;outline-offset:2px!important;outline:2px solid #2563eb!important}[data-tour-builder] [data-tour-highlight=selected],body[data-tour-builder=true] [data-tour-highlight=selected]{outline-offset:2px!important;z-index:10005!important;border-radius:6px!important;outline:2.5px solid #10b981!important;position:relative!important;box-shadow:0 0 0 4px #10b98138,0 4px 14px #10b98140,inset 0 0 0 9999px #10b98114!important}[data-tour-builder] [data-tour-highlight=selected][data-tour-id=header-menu-link],body[data-tour-builder=true] [data-tour-highlight=selected][data-tour-id=header-menu-link],[data-tour-builder] [data-tour-highlight=selected][data-tour-id=header-menu-sidebar-item],body[data-tour-builder=true] [data-tour-highlight=selected][data-tour-id=header-menu-sidebar-item],[data-tour-builder] [data-tour-highlight=selected][data-tour-id=header-menu-column],body[data-tour-builder=true] [data-tour-highlight=selected][data-tour-id=header-menu-column]{color:#065f46!important;background-color:#10b98124!important;font-weight:600!important}[data-tour-builder] [data-tour-highlight=selected]:after,body[data-tour-builder=true] [data-tour-highlight=selected]:after{content:attr(data-tour-step-badge);color:#fff;text-align:center;pointer-events:none;z-index:10010;background:#10b981;border-radius:9999px;min-width:20px;padding:3px 6px;font-size:11px;font-weight:800;line-height:1;animation:.2s cubic-bezier(.175,.885,.32,1.275) tour-badge-pop;position:absolute;top:-8px;right:-8px;box-shadow:0 0 0 2px #fff,0 2px 6px #00000040}@keyframes tour-badge-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.tour-builder-layout{min-height:calc(100vh - var(--app-header-height,0px));grid-template-columns:minmax(420px,1fr) minmax(480px,1.2fr);display:grid}.tour-builder-form{border-right:1px solid var(--theme-elevation-150);overflow:auto}.tour-builder-preview{background:var(--theme-elevation-50);flex-direction:column;min-height:0;display:flex}.tour-builder-preview__header{border-bottom:1px solid var(--theme-elevation-150);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.tour-builder-preview__viewport{flex:1;min-height:0;overflow:auto}.tour-builder-preview__iframe{background:#fff;border:0;width:1920px;min-width:1920px;min-height:900px}.tour-builder-preview__viewport-select{border:1px solid var(--theme-elevation-200);background:var(--theme-elevation-0);height:34px;color:var(--theme-elevation-800);cursor:pointer;border-radius:6px;padding:0 8px;font-size:12px}.tour-builder-step-list{border-bottom:1px solid var(--theme-elevation-150);flex-direction:column;gap:8px;max-height:220px;padding:12px 16px;display:flex;overflow:auto}.tour-builder-step-item{border:1px solid var(--theme-elevation-150);background:var(--theme-elevation-0);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.tour-builder-step-item--active{border-color:#10b981;box-shadow:0 0 0 1px #10b981}.tour-builder-step-item__meta{flex:1;min-width:0}.tour-builder-step-item__target{color:var(--theme-elevation-600);font-family:monospace;font-size:12px}.tour-builder-step-item__title{flex-wrap:wrap;align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex}.tour-builder-step-item__route-tag{color:#1d4ed8;background:#2563eb1f;border:1px solid #2563eb40;border-radius:4px;padding:1px 6px;font-family:monospace;font-size:10px;font-weight:600;display:inline-block}.tour-builder-preview__nav{background:var(--theme-elevation-100);border-bottom:1px solid var(--theme-elevation-150);align-items:center;gap:8px;padding:8px 16px;display:flex}.tour-builder-preview__url-input{border:1px solid var(--theme-elevation-200);background:var(--theme-elevation-0);height:34px;color:var(--theme-elevation-900);border-radius:6px;outline:none;flex:1;padding:0 10px;font-family:monospace;font-size:12px;transition:border-color .15s,box-shadow .15s}.tour-builder-preview__url-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.tour-builder-preview__btn{border:1px solid var(--theme-elevation-200);background:var(--theme-elevation-0);height:34px;color:var(--theme-elevation-800);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.tour-builder-preview__btn:hover{background:var(--theme-elevation-150);border-color:var(--theme-elevation-300)}.tour-builder-preview__btn--primary{color:#fff;background:#2563eb;border-color:#1d4ed8}.tour-builder-preview__btn--primary:hover{background:#1d4ed8}.tour-builder-preview__quick-links{background:var(--theme-elevation-50);border-bottom:1px solid var(--theme-elevation-150);align-items:center;gap:6px;padding:6px 16px;font-size:11px;display:flex;overflow-x:auto}.tour-builder-preview__quick-link{background:var(--theme-elevation-100);color:var(--theme-elevation-700);border:1px solid var(--theme-elevation-200);cursor:pointer;white-space:nowrap;border-radius:4px;padding:3px 8px;font-family:monospace;font-size:11px;transition:all .15s}.tour-builder-preview__quick-link:hover{background:var(--theme-elevation-200);color:#2563eb;border-color:#2563eb}