.example-tour-card{position:fixed;z-index:10002;left:310px;bottom:24px;width:360px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 140px);overflow:auto;box-sizing:border-box;padding:18px 20px 16px;border:1px solid #45483b;border-radius:14px;background:#272a23;color:#f0eee4;box-shadow:0 14px 44px #22271c40;font-size:13px;line-height:1.6;overscroll-behavior:contain}
.example-tour-card h2{margin:0 0 7px;color:#f6f3e8;font-size:17px;font-weight:650;line-height:1.45;letter-spacing:-.4px;outline:none}
.example-tour-card p{margin:0 0 14px;color:#d5d6c9;font-size:13px;line-height:1.65}
.example-tour-progress{display:flex;align-items:center;gap:5px;margin-bottom:12px;color:#efc46c;font-size:11px;font-weight:650}
.example-tour-progress i{display:block;width:22px;height:3px;border-radius:2px;background:#747566}
.example-tour-progress i.on{background:#efc46c}.example-tour-progress span{margin-left:7px}
.example-tour-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.example-tour-actions button{min-height:40px;padding:9px 15px;border:1px solid transparent;border-radius:24px;background:#f0eee4;color:#282c22;font:inherit;font-size:12px;font-weight:650;white-space:nowrap}
.example-tour-actions .example-tour-skip{background:transparent;color:#d5d6c9;font-weight:400;padding-inline:9px}
.example-tour-actions button:focus-visible{outline:2px solid #efc46c;outline-offset:3px}
.example-tour-ring{position:fixed;z-index:10003;pointer-events:none;border:3px solid #efc46c;border-radius:10px;box-shadow:0 0 0 5px #efc46c45;box-sizing:border-box}
.example-tour-badge{position:fixed;z-index:10001;right:64px;max-width:calc(100vw - 32px);padding:6px 11px;border-radius:20px;background:#efc46c;color:#303326;font-size:11px;font-weight:650;pointer-events:none;box-shadow:0 3px 12px #3033261a}
.example-tour-set{border-color:#c3bd9e;background:#f4f1e5}.example-tour-set small{color:#7e795b}
.example-tour-replay{display:block;margin-top:10px;min-height:44px;width:100%;border-color:#aeb69d;background:#edf0e5;color:#535f3f}
.example-tour-card[hidden],.example-tour-badge[hidden],.example-tour-ring[hidden]{display:none!important}
.example-tour-active .mobile-desktop-hint,.example-tour-active #context-dock,.example-tour-active #set-nudge{display:none!important}
@media(max-width:700px){
 .example-tour-active{--example-sheet-height:min(30dvh,240px)}
 .example-tour-active:is([data-example-step="2"],[data-example-step="3"]){--example-sheet-height:min(22dvh,176px)}
 .example-tour-active[data-example-step="6"]{--example-sheet-height:min(34dvh,280px)}
 .example-tour-card{left:12px!important;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;max-width:none;max-height:none;overflow:visible;padding:10px 12px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"progress progress" "title next" "copy next";column-gap:12px;align-items:center}
 .example-tour-progress{grid-area:progress;margin-bottom:5px}
 .example-tour-progress i{width:12px}
 .example-tour-progress .example-tour-note{display:inline!important;margin-left:2px;color:#d5d6c9;font-weight:500}
 .example-tour-card h2{grid-area:title;margin:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .example-tour-card p{grid-area:copy;margin:2px 0 0;font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .example-tour-actions{display:contents}
 .example-tour-actions #example-tour-next{grid-area:next;min-height:44px;padding:0 18px}
 .example-tour-actions .example-tour-skip{position:absolute;right:12px;top:4px;min-height:44px;padding:0 4px;font-size:11px;transform:translateY(-8px)}
 .example-tour-card[data-last]{grid-template-columns:1fr;grid-template-areas:"progress" "title" "copy" "next"}
 .example-tour-card[data-last] #example-tour-next{margin-top:10px;width:100%}
 .example-tour-badge{display:none!important}
 .example-tour-active:is([data-example-step="2"],[data-example-step="3"]) #add-sidebar :is(.add-tabs,.library-searchbar,.library-filters,.gear-heading){display:none}
 .example-tour-active[data-example-step="6"] #add-sidebar :is(.library-searchbar,.library-filters){display:none}
 .example-tour-active .workspace-toolbar,.example-tour-active #toolbar-preferences-home,.example-tour-active #open-add-panel,.example-tour-active #scale-bar,.example-tour-active #context-sheet-toggle{visibility:hidden}
 .example-tour-active .canvas-wrap{bottom:calc(var(--example-card-height,220px) + 25px)}
 .example-tour-active:is([data-example-step="2"],[data-example-step="3"],[data-example-step="4"],[data-example-step="6"]) .canvas-wrap{bottom:calc(var(--example-card-height,220px) + var(--example-sheet-height) + 37px)}
 .example-tour-active:is([data-example-step="2"],[data-example-step="3"],[data-example-step="6"]) #add-sidebar{position:fixed;z-index:10000;top:auto;left:12px;right:12px;bottom:calc(var(--example-card-height,220px) + 24px);width:auto;height:var(--example-sheet-height);max-height:none;transform:none;transition:none;border:1px solid #cbd0bf;border-radius:13px;box-shadow:0 4px 20px #3036261a}
 .example-tour-active #add-sidebar .add-heading{display:none}
 .example-tour-active #add-sidebar .add-tabs{flex-shrink:0}
 .example-tour-active #add-sidebar .library-filters{gap:5px}
 .example-tour-active #add-sidebar #product-search{height:40px}
 .example-tour-active[data-example-step="4"] .workspace #notes-details[open]{position:fixed;z-index:10000;top:auto;left:12px;right:12px;bottom:calc(var(--example-card-height,220px) + 24px);width:auto;height:var(--example-sheet-height);max-height:none;border:1px solid #cbd0bf;border-radius:13px;box-shadow:0 4px 20px #3036261a}
 .example-tour-active[data-example-step="4"] #checklist-extra-form{display:none}
}
/* Tablet keeps the desktop layout, but the tour clears the bottom tool row. */
@media(min-width:701px) and (max-width:1100px){
 .example-tour-card{bottom:76px;width:320px}
}
@media(max-width:700px) and (max-height:480px){
 .example-tour-active{--example-sheet-height:40dvh}
 .example-tour-active:is([data-example-step="2"],[data-example-step="3"],[data-example-step="6"]){--example-sheet-height:40dvh}
}
@media(max-width:700px){
 .example-tour-active:is([data-example-step="2"],[data-example-step="3"]) #add-sidebar .gear-section-head{display:none}
 .example-tour-active[data-example-step="6"] .example-tour-set{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:10px;margin:4px 0;padding:10px}
 .example-tour-active[data-example-step="6"] .example-tour-set > svg{grid-row:1/4;height:90px}
 .example-tour-active[data-example-step="6"] .example-tour-set :is(h3,p,small){margin:0;align-self:center}
}
@media(max-width:360px){
 .example-tour-progress{gap:3px}
 .example-tour-progress i{width:8px}
}