.evolve-presenter-tour-panel {
    position: fixed;
    z-index: 2147482500;
    right: 14px;
    bottom: 14px;
    display: grid;
    width: min(360px, calc(100vw - 28px));
    padding: 13px;
    color: #eaf4f7;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(8, 42, 57, .98), rgba(14, 61, 79, .97));
    box-shadow: 0 18px 44px rgba(4, 25, 34, .3);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
    backdrop-filter: blur(15px);
}

.evolve-presenter-tour-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.evolve-presenter-tour-identity { display: grid; gap: 1px; }
.evolve-presenter-tour-identity small { color: #ffb078; font-size: .55rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.evolve-presenter-tour-identity strong { color: #c8dce3; font-size: .63rem; }
.evolve-presenter-tour-panel h2 { margin: 9px 0 4px; color: #fff; font-size: 1.08rem; letter-spacing: -.02em; }
.evolve-presenter-tour-panel p { margin: 0; color: #d7e6ea; font-size: .7rem; line-height: 1.45; }
.evolve-presenter-tour-timeline { height: 3px; margin: 10px 0 9px; overflow: hidden; border-radius: 999px; background: rgba(255, 255, 255, .14); }
.evolve-presenter-tour-timeline i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #ef7f2d, #f4c660); transition: width .25s linear; }
.evolve-presenter-tour-controls { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 5px; }
.evolve-presenter-tour-button { min-height: 34px; padding: 6px 7px; border: 1px solid rgba(255, 255, 255, .2); border-radius: 8px; color: #eff8fa; background: rgba(255, 255, 255, .07); font-size: .62rem; font-weight: 850; cursor: pointer; }
.evolve-presenter-tour-button:hover,
.evolve-presenter-tour-button:focus-visible { color: #172f3a; background: #fff; outline: 0; }
.evolve-presenter-tour-button:disabled { cursor: not-allowed; opacity: .38; }
.evolve-presenter-tour-button.is-primary { border-color: #ef7f2d; color: #fff; background: #ef7f2d; }
.evolve-presenter-tour-button.is-close { width: 29px; min-height: 29px; padding: 0; border-radius: 50%; font-size: 1rem; }
.evolve-presenter-tour-settings { display: flex; margin-top: 7px; align-items: center; gap: 6px; color: #bcd2da; font-size: .59rem; }
.evolve-presenter-tour-settings label { font-weight: 800; }
.evolve-presenter-tour-settings select { min-height: 29px; padding: 3px 24px 3px 7px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 7px; color: #fff; background: #123e52; font-size: .59rem; }
.evolve-presenter-tour-settings span { margin-left: auto; color: #ffbc8d; font-weight: 850; }
.evolve-presenter-tour-hint { margin-top: 6px; color: #93afba; font-size: .53rem; }

.evolve-presenter-tour-focus {
    outline: 3px solid #ef7f2d !important;
    outline-offset: 4px;
    transition: outline-color .25s;
    scroll-margin-block: 105px 190px;
}

@media (max-width: 640px) {
    .evolve-presenter-tour-panel { width: min(330px, calc(100vw - 20px)); padding: 11px; border-radius: 14px; }
    .evolve-presenter-tour-panel h2 { font-size: 1rem; }
    .evolve-presenter-tour-panel p { font-size: .66rem; }
    .evolve-presenter-tour-hint { display: none; }
    .evolve-presenter-tour-focus { scroll-margin-block: 90px 245px; }
}

@media (prefers-reduced-motion: reduce) {
    .evolve-presenter-tour-timeline i,
    .evolve-presenter-tour-focus { transition: none; }
}

@media print {
    .evolve-presenter-tour-panel { display: none !important; }
    .evolve-presenter-tour-focus { outline: 0 !important; }
}