.tour-main{max-width:1440px;padding:45px 40px 25px;margin:auto}.tour-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:35px}.tour-intro .eyebrow{font-size:9px;color:#c39a7f;margin-bottom:16px}.tour-intro h1{font-size:50px;letter-spacing:-2px;font-weight:500;line-height:1.1;margin:0 0 17px}.tour-intro p:not(.eyebrow){font-size:13px;color:#b3a69d;margin:0;line-height:1.8}.tour-badge{font-size:10px;color:#d2ae95;border:1px solid #655044;padding:11px 14px;border-radius:30px;white-space:nowrap}.tour-badge .live-dot{background:#ecab83;margin-right:6px}
.tour-shell{display:grid;grid-template-columns:235px minmax(0,1fr);background:#1c1d24;border:1px solid #44414a;border-radius:12px;overflow:hidden}.tour-sidebar{padding:29px 18px;background:#22232a;border-right:1px solid #41404a}.tour-sidebar>.eyebrow{font-size:8px;margin:0 8px 24px;color:#a68c7c}.tour-sidebar nav{display:flex;flex-direction:column;gap:7px}.tour-sidebar nav button{display:flex;align-items:center;gap:10px;text-align:left;padding:16px 10px;border:1px solid transparent;border-radius:5px;background:transparent;color:#b6aca7;cursor:pointer}.tour-sidebar nav button>span{font:9px monospace;color:#998476}.tour-sidebar nav strong{font-size:12px;font-weight:500;line-height:1.5;flex:1}.tour-sidebar nav b{font-weight:400;color:#b79883}.tour-sidebar nav button[aria-pressed=true]{background:#3b2f2a;color:#f3c4a3;border-color:#725440}.tour-sidebar nav button:hover{border-color:#705946}.tour-sidebar-note{margin:35px 9px 0;border-top:1px solid #45404a;padding-top:24px}.tour-sidebar-note strong{font-size:12px;font-weight:500}.tour-sidebar-note p{font-size:11px;color:#a79a91;line-height:1.8;margin:10px 0 18px}.tour-sidebar-note a{font-size:10px;color:#e8b18b;line-height:1.8}
.tour-workspace{padding:28px;min-width:0}.tour-view-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:23px;min-height:70px}.tour-view-heading .eyebrow{font-size:8px;color:#bd957a;margin-bottom:10px}.tour-view-heading h2{font-size:29px;letter-spacing:-1px;line-height:1.2;margin:0}.tour-view-heading>span{white-space:nowrap;font-size:10px;color:#aa9a90}.tour-screen .product-chrome{padding:10px 14px;font-size:8px}.tour-image{display:flex;align-items:center;justify-content:center;width:100%;height:440px;background:radial-gradient(ellipse,#343039,#1a1b20);border:0;padding:12px;cursor:zoom-in}.tour-image img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain}.tour-copy{font-size:12px;color:#b7aca6;line-height:1.9;margin:23px 0 12px;min-height:46px}.tour-workspace .gallery-tags{font-size:10px;line-height:1.9;margin-bottom:24px;color:#d5b298}
.tour-screen-picker{display:flex;flex-wrap:wrap;gap:7px}.tour-screen-picker button{font-size:10px;padding:8px 12px;border:1px solid #4f4343;border-radius:4px;background:#29272d;color:#c7b6aa;cursor:pointer}.tour-screen-picker button[aria-pressed=true]{color:#201812;background:#e9ad85;border-color:#e9ad85}.tour-screen-picker button[hidden]{display:none}.tour-step-navigation{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #443d43;margin-top:25px;padding-top:22px}.tour-step-navigation button{border:0;color:#e9b18a;background:transparent;padding:8px 0;font-size:11px;cursor:pointer}.tour-step-navigation>span{font-size:10px;color:#a38d7d}.tour-disclosure{display:flex;justify-content:space-between;align-items:center;gap:45px;margin:27px 0}.tour-disclosure p{font-size:11px;line-height:1.9;max-width:790px;color:#a1968e;margin:0}.tour-disclosure .button{font-size:12px;white-space:nowrap}.tour-noscript{padding:30px 0}.tour-noscript h2{font-size:25px}.tour-noscript>div{display:flex;flex-wrap:wrap;gap:18px}.tour-noscript a{font-size:13px;color:#edb58f}.tour-page button:focus-visible{outline:2px solid #edab82;outline-offset:4px}
@media(max-width:1100px){.tour-main{padding:35px 25px}.tour-shell{grid-template-columns:205px minmax(0,1fr)}.tour-sidebar{padding:25px 10px}.tour-workspace{padding:23px}.tour-image{height:360px}.tour-view-heading h2{font-size:26px}.tour-step-navigation>span{display:none}.tour-disclosure{gap:25px}.tour-badge{font-size:9px}}
@media(max-width:800px){.tour-intro{align-items:flex-start;flex-direction:column;gap:22px}.tour-shell{grid-template-columns:1fr}.tour-sidebar{border-right:0;border-bottom:1px solid #41404a;padding:23px}.tour-sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tour-sidebar nav button{border-color:#3b363e;padding:12px}.tour-sidebar nav strong{font-size:11px}.tour-sidebar-note{display:none}.tour-sidebar>.eyebrow{margin:0 0 15px}.tour-sidebar nav button:last-child{grid-column:1/-1}.tour-image{height:420px}.tour-disclosure{align-items:flex-start;flex-direction:column;gap:22px}.tour-view-heading h2{font-size:27px}}
@media(max-width:560px){.tour-page .site-header nav{display:none}.tour-page .site-header>.button{font-size:9px;padding:9px 11px}.tour-main{padding:35px 18px 15px}.tour-intro h1{font-size:39px}.tour-intro p:not(.eyebrow){font-size:12px}.tour-sidebar{padding:20px 15px}.tour-sidebar nav button{gap:8px;padding:12px 9px}.tour-sidebar nav strong{font-size:10px}.tour-sidebar nav b{display:none}.tour-sidebar nav button>span{font-size:8px}.tour-workspace{padding:23px 16px}.tour-view-heading{flex-direction:column;align-items:flex-start;gap:13px}.tour-view-heading h2{font-size:26px}.tour-view-heading>span{font-size:9px}.tour-image{height:240px;padding:4px}.tour-screen .product-chrome{padding:9px;font-size:6px}.tour-copy{font-size:11px}.tour-workspace .gallery-tags{font-size:9px}.tour-screen-picker{gap:6px}.tour-screen-picker button{font-size:9px;padding:8px 10px}.tour-step-navigation{gap:20px}.tour-step-navigation button{font-size:10px}.tour-disclosure p{font-size:10px}.tour-disclosure .button{font-size:11px}.tour-page footer{padding-top:10px}.tour-page .footer-bottom{gap:15px}}

.tour-canvas{position:relative}.tour-hotspots{position:absolute;inset:0;pointer-events:none}.tour-hotspots[hidden]{display:none}.tour-hotspots button{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;pointer-events:auto;background:transparent;border:0;padding:4px;cursor:pointer;z-index:1}.tour-hotspots button>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#f6b48c;color:#24190f;border:2px solid #f8d7c2;box-shadow:0 0 0 4px #e9a77a26,0 2px 10px #0008;font:10px Arial,sans-serif}.tour-hotspots b{position:absolute;left:34px;font-size:9px;font-weight:500;white-space:nowrap;background:#352820;color:#f4d2b9;padding:6px 8px;border:1px solid #8e674c;border-radius:4px;opacity:0;pointer-events:none}.tour-hotspots button:hover b,.tour-hotspots button:focus-visible b{opacity:1}.tour-hotspot-tip{font-size:9px;color:#b79b86;margin:12px 0 0}.tour-hotspot-tip[hidden]{display:none}
@media(max-width:560px){.tour-hotspots button>span{width:19px;height:19px;font-size:8px}.tour-hotspots b{font-size:8px;left:28px}.tour-hotspot-tip{font-size:9px;line-height:1.8}}

/* Server-rendered workflow reference, useful with or without the guided tour. */
.tour-reference{margin:36px 0;border-top:1px solid #48414a;padding-top:30px}
.tour-reference>h2{font-size:clamp(25px,3vw,34px);letter-spacing:-.04em;line-height:1.25}
.tour-reference>p:not(.eyebrow){color:#b8aea5;max-width:760px;font-size:14px;line-height:1.8}
.tour-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;align-items:start}
.tour-reference details{border:1px solid #48414a;border-radius:7px;padding:18px;background:#23242b}
.tour-reference summary{font-size:15px;font-weight:500;cursor:pointer;line-height:1.6}
.tour-reference details p{font-size:13px;line-height:1.8;color:#c2b5aa}
.tour-reference article{border-top:1px solid #48414a;padding:16px 0 4px}
.tour-reference h3{font-size:15px;margin:0}
.tour-reference a{color:#edab82;text-decoration:underline;text-underline-offset:3px}
.tour-reference article>a{font-size:12px}
@media(max-width:700px){.tour-reference-grid{grid-template-columns:1fr}.tour-reference details{padding:16px}}