.labels-section{background:#fff;overflow:hidden;scroll-margin-top:100px}.labels-heading{text-align:center;max-width:780px;margin:0 auto 45px}.labels-heading h2{font-size:clamp(34px,4vw,56px);line-height:1.12;letter-spacing:-1.7px;margin:20px 0}.labels-heading em{font-style:normal;color:#2476df}.labels-heading p{color:#64748b;font-size:18px;line-height:1.8}.labels-demo{display:grid;grid-template-columns:1.25fr 50px 1fr;align-items:center;gap:10px;padding:30px 40px;border-radius:32px;background:radial-gradient(ellipse at 70% 45%,#d9eaff,#f0f6ff 65%);min-height:570px}.label-editor{position:relative;z-index:3;overflow:hidden;border:7px solid #fff;border-radius:20px;background:#fff;box-shadow:0 22px 48px #1a477c25;transform:perspective(1500px) rotateY(5deg) rotateZ(-1deg)}.label-editor-top{display:flex;align-items:center;justify-content:space-between;background:#2476df;color:#fff;padding:17px;font-size:16px;font-weight:700}.label-editor-top>span:first-child{display:flex;align-items:center;gap:9px}.editor-dots{letter-spacing:4px}.label-editor-toolbar{display:flex;gap:9px;align-items:center;padding:12px;font-size:12px;background:#f8fbff}.label-editor-toolbar>span{background:#e7f0ff;padding:7px 9px;border-radius:6px;color:#376095}.label-editor-toolbar>.editor-save{margin-left:auto;background:#2bb67f;color:#fff}.label-editor-body{display:flex;min-height:315px}.label-editor-sidebar{display:flex;flex-direction:column;gap:25px;padding:22px 13px;background:#203454;color:#fff}.label-canvas{flex:1;display:grid;place-items:center;padding:15px;background-color:#edf2f8;background-image:radial-gradient(#bdcce0 1px,transparent 1px);background-size:12px 12px}.label-design{background:#fff;width:230px;padding:14px;color:#111;box-shadow:0 5px 15px #20345418}.label-design>strong{display:block;font-size:14px;text-align:center}.label-design-caption{display:block;font-size:8px;text-align:center;margin:5px 0 10px}.label-design .nf-label{font-size:8px!important;padding:4px!important;border:1px solid #000!important;border-radius:0!important}.label-design .nf-title{font-size:10px!important}.label-design .nf-serving{font-size:8px!important}.label-design .nf-table{font-size:7px!important}.label-design .nf-table th,.label-design .nf-table td{padding:1px!important}.label-design .nf-footnote{font-size:6px!important}.label-build-table{animation:label-table-in 12s infinite}.label-build-alert{display:block;width:100%;height:36px;object-fit:contain;margin-top:7px;animation:label-alert-in 12s infinite}.label-editor-footer{display:flex;justify-content:space-between;padding:12px 14px;font-size:12px;color:#687e98}.label-saved{color:#209b70;animation:label-save-in 12s infinite}.label-transfer{color:#2476df;text-align:center;animation:label-transfer 12s infinite}.label-transfer .icon{width:35px;height:35px}.label-print-scene{position:relative;align-self:stretch;min-width:0;display:flex;flex-direction:column;justify-content:center}.label-printer{position:relative;width:100%;aspect-ratio:1; margin-top:-105px}.label-printer-image{position:relative;z-index:2;display:block;width:100%;height:auto}.label-paper-window{position:absolute;left:24%;top:62.5%;width:52%;height:250px;overflow:hidden;z-index:3;filter:drop-shadow(0 9px 8px #183b6520)}.label-paper-reel{background:#fafafa;padding:0 6px;animation:label-print-feed 12s linear infinite}.print-sticker{height:136px;padding:5px 4px;border-bottom:1px dashed #c9d4df;box-sizing:border-box;background:#fff;color:#111;overflow:hidden}.print-sticker>strong{font-size:7px;display:block;text-align:center;margin-bottom:2px}.print-sticker .nf-label{font-size:4px!important;padding:2px!important;border:1px solid #000!important;border-radius:0!important}.print-sticker .nf-title{font-size:6px!important}.print-sticker .nf-serving{font-size:4px!important}.print-sticker .nf-table{font-size:4px!important;line-height:1.2!important}.print-sticker .nf-table th,.print-sticker .nf-table td{padding:0!important;line-height:1.3!important}.print-sticker .nf-footnote{font-size:3px!important}.print-sticker>img{display:block;width:100%;height:20px;object-fit:contain;margin-top:3px}.label-print-status{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:14px;color:#327356;animation:label-save-in 12s infinite}.labels-demo-note{text-align:center;font-size:12px;color:#70839b;margin:16px 0 40px}.labels-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.labels-benefits article>.icon{color:#2476df;width:30px;height:30px;margin-bottom:15px}.labels-benefits h3{font-size:18px;color:#203454;margin:0 0 10px}.labels-benefits p{font-size:16px;color:#64748b;line-height:1.7;margin:0}.labels-cta{text-align:center;margin-top:35px}@keyframes label-table-in{0%,8%{opacity:0;transform:translateY(7px)}18%,95%{opacity:1;transform:none}100%{opacity:0}}@keyframes label-alert-in{0%,23%{opacity:0;transform:scale(.9)}33%,95%{opacity:1;transform:none}100%{opacity:0}}@keyframes label-save-in{0%,37%{opacity:0}44%,95%{opacity:1}100%{opacity:0}}@keyframes label-transfer{0%,40%,100%{opacity:.25}50%,90%{opacity:1}}@keyframes label-print-feed{0%,40%{transform:translateY(-50%);opacity:0}43%{opacity:1;transform:translateY(-50%)}94%{opacity:1;transform:translateY(0)}99%,100%{opacity:0;transform:translateY(0)}}.motion-paused .labels-demo *{animation:none!important}.motion-paused .label-paper-reel{transform:translateY(-16.6667%)}@media(prefers-reduced-motion:reduce){.labels-demo *{animation:none!important}.label-paper-reel{transform:translateY(-16.6667%)}}@media(max-width:1000px){.labels-demo{padding:25px 18px;grid-template-columns:1.15fr 24px 1fr;gap:0}.label-design{width:205px}.label-transfer .icon{width:24px}.labels-benefits{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.labels-demo{grid-template-columns:1fr;padding:22px;gap:18px}.label-editor{max-width:420px;width:100%;margin:auto;transform:none}.label-transfer{transform:rotate(90deg)}.label-print-scene{height:450px;width:310px;max-width:100%;margin:auto}.label-printer{margin-top:-115px}.label-paper-window{height:225px}.label-print-status{bottom:4px}.labels-benefits{gap:25px}.labels-heading p{font-size:16px}}@media(max-width:440px){.labels-demo{padding:15px}.label-editor-toolbar{gap:5px;padding:8px}.label-editor-toolbar>span{padding:6px}.label-editor-top{font-size:14px;padding:13px}.label-editor-sidebar{padding:20px 9px}.label-canvas{padding:10px}.labels-benefits{grid-template-columns:1fr}.labels-cta .button{font-size:14px}}

/* Supplied portrait label, proportionally scaled without cropping. */
.label-paper-reel{padding:0 5px}.print-sticker{height:auto;padding:7px 2px;overflow:visible}.print-sticker>img.printed-label-model{display:block;width:100%;height:auto;object-fit:contain;margin:0}.label-paper-window{height:330px}.labels-demo{min-height:650px}.label-print-status{bottom:-8px}@media(max-width:700px){.label-print-scene{height:530px}.label-printer{margin-top:-165px}.label-paper-window{height:315px}.label-print-status{bottom:0}}

/* The editor and print reel use the exact same SVG asset. */
.label-design-matched{padding:0;max-width:100%;overflow:hidden}.editor-label-model{display:block;width:100%;height:auto;animation:editor-label-build 12s infinite}@keyframes editor-label-build{0%,8%{clip-path:inset(0 0 100% 0);opacity:0}12%{opacity:1}33%,95%{clip-path:inset(0);opacity:1}100%{clip-path:inset(0);opacity:0}}