.demo-experiences{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0;display:grid}.demo-experiences button{text-align:start;color:#342e29;background:#fff;border:1px solid #ded7d1;border-radius:14px;align-items:flex-start;gap:13px;min-height:110px;padding:20px;display:flex}.demo-experiences button>svg{color:#176c58;flex-shrink:0;margin-top:3px}.demo-experiences button>span{flex:1}.demo-experiences strong{margin-bottom:7px;font-size:16px;display:block}.demo-experiences small{color:#6e6761;font-size:12px;line-height:1.8;display:block}.demo-experiences button[aria-current]{background:#edf5eb;border-color:#176c58;box-shadow:inset 0 0 0 1px #176c58}.demo-experience-heading{outline:none;margin:24px 0 18px;scroll-margin-top:104px;font-size:19px;font-weight:600;line-height:1.6}.demo-menu-lab{grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:24px;display:grid}.demo-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.demo-form-grid label,.demo-select-field,.demo-notes-field,.demo-trainee-entry>label{gap:8px;font-size:12px;line-height:1.7;display:grid}.demo-shell select,.demo-shell textarea{font:inherit;color:#342e29;background:#fff;border:1px solid #cfc7bf;border-radius:8px;width:100%;min-height:44px;padding:10px}:is(.demo-shell select:focus-visible,.demo-shell textarea:focus-visible,.demo-shell summary:focus-visible){outline-offset:3px;outline:3px solid #176c58}.demo-choice-field{border:1px solid #ded7d1;border-radius:12px;margin:24px 0;padding:18px}.demo-choice-field legend{padding:0 8px;font-size:13px;font-weight:600}.demo-theme-options{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.demo-theme-options button{color:#342e29;background:#fff;border:1px solid #ded7d1;border-radius:8px;align-items:center;gap:7px;min-height:44px;padding:10px;font-size:12px;display:flex}.demo-theme-options button[aria-pressed=true]{background:#edf5eb;border-color:#176c58}.demo-theme-options button>span{background:var(--swatch);border-radius:50%;width:17px;height:17px}.demo-check-options{gap:12px;margin-bottom:26px;display:grid}.demo-editor-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.demo-editor-title small{color:#6e6761;font-size:12px}.demo-menu-edit-items{gap:14px;margin-bottom:18px;display:grid}.demo-menu-edit-items article{border:1px solid #ded7d1;border-radius:12px;padding:16px}.demo-menu-edit-items article>.demo-check:first-child{align-items:center;gap:10px;margin-bottom:16px}.demo-menu-edit-items img{object-fit:cover;border-radius:8px;flex-shrink:0}.demo-menu-edit-items .demo-form-grid{margin-bottom:14px}.demo-menu-edit-items>.demo-check{font-size:12px}.demo-menu-live{background:#fff;border:1px solid #ded7d1;border-radius:22px;position:sticky;top:104px;overflow:hidden;box-shadow:0 10px 40px #342e2909}.demo-live-label{color:#527063;border-bottom:1px solid #ded7d1;align-items:center;gap:7px;padding:14px 18px;font-size:12px;display:flex}.demo-menu-live .demo-customer-menu{overscroll-behavior:contain;scroll-behavior:smooth;max-height:680px;overflow:auto}.demo-customer-menu{--sample-accent:#176c58;--sample-background:#f5f7f1;background:var(--sample-background);color:#342e29;min-width:0;font-family:Rubik,Arial,sans-serif}.demo-customer-menu *{box-sizing:border-box}.demo-customer-menu button,.demo-customer-menu input{font:inherit}.demo-customer-menu :is(button,a,input,summary):focus-visible{outline:3px solid var(--sample-accent);outline-offset:3px}.demo-customer-hero{background:var(--sample-accent);color:#fff;padding:26px 22px 30px}.demo-customer-brand{justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px;display:flex}.demo-customer-brand>img{background:#fff;border-radius:12px;width:52px;height:52px;padding:8px}.demo-customer-brand button{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff70;border-radius:20px;min-height:44px;padding:10px 13px;font-size:12px}.demo-customer-hero>p{letter-spacing:2px;opacity:.85;margin:0 0 8px;font-size:9px}.demo-customer-hero h2{overflow-wrap:anywhere;margin:0 0 8px;font-size:30px;font-weight:700;line-height:1.6}.demo-customer-hero>span{opacity:.85;font-size:12px}.demo-customer-browser{z-index:2;background:var(--sample-background);border-bottom:1px solid #342e2912;padding:16px 18px 10px;position:sticky;top:0}.demo-customer-search{color:var(--sample-accent);background:#fff;border:1px solid #342e2926;border-radius:14px;align-items:center;gap:10px;padding:0 12px;display:flex}.demo-customer-search input{color:#342e29;width:100%;min-height:46px;background:0 0!important;border:0!important;padding:12px 0!important;font-size:13px!important}.demo-customer-search svg{flex-shrink:0}.demo-customer-browser nav,.demo-training-categories{scrollbar-width:thin;gap:8px;padding:13px 0 5px;display:flex;overflow-x:auto}.demo-customer-browser nav button,.demo-training-categories button{color:#342e29;cursor:pointer;background:#fff;border:1px solid #342e2926;border-radius:25px;flex-shrink:0;min-height:44px;padding:10px 15px;font-size:12px}.demo-customer-browser nav button[aria-pressed=true]{border-color:var(--sample-accent);background:var(--sample-accent);color:#fff}.demo-customer-items{padding:0 18px 20px}.demo-customer-items>section>h3{border-inline-start:4px solid var(--sample-accent);color:var(--sample-accent);background:#ffffffa8;border-bottom:1px solid #342e2924;border-radius:0 8px 8px 0;justify-content:space-between;align-items:center;gap:8px;margin:24px 0 14px;padding:12px 13px;font-size:18px;font-weight:700;line-height:1.7;display:flex}.demo-customer-items>section>h3 small{white-space:nowrap;font-size:10px;font-weight:400}.demo-customer-items article{background:#fff;border:1px solid #342e2914;border-radius:17px;grid-template-columns:100px minmax(0,1fr);gap:14px;margin:12px 0;padding:12px;display:grid;box-shadow:0 4px 14px #342e2905}.demo-customer-items article>img{object-fit:cover;border-radius:11px;width:100px;height:120px}.demo-customer-items h4{margin:0 0 6px;font-size:15px;font-weight:600;line-height:1.7}.demo-customer-items article p{color:#6e6761;margin:0 0 8px;font-size:11px;line-height:1.85}.demo-customer-items details{color:var(--sample-accent);margin:8px 0;font-size:11px}.demo-customer-items summary{cursor:pointer;min-height:28px}.demo-customer-allergens{color:#80766d;font-size:10px;line-height:1.8;display:block}.demo-customer-price{color:var(--sample-accent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.demo-customer-price strong{white-space:nowrap;font-size:16px}.demo-customer-price small{font-size:11px}.demo-customer-price>span{color:#9a6726;border:1px solid #ead8b7;border-radius:5px;padding:3px 6px;font-size:10px}.demo-customer-items .unavailable{background:#fffcf6}.demo-customer-menu>footer{color:#80766d;text-align:center;padding:20px;font-size:10px}.demo-empty{text-align:center;color:#6e6761;border:1px dashed #d2c9bf;border-radius:12px;margin:20px 0;padding:24px;font-size:13px;line-height:1.9;display:block}.demo-empty svg{color:#176c58;margin:0 auto 12px}.demo-qr-panel{background:#f4f8f0;border:1px solid #d6e0d6;border-radius:14px;grid-template-columns:180px 1fr;align-items:center;gap:20px;margin-top:22px;padding:20px;display:grid}.demo-qr-panel>img{width:180px;height:180px;image-rendering:pixelated;border-radius:8px}.demo-qr-panel p{color:#6e6761;font-size:12px;line-height:1.8}.demo-qr-panel .demo-secondary{color:#342e29;text-decoration:none}.demo-menu-dialog{color:#342e29;background:#fff;flex-direction:column;max-height:calc(100svh - 32px);font-family:Rubik,Arial,sans-serif;overflow:hidden;border-radius:20px!important;gap:0!important;width:640px!important;max-width:calc(100vw - 24px)!important;padding:0!important;display:flex!important}.demo-preview-title{border-bottom:1px solid #ded7d1;justify-content:space-between;align-items:center;gap:14px;padding:18px;display:flex}.demo-preview-title [data-slot=dialog-title]{font-family:inherit;font-size:18px;font-weight:600;line-height:1.5}.demo-preview-title [data-slot=dialog-description]{color:#6e6761;margin-top:5px;font-size:12px;line-height:1.7}.demo-preview-title button{color:#342e29;background:#fff;border:1px solid #ded7d1;border-radius:9px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:10px;display:flex}.demo-preview-scroll{overscroll-behavior:contain;min-height:0;overflow:auto}.demo-public-shell{background:#f7f5f3;max-width:760px;min-height:100svh;margin:auto}.demo-public-note{color:#6e6761;background:#fff;border-bottom:1px solid #ded7d1;padding:14px 20px;font-size:11px;line-height:1.8}.demo-public-note a{color:#176c58;margin-inline-start:8px;text-decoration:underline}.demo-public-loading{text-align:center;padding:40px;font:14px Rubik,Arial,sans-serif}.demo-training-roles{background:#f4f1ee;border:1px solid #ded7d1;border-radius:13px;gap:10px;margin:20px 0 24px;padding:8px;display:flex}.demo-training-roles button{color:#6e6761;background:0 0;border:1px solid #0000;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:10px;min-height:48px;font-size:14px;display:flex}.demo-training-roles button[aria-pressed=true]{color:#176c58;background:#fff;border-color:#d1dfd3;box-shadow:0 3px 12px #342e2908}.demo-training-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px;display:grid}.demo-training-stats>div{background:#faf8f5;border:1px solid #ded7d1;border-radius:12px;padding:18px}.demo-training-stats svg{color:#176c58;margin-bottom:10px}.demo-training-stats strong{font-size:21px;line-height:1.7;display:block}.demo-training-stats span{color:#80766d;font-size:12px;line-height:1.8;display:block}.demo-training-picks{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.demo-training-picks label{border:1px solid #ded7d1;border-radius:12px;align-items:center;gap:10px;padding:14px}.demo-training-picks img{object-fit:cover;border-radius:9px;width:48px;height:48px}.demo-training-picks small{color:#80766d;font-size:10px;display:block}.demo-training-results{border-top:1px solid #ded7d1;margin-top:28px;padding-top:26px}.demo-training-results article{background:#faf8f5;border:1px solid #ded7d1;border-radius:14px;margin:16px 0;padding:20px}.demo-result-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.demo-result-top>div>span{color:#80766d;font-size:10px}.demo-result-top h4{margin:7px 0;font-size:18px;font-weight:600}.demo-result-top p{color:#6e6761;margin:0;font-size:12px;line-height:1.7}.demo-result-status{color:#89632d;white-space:nowrap;background:#fff2d8;border-radius:7px;padding:7px 10px;font-size:11px}.demo-result-status.passed{color:#176c58;background:#e6f1e2}.demo-result-status.retry{color:#9e3f30;background:#f7e8e1}.demo-result-notes{white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0;font-size:13px;line-height:1.9}.demo-training-results figure{flex-wrap:wrap;align-items:center;gap:16px;margin:18px 0;display:flex}.demo-training-results figure img{object-fit:cover;border-radius:10px;width:140px;height:150px}.demo-training-results figcaption,.demo-submission-photo figcaption{color:#80766d;font-size:11px;line-height:1.8}.demo-training-results button[aria-pressed=true]{outline-offset:3px;outline:2px solid #176c58}.demo-trainee-entry{gap:20px;max-width:480px;margin:30px auto;display:grid}.demo-trainee-entry>div{text-align:center}.demo-trainee-entry svg{color:#176c58;margin:0 auto 12px}.demo-trainee-entry p{color:#6e6761;font-size:13px;line-height:1.9}.demo-training-categories{margin:16px 0}.demo-training-categories button[aria-pressed=true]{color:#fff;background:#176c58;border-color:#176c58}.demo-training-catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.demo-training-catalog article{border:1px solid #ded7d1;border-radius:14px;overflow:hidden}.demo-training-catalog article>img{object-fit:cover;width:100%;height:190px;display:block}.demo-training-catalog article>div{padding:18px}.demo-training-catalog h3{margin-bottom:8px;font-size:18px}.demo-training-catalog p{color:#80766d;min-height:50px;font-size:12px;line-height:1.8}.demo-training-catalog button{width:100%;font-size:12px}.demo-step-timer{background:#faf8f5;border:1px solid #ded7d1;border-radius:12px;margin:20px 0;padding:18px}.demo-step-timer>div:first-child{color:#176c58;flex-wrap:wrap;align-items:center;gap:10px;display:flex}.demo-step-timer strong{font-variant-numeric:tabular-nums;direction:ltr;font-size:28px}.demo-step-timer span{color:#80766d;font-size:12px}.demo-step-timer>label{align-items:center;gap:14px;margin-top:14px;font-size:12px;display:flex}.demo-step-timer select{width:auto}.demo-step-timer .demo-action-row{margin-top:14px}.demo-step-timer output,.demo-training-sent{color:#176c58;padding-top:14px;font-size:12px;line-height:1.9;display:block}.demo-simulator-ingredients{background:#faf8f5;border:1px solid #ded7d1;border-radius:12px;padding:16px;font-size:13px}.demo-simulator-ingredients summary{cursor:pointer;min-height:24px}.demo-simulator-ingredients ul{margin-top:12px}.demo-notes-field{margin:20px 0}.demo-submission-photo{flex-wrap:wrap;align-items:center;gap:18px;margin:20px 0;display:flex}.demo-submission-photo img{object-fit:cover;border-radius:12px;width:140px;height:160px}.demo-submission-photo figcaption{max-width:420px}@media (max-width:1050px){.demo-menu-lab{grid-template-columns:minmax(0,1fr) 340px;gap:16px}.demo-experiences button{gap:10px;padding:16px}.demo-training-picks{grid-template-columns:1fr}.demo-training-catalog{gap:12px}.demo-training-catalog article>div{padding:14px}}@media (max-width:800px){.demo-experiences{gap:8px}.demo-experiences button{flex-direction:column;padding:14px}.demo-experiences button>svg:last-child{display:none}.demo-experiences strong{font-size:13px}.demo-experiences small{font-size:10px}.demo-menu-lab{grid-template-columns:1fr}.demo-menu-live{width:100%;max-width:440px;margin:6px auto 0;position:static}.demo-menu-live .demo-customer-menu{max-height:650px}.demo-training-stats{gap:10px}.demo-training-catalog{grid-template-columns:1fr}.demo-training-catalog article{grid-template-columns:140px minmax(0,1fr);display:grid}.demo-training-catalog article>img{height:100%;min-height:190px}.demo-training-catalog p{min-height:0}.demo-training-roles button{font-size:13px}.demo-experience-heading{scroll-margin-top:104px;font-size:17px}}@media (max-width:520px){.demo-experiences{flex-direction:column;gap:9px;margin:22px 0;display:flex}.demo-experiences button{flex-direction:row;align-items:center;min-height:82px;padding:14px}.demo-experiences button>svg:last-child{display:block}.demo-experiences strong{margin-bottom:4px;font-size:14px}.demo-experiences small{font-size:11px}.demo-form-grid{grid-template-columns:1fr;gap:12px}.demo-menu-edit-items .demo-form-grid{grid-template-columns:1fr 1fr;gap:10px}.demo-menu-edit-items label{font-size:11px}.demo-choice-field{padding:14px}.demo-theme-options button{font-size:11px}.demo-qr-panel{grid-template-columns:1fr;padding:16px}.demo-qr-panel>img{margin:auto}.demo-training-stats{grid-template-columns:1fr 1fr}.demo-training-stats>div:first-child{grid-column:1/-1}.demo-training-stats>div{padding:14px}.demo-training-stats strong{font-size:18px}.demo-training-roles{gap:5px;padding:5px}.demo-training-roles button{gap:6px;font-size:12px}.demo-training-stats span{font-size:11px}.demo-result-top{flex-direction:column;gap:10px}.demo-training-results article{padding:16px}.demo-training-results .demo-action-row button{width:100%}.demo-training-catalog article{grid-template-columns:105px minmax(0,1fr)}.demo-training-catalog article>img{min-height:200px}.demo-training-catalog h3{font-size:16px}.demo-step-timer{padding:16px}.demo-step-timer>label{flex-wrap:wrap}.demo-step-timer span{font-size:11px}.demo-menu-dialog{max-height:calc(100svh - 24px)}.demo-preview-title{padding:14px}.demo-preview-title [data-slot=dialog-title]{font-size:16px}.demo-customer-hero{padding:22px 18px}.demo-customer-hero h2{font-size:26px}.demo-customer-items article{grid-template-columns:90px minmax(0,1fr);gap:11px;padding:10px}.demo-customer-items article>img{width:90px;height:112px}.demo-customer-items h4{font-size:14px}.demo-experience-heading{scroll-margin-top:92px}body:has(.demo-shell) .guide-launcher{bottom:76px}}@media (prefers-reduced-motion:reduce){.demo-customer-menu,.demo-menu-live .demo-customer-menu{scroll-behavior:auto}}.demo-customer-browser nav button,.demo-training-categories button{width:auto}