@import url("./product-tour.css?v=20261019-assets");

/* Entrance layers are temporary; release them after playback so zoom repaints vectors. */
/* The Reviewer tour. Typography roles come from the shared opt-in stylesheet.
   Illustration internals retain their sample scale; readable UI never scales with artwork. */
.reviewer-tour {
  --ink: var(--type-ink); --muted: var(--type-muted); --secondary: var(--type-muted);
  --blue: #0071e3; --link: #0066cc; --line: #e8e8ed; --surface: #f5f5f7;
  --glow: #e3ecf8; --page-margin: clamp(1.5rem, 4.2vw, 4.75rem);
  --ease: cubic-bezier(.22,.7,.25,1);
  color: var(--ink); background: #fff;
  font: 400 var(--type-body)/var(--type-body-leading) var(--type-sans);
  letter-spacing: normal; -webkit-font-smoothing: antialiased;
}
.reviewer-tour a:focus-visible, .reviewer-tour button:focus-visible, .reviewer-tour [tabindex]:not(.main, .scene):focus-visible { outline: 3px solid var(--blue); outline-offset: 4px; }
.reviewer-tour .primary-button { display: inline-flex; align-items: center; justify-content: center; gap: .75rem; min-height: 3rem; max-width: 100%; border-radius: 100px; padding: .75rem 1.25rem; font: 500 var(--type-control)/var(--type-control-leading) var(--type-sans); color: #fff; background: var(--blue); transition: background .18s, transform .18s; }
.reviewer-tour .primary-button:hover { background: #0077ed; transform: translateY(-1px); }
.reviewer-tour .replay-button { display: flex; align-items: center; gap: .5rem; min-height: 2.75rem; font: 500 var(--type-control)/var(--type-control-leading) var(--type-sans); color: var(--link); padding: .5rem; }
.reviewer-tour .chapter-tab[aria-selected=true] .tab-icon { color: var(--blue); }
.reviewer-tour .tab-selected-dot { position: absolute; right: .625rem; top: .625rem; width: .3125rem; height: .3125rem; border-radius: 50%; background: transparent; }
.reviewer-tour .chapter-tab[aria-selected=true] .tab-selected-dot { background: var(--blue); }

/* Illustrative product windows — not functional editor controls. */.reviewer-tour .app-window{position:absolute;background:#fff;border:1px solid #d5d9e1;border-radius:18px;overflow:hidden;box-shadow:0 30px 70px -28px #35456548,0 3px 10px #00000003}
.reviewer-tour .workspace{inset:42px 7px 38px}
.reviewer-tour .app-bar{height:48px;display:flex;align-items:center;gap:22px;background:#fafafb;border-bottom:1px solid #e4e6ec;padding:0 18px;font-size:11px}
.reviewer-tour .window-dots{display:flex;align-items:center;gap:6px;flex-shrink:0}
.reviewer-tour .window-dots i{width:9px;height:9px;border-radius:50%;background:#ff6159}
.reviewer-tour .window-dots i:nth-child(2){background:#febc2d}
.reviewer-tour .window-dots i:nth-child(3){background:#28c841}
.reviewer-tour .app-brand{font-weight:600;font-size:12px;letter-spacing:-.2px}
.reviewer-tour .app-filename{margin-left:auto;font-size:10px;color:#7a7f87}
.reviewer-tour .app-action{display:inline-flex;align-items:center;justify-content:center;padding:8px 15px;border-radius:7px;color:#fff;background:var(--blue);font-size:10px;margin-left:auto;white-space:nowrap}
.reviewer-tour .workspace-body{height:calc(100% - 48px);display:grid;grid-template-columns:40% 43% 17%}
.reviewer-tour .code-pane{position:relative;background:#191e29;min-width:0;overflow:hidden;color:#d4dbea;padding-top:19px;text-align:left}
.reviewer-tour .code-heading{display:flex;justify-content:space-between;padding:0 20px;margin-bottom:17px;font-size:9px;color:#adb5c5;letter-spacing:.6px}
.reviewer-tour .code-lines{overflow:hidden}
.reviewer-tour .code-line{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;display:flex;font-size:11px;line-height:19px;white-space:pre;padding-right:4px}
.reviewer-tour .code-line>span{font-size:9px;color:#778399;width:42px;flex:none;text-align:right;padding-right:14px;user-select:none}
.reviewer-tour .code-line code{font:inherit}
.reviewer-tour .code-line em{font-style:normal;color:#b9b7ff}
.reviewer-tour .code-line b{font-weight:400;color:#ebc891}
.reviewer-tour .code-line strong{font-weight:400;color:#9cdbc0}
.reviewer-tour .code-line i{font-style:normal;color:#8994aa}
.reviewer-tour .code-status{position:absolute;left:0;right:0;bottom:0;height:27px;padding:0 16px;background:#252c3a;color:#a6b0c2;display:flex;align-items:center;justify-content:space-between;font-size:9px}
.reviewer-tour .preview-pane{background:#eef0f4;position:relative;padding:18px 19px 12px;display:flex;flex-direction:column;align-items:center;min-width:0}
.reviewer-tour .preview-bar{font-size:9px;color:#737c89;display:flex;align-items:center;justify-content:space-between;width:100%}
.reviewer-tour .paper-preview{position:relative;margin-top:23px;width:232px;height:348px;box-shadow:0 3px 12px #0000000c}
.reviewer-tour .label-image{width:100%;height:100%;object-fit:contain;object-position:center;background:#fff}
.reviewer-tour .preview-bottom{position:relative;width:100%;display:flex;justify-content:center;align-items:center;gap:20px;margin-top:15px;font-size:9px;color:#737b88}
.reviewer-tour .preview-bottom .icon{width:12px;height:12px}
.reviewer-tour .preview-zoom{position:absolute;right:3px}
.reviewer-tour .thumbnail-pane{padding:17px 17px 0;border-left:1px solid #dfe3eb;background:#fafafb;display:flex;flex-direction:column;gap:14px}
.reviewer-tour .thumbnail-title{font-size:9px;color:#727986;display:flex;justify-content:space-between;margin-bottom:3px}
.reviewer-tour .thumb{height:107px;position:relative;background:#edeff3;border:1.5px solid transparent;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px}
.reviewer-tour .thumb.selected{background:#eaf2ff;border-color:#4b95eb}
.reviewer-tour .thumb .label-image{height:77px;width:auto;box-shadow:0 1px 4px #0001}
.reviewer-tour .thumb>span{font-size:8px;color:#737c89}
.reviewer-tour .art-callout{position:absolute;bottom:10px;font-size:12px;color:#677589;padding:8px 16px;background:#ffffffde;border:1px solid #e5e9ef;border-radius:100px}
.reviewer-tour .code-callout{left:172px}
.reviewer-tour .label-callout{right:185px}
.reviewer-tour .detail-art .workspace{inset:24px 7px 22px}
.reviewer-tour .detail-art .workspace-body{grid-template-columns:46% 54%}
.reviewer-tour .detail-art .thumbnail-pane{display:none}
.reviewer-tour .detail-art .paper-preview{width:264px;height:396px;margin-top:20px}
.reviewer-tour .detail-art .code-line{font-size:13px;line-height:23px}
.reviewer-tour .detail-art .code-heading{margin-bottom:21px;font-size:10px}
.reviewer-tour .detail-art .code-pane{padding-top:23px}
.reviewer-tour .detail-art .code-line>span{font-size:10px;width:49px;padding-right:18px}
.reviewer-tour .detail-focus{display:none;position:absolute;left:6%;right:5%;border:2px solid #2686e8;border-radius:3px;background:#1680ff09;box-shadow:0 0 0 3px #fff8}
.reviewer-tour .scene-preview[data-detail=text] .text-focus{display:block;top:19%;height:10%}
.reviewer-tour .scene-preview[data-detail=barcode] .barcode-focus{display:block;top:67%;height:22%}
.reviewer-tour .scene-preview[data-detail=text] .text-line,.reviewer-tour .scene-preview[data-detail=barcode] .barcode-line{background:#2b73c037;box-shadow:inset 2px 0 #72b1ff}

/* A label batch. */.reviewer-tour .scene-batch{--glow:#e6ebf8}
.reviewer-tour .batch-window{inset:24px 7px 20px}
.reviewer-tour .batch-window .app-action{background:#eaf2ff;color:#176cc5}
.reviewer-tour .batch-body{height:calc(100% - 48px);display:grid;grid-template-columns:48% 52%}
.reviewer-tour .batch-preview{position:relative;background:#eff2f7;padding:21px 24px 17px;display:flex;flex-direction:column;align-items:center;border-right:1px solid #e2e6ed}
.reviewer-tour .batch-paper{width:260px;height:390px;margin-top:20px;box-shadow:0 6px 18px #293a5312}
.reviewer-tour .batch-person{font-size:11px;margin-top:18px;font-weight:600}
.reviewer-tour .batch-person span{font-weight:400;color:#7f8795}
.reviewer-tour .batch-grid-wrap{background:#fafafb;padding:24px 26px}
.reviewer-tour .batch-grid-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7a8190;margin-bottom:20px}
.reviewer-tour .batch-grid-heading b{font-size:12px;font-weight:600;color:#343941}
.reviewer-tour .batch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px 12px}
.reviewer-tour .batch-thumb{background:#eef0f4;min-width:0;border:1.5px solid transparent;border-radius:10px;padding:10px 9px;display:flex;flex-direction:column;align-items:center;gap:11px}
.reviewer-tour .batch-thumb img{height:126px;width:84px;box-shadow:0 1px 7px #00000008}
.reviewer-tour .batch-thumb span{font-size:9px;color:#77808f}
.reviewer-tour .batch-thumb.selected{background:#eaf2ff;border-color:#4b95eb;box-shadow:0 0 0 2px #fff,0 0 0 3px #e1ecfb}
.reviewer-tour .batch-thumb.selected span{color:#0067cc}

/* Export illustration. */.reviewer-tour .scene-export{--glow:#e9eff8}
.reviewer-tour .export-art{--format-color:#d85662}
.reviewer-tour .export-orbit{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:510px;height:510px;border:1px solid #d8e1ef70;border-radius:50%}
.reviewer-tour .export-pages{position:absolute;inset:42px 0 105px}
.reviewer-tour .export-paper{position:absolute;left:50%;top:0;width:276px;height:414px;background:#fff;border:1px solid #e0e4eb;border-radius:4px;box-shadow:0 24px 58px -24px #25436440;transform:translateX(-50%);padding:8px}
.reviewer-tour .export-paper.rear-two{transform:translateX(-50%) translate(-98px,34px) rotate(-16deg)}
.reviewer-tour .export-paper.rear-one{transform:translateX(-50%) translate(99px,22px) rotate(15deg)}
.reviewer-tour .export-paper.front{transform:translateX(-50%) rotate(-2deg)}
.reviewer-tour .file-card{position:absolute;left:50%;bottom:52px;transform:translateX(-50%);display:flex;align-items:center;gap:19px;background:#fffffff0;backdrop-filter:blur(16px);padding:22px 25px;border:1px solid #fff;border-radius:21px;box-shadow:0 20px 50px -15px #24416d33;width:456px}
.reviewer-tour .file-symbol{width:56px;height:62px;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;color:var(--format-color);background:color-mix(in srgb,var(--format-color) 10%,white)}
.reviewer-tour .file-symbol .icon{width:39px;height:43px;opacity:.2;stroke-width:1.2;position:absolute;right:5px;top:6px}
.reviewer-tour .file-extension{font-size:12px;font-weight:700;letter-spacing:.5px;position:relative;z-index:1}
.reviewer-tour .file-card-copy{display:flex;flex-direction:column;gap:8px}
.reviewer-tour .file-card-copy strong{font-size:16px;font-weight:600;letter-spacing:-.3px}
.reviewer-tour .file-card-copy>span{font-size:11px;color:var(--muted)}
.reviewer-tour .file-ready{margin-left:auto;width:27px;height:27px;border-radius:50%;background:#eaf5ef;color:#41916a;display:grid;place-items:center}
.reviewer-tour .file-ready .icon{width:14px;height:14px}
.reviewer-tour .vector-nodes{display:none;position:absolute;width:287px;height:425px;left:50%;top:39px;transform:translateX(-50%);border:1.5px solid #9772d3}
.reviewer-tour .vector-nodes i{position:absolute;width:10px;height:10px;background:#fff;border:1.5px solid #9772d3;left:-5px;top:-5px}
.reviewer-tour .vector-nodes i:nth-child(2){left:auto;right:-5px}
.reviewer-tour .vector-nodes i:nth-child(3){top:auto;bottom:-5px}
.reviewer-tour .vector-nodes i:nth-child(4){left:auto;top:auto;bottom:-5px;right:-5px}
.reviewer-tour .scene-export[data-format=svg] .export-art{--format-color:#8e64c6}
.reviewer-tour .scene-export[data-format=svg] .vector-nodes{display:block}
.reviewer-tour .scene-export[data-format=svg] .rear,.reviewer-tour .scene-export[data-format=png] .rear{display:none}
.reviewer-tour .scene-export[data-format=svg] .front,.reviewer-tour .scene-export[data-format=png] .front{transform:translateX(-50%)}
.reviewer-tour .scene-export[data-format=png] .export-art{--format-color:#477fb8}
.reviewer-tour .scene-export[data-format=png] .export-orbit{border-radius:24px;background:conic-gradient(#dae6f140 25%,transparent 0 50%,#dae6f140 0 75%,transparent 0) 0 0 / 22px 22px;width:430px;height:450px;top:42%;border:none}

/* Browser, tablet and phone; deliberately labelled illustrative. */.reviewer-tour .scene-browser{--glow:#e6eef1}
.reviewer-tour .device-browser{left:63px;right:63px;top:20px;height:456px}
.reviewer-tour .browser-bar{height:41px;background:#eceef2;border-bottom:1px solid #dfe3e9;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:18px;color:#727984;gap:18px}
.reviewer-tour .address{height:25px;flex:1;max-width:410px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;background:#ffffffbd;border-radius:5px;color:#596372}
.reviewer-tour .address .icon{width:11px;height:11px}
.reviewer-tour .device-toolbar{height:44px;display:flex;align-items:center;gap:13px;padding:0 15px;font-size:10px;background:#fff;border-bottom:1px solid #dfe3e9}
.reviewer-tour .device-toolbar img{width:34px;height:18px}
.reviewer-tour .device-toolbar .app-action{font-size:9px;padding:5px 12px}
.reviewer-tour .device-workspace{height:calc(100% - 85px);display:grid;grid-template-columns:50% 50%}
.reviewer-tour .device-workspace .code-pane{padding-top:15px}
.reviewer-tour .device-workspace .code-heading{margin-bottom:11px}
.reviewer-tour .device-workspace .code-line{line-height:16px;font-size:10px}
.reviewer-tour .device-preview{background:#f0f2f6;padding:17px;display:flex;justify-content:center}
.reviewer-tour .device-preview .label-image{width:215px;height:322px;box-shadow:0 3px 12px #0000000d}
.reviewer-tour .tablet{position:absolute;left:12px;top:258px;width:274px;height:264px;border:7px solid #383e46;border-radius:17px;background:#383e46;box-shadow:0 12px 30px #1c2c4024}
.reviewer-tour .tablet-inner{height:100%;border-radius:9px;background:#edf0f5;overflow:hidden}
.reviewer-tour .tablet-bar{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:9px;font-weight:600;background:#fff}
.reviewer-tour .tablet-bar span{font-weight:400;font-size:8px;color:#7b8492}
.reviewer-tour .tablet-label{width:120px;height:180px;margin:12px auto 0;box-shadow:0 2px 8px #0001}
.reviewer-tour .tablet-footer{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:9px;font-size:7px;color:#788393}
.reviewer-tour .tablet-footer .icon{width:9px;height:9px}
.reviewer-tour .phone{position:absolute;right:35px;top:246px;width:141px;height:279px;border:6px solid #383e46;border-radius:25px;background:#f0f2f6;box-shadow:0 14px 30px #1c2c402b;overflow:hidden}
.reviewer-tour .phone-speaker{position:absolute;left:50%;top:6px;transform:translateX(-50%);width:47px;height:11px;background:#343a43;border-radius:20px}
.reviewer-tour .phone-header{text-align:center;font-size:9px;font-weight:600;padding:29px 0 12px;background:#fff}
.reviewer-tour .phone-label{width:102px;height:153px;margin:17px auto 0;box-shadow:0 2px 8px #0001}
.reviewer-tour .phone-footer{text-align:center;font-size:8px;color:#7b8492;margin-top:13px}
.reviewer-tour .browser-note{position:absolute;bottom:24px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;color:#6e7a89}
.reviewer-tour .browser-note .icon{width:20px;height:20px}

/* Final scene. */.reviewer-tour .scene-start{--glow:#dbe8fb}
.reviewer-tour .start-ring{position:absolute;width:525px;height:525px;border:1px solid #dbe5f48a;border-radius:50%;left:50%;top:49%;transform:translate(-50%,-50%)}
.reviewer-tour .ring-two{width:675px;height:675px;opacity:.5}
.reviewer-tour .start-label{position:absolute;left:52%;top:53px;width:255px;height:382px;background:white;padding:6px;border:1px solid #e4e8ef;box-shadow:0 26px 55px -15px #2e4e7526}
.reviewer-tour .start-label-back{transform:rotate(15deg) translateX(24px);transform-origin:bottom center;top:97px}
.reviewer-tour .start-label-front{transform:rotate(5deg)}
.reviewer-tour .reviewer-tile{position:absolute;top:164px;left:166px;width:258px;height:258px;background:linear-gradient(145deg,#fcfeff,#ecf3fd);border:1px solid #fff;border-radius:56px;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 30px 70px -30px #2048794d,0 4px 15px #7492bd0f;transform:rotate(-9deg)}
.reviewer-tour .tile-window{display:flex;align-items:center;width:135px;height:99px;border:2px solid #98aecb;border-radius:12px;background:#fafcff;overflow:hidden;margin:0 0 23px;box-shadow:0 4px 14px #a3b5ce24}
.reviewer-tour .tile-window>.icon{width:61px;height:97px;padding:14px;background:#21324d;color:#bedcff;stroke-width:1.3}
.reviewer-tour .tile-window>span{flex:1;display:grid;place-items:center}
.reviewer-tour .tile-window>span>.icon{width:39px;height:39px;color:#273d5b;stroke-width:1.8}
.reviewer-tour .reviewer-tile strong{font-size:22px;letter-spacing:-.7px;font-weight:650}
.reviewer-tour .reviewer-tile>span{margin-top:8px;font-size:12px;color:#74869e}
.reviewer-tour .launch-capsule{position:absolute;bottom:57px;left:50%;transform:translateX(-50%);background:#ffffffdb;border:1px solid white;border-radius:100px;padding:15px 22px;display:flex;align-items:center;gap:10px;font-size:13px;color:#5d7089;box-shadow:0 6px 22px #36567d09}
.reviewer-tour .launch-dot{width:7px;height:7px;border-radius:50%;background:#4d91db}

/* Entrance only, no perpetual animation or auto-advancing. */.reviewer-tour .scene.is-entering .story-copy{animation:reviewer-copy-in 420ms var(--ease) backwards}
.reviewer-tour .scene.is-entering .story-visual{animation:reviewer-art-in 520ms var(--ease) backwards}

@keyframes reviewer-copy-in{from{opacity:0;transform:translateX(var(--enter-x))}
to{opacity:1;transform:translateX(0)}
}

@keyframes reviewer-art-in{from{opacity:0;transform:scale(.985)}
to{opacity:1;transform:translateX(0) scale(1)}
}

/* Owner-confirmed morning design: Docs three-part headers in every chapter.
   Match site-theme.css .docintro h1/.eyebrow and foundation.css .dochero p. */
.reviewer-tour .scene .eyebrow {
  color: var(--blue); font-size: .875rem; font-weight: 600;
  line-height: 1.45; letter-spacing: 0; margin-bottom: .75rem;
}
.reviewer-tour .scene .story-title {
  font-size: clamp(3rem,5.6vw,5rem); font-weight: 600;
  line-height: 1.05; letter-spacing: -.04em; color: var(--type-ink);
  margin-bottom: 1.625rem;
}
.reviewer-tour .scene .story-title span { color: inherit; }
.reviewer-tour .scene .story-description {
  font-size: clamp(1.1875rem,2.1vw,1.3125rem);
  line-height: 1.42; letter-spacing: .011em; color: var(--type-muted);
}

.reviewer-tour .noscript-notice { padding: 1rem; font-size: var(--type-caption); text-align: center; color: var(--muted); }

@media (max-width: 60rem) {
  .reviewer-tour { --page-margin: 1.5rem; }
  .reviewer-tour .shell { min-height: 47rem; grid-template-rows: minmax(min-content,1fr) auto; }
  .reviewer-tour .main { min-height: 30rem; }
  .reviewer-tour .scene { grid-template-columns: 1fr; grid-template-rows: auto minmax(9rem,1fr); text-align: center; padding-top: 1.25rem; }
  .reviewer-tour .story-copy { padding: 0; }
  .reviewer-tour .eyebrow, .reviewer-tour .story-actions { justify-content: center; }
  .reviewer-tour .eyebrow { margin-bottom: .75rem; }
  .reviewer-tour .story-title { margin-bottom: 1rem; }
  .reviewer-tour .story-description { margin-inline: auto; }
  .reviewer-tour .story-description br { display: none; }
  .reviewer-tour .story-actions { margin-top: 1.25rem; }
  .reviewer-tour .story-visual { padding: .75rem 0; }
  .reviewer-tour .keyboard-hint, .reviewer-tour .wide-title { display: none; }
  .reviewer-tour .short-title { display: inline; }
  .reviewer-tour .dock-meta { gap: .5rem; }
}
@media (max-width: 37.5rem) {
  .reviewer-tour { --page-margin: 1rem; }
  .reviewer-tour .shell { min-height: 47rem; }
  .reviewer-tour .chapter-tabs { grid-template-columns: repeat(3,minmax(0,1fr)); gap: .5rem; }
  .reviewer-tour .chapter-tab { min-height: 4.25rem; padding: .375rem .25rem; gap: .25rem; }
  .reviewer-tour .tab-icon, .reviewer-tour .tab-icon .icon { width: 1.25rem; height: 1.25rem; }
  .reviewer-tour .tab-selected-dot { right: .375rem; top: .375rem; }
  .reviewer-tour .dock-heading { align-items: start; gap: .5rem; }
  .reviewer-tour .dock-heading>p { min-width: 0; }
}
/* Accessible fallback: text keeps its size when the viewport is short or enlarged. */
.no-js .reviewer-tour .shell { height: auto; min-height: 100vh; display: block; }
.no-js .reviewer-tour .scene, .no-js .reviewer-tour .scene[hidden] { display: grid !important; min-height: 38rem; height: auto; }
.no-js .reviewer-tour .story-visual { height: 30rem; }
.no-js .reviewer-tour .chapter-dock, .no-js .reviewer-tour .story-actions button,
.no-js .reviewer-tour .visual-bottom>div { display: none; }
@media (prefers-reduced-motion: reduce) {
  .reviewer-tour *, .reviewer-tour *::before, .reviewer-tour *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media (forced-colors: active) {
  .reviewer-tour .chapter-tab[aria-selected=true], .reviewer-tour .segmented button[aria-pressed=true] { outline: 2px solid Highlight; outline-offset: -3px; }
  .reviewer-tour .primary-button, .reviewer-tour .previous-button { border: 1px solid ButtonText; }
  .reviewer-tour .visual-glow { display: none; }
}