.nx2-material-showcase{min-width:0}.nx2-materials-tabs{gap:28px}.nx2-materials-toolbar{justify-content:center;align-items:center;gap:12px;display:flex}.nx2-materials-nav{background:0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(640px,100%);padding:0;display:grid;height:auto!important}.nx2-materials-nav [role=tab]{isolation:isolate;white-space:nowrap;min-height:48px;color:var(--nx-slogan-start);background:var(--nx-lavender);border:1px solid #0000;border-radius:50px;padding:12px 22px;font-size:13px;font-weight:600;line-height:1.4;transition:background-color .18s,color .18s;position:relative;overflow:hidden;box-shadow:none!important}.nx2-materials-nav [role=tab][data-active]{background:var(--nx-slogan-start);color:var(--primary-foreground)}.nx2-materials-nav [role=tab]:not([data-active]):hover{border-color:var(--nx-slogan-start)}.nx2-materials-nav [role=tab]:focus-visible{outline:2px solid var(--nx-slogan-start);outline-offset:3px}.nx2-materials-progress{background:var(--nx-slogan-end);transform-origin:0;pointer-events:none;position:absolute;inset:0;transform:scaleX(0)}.nx2-materials-tab-label{position:relative}.nx2-materials-playback{background:var(--card);border:1px solid var(--nx-surface-border);width:44px;height:44px;color:var(--nx-slogan-start);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.nx2-materials-playback:hover{background:var(--nx-lavender)}.nx2-materials-playback:disabled{opacity:.5;cursor:default}.nx2-material-panel{background:var(--background);border-radius:0;grid-template-columns:.85fr 1.3fr;align-items:center;gap:50px;min-height:440px;display:grid;overflow:hidden}.nx2-material-panel[data-ending-style]{display:none}.nx2-material-copy{padding:40px 0 40px 10px}.nx2-material-copy h3{letter-spacing:-.035em;margin-bottom:20px;font-size:38px;font-weight:600;line-height:1.14}.nx2-material-copy>p{color:var(--muted-foreground);font-size:16px;line-height:1.65}.nx2-material-detail{color:var(--muted-foreground);margin-top:18px;font-size:11px;line-height:1.8;display:block}.nx2-material-copy .nx2-text-link{margin-top:18px}.nx2-material-copy .nx2-future-label{margin-bottom:18px}.nx2-material-preview{background:var(--nx-cream);border-radius:18px;min-width:0;padding:25px 20px}.nx2-material-preview>span{text-align:center;color:var(--muted-foreground);font-size:11px;display:block}.nx2-material-art{width:100%;height:100%;min-height:400px;position:relative;overflow:clip}.nx2-material-art img{object-fit:cover}@media (max-width:1100px){.nx2-materials-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.nx2-material-copy{padding-left:0}.nx2-material-panel{grid-template-columns:1fr 1.2fr;gap:10px}}@media (max-width:800px){.nx2-material-panel{grid-template-columns:1fr 1fr}.nx2-material-copy{padding:32px 0}.nx2-material-copy h3{font-size:27px}.nx2-material-copy>p{font-size:14px}.nx2-material-preview{padding-inline:10px}.nx2-material-art{min-height:360px}}@media (max-width:600px){.nx2-materials-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.nx2-materials-toolbar{flex-wrap:wrap;gap:12px}.nx2-materials-nav{gap:6px}.nx2-materials-nav [role=tab]{min-height:44px;padding-inline:8px;font-size:11px}.nx2-materials-playback{margin-left:auto}.nx2-material-panel{grid-template-columns:1fr;gap:0}.nx2-material-copy{min-height:256px;padding:12px 0 26px}.nx2-material-copy h3{margin-bottom:15px;font-size:28px}.nx2-material-copy .nx2-text-link{margin-top:10px}.nx2-material-preview{padding:10px 12px 18px}.nx2-material-art{aspect-ratio:3/2;height:auto;min-height:0}}.nx2-playground>section>.nx2-material-showcase{grid-column:1/-1}@media (prefers-reduced-motion:reduce){.nx2-materials-playback{display:none}}@media (forced-colors:active){.nx2-materials-nav [role=tab][data-active]{border-color:highlight}}@media (max-width:380px){.nx2-material-copy{min-height:320px}}
.nx2-hero-workspace{margin:0}.nx2-workspace-caption{max-width:640px;color:var(--muted-foreground);text-align:center;margin:18px auto 0;padding-inline:24px;font-size:12px;line-height:1.6}.nx2-workspace-scene{isolation:isolate;background:var(--nx-sky);border-radius:22px;width:min(1720px,100% - 64px);height:clamp(450px,37vw,580px);margin-inline:auto;position:relative;overflow:hidden}.nx2-workspace-scene .nx2-hero-wave{opacity:.82;height:100%;inset:0;-webkit-mask-image:none;mask-image:none}.nx2-workspace-orbit{border:1px solid var(--nx-glass);border-radius:50%;width:88%;height:120%;position:absolute;top:26%;left:6%;transform:rotate(-12deg)}.nx2-workspace-window{background:var(--card);border:1px solid var(--nx-glass);width:74%;max-width:1130px;box-shadow:var(--nx-workspace-shadow);text-align:left;border-radius:12px 12px 0 0;position:absolute;top:42px;left:50%;overflow:hidden;transform:translate(-50%)}.nx2-workspace-chrome{border-bottom:1px solid var(--border);align-items:center;gap:22px;height:51px;padding:0 22px;display:flex}.nx2-workspace-chrome>span:first-child{font-size:22px}.nx2-workspace-chrome>span:nth-child(2){border-left:1px solid var(--border);color:var(--muted-foreground);padding-left:20px;font-size:10px}.nx2-workspace-layout{grid-template-columns:180px 1fr;display:grid}.nx2-workspace-sidebar{border-right:1px solid var(--border);background:var(--nx-workspace-sidebar);flex-direction:column;padding:24px 14px 20px;display:flex}.nx2-workspace-account{align-items:center;gap:9px;margin-bottom:29px;padding-inline:5px;display:flex}.nx2-workspace-account>span{background:var(--nx-lavender);width:32px;height:32px;color:var(--nx-shop);border-radius:7px;place-items:center;font-size:29px;display:grid}.nx2-workspace-account strong{letter-spacing:.1em;font-size:12px}.nx2-workspace-account small{color:var(--muted-foreground);letter-spacing:0;font-size:9px;font-weight:400;display:block}.nx2-workspace-account>svg{margin-left:auto}.nx2-workspace-navigation{gap:7px;display:grid}.nx2-workspace-navigation>span,.nx2-workspace-settings{min-height:35px;color:var(--muted-foreground);align-items:center;gap:10px;padding-inline:10px;font-size:10px;display:flex}.nx2-workspace-navigation [data-active=true]{color:var(--nx-shop);background:var(--nx-lavender);border-radius:6px;font-weight:600}.nx2-workspace-settings{margin-top:auto;padding-top:25px}.nx2-workspace-catalog{min-width:0;padding:24px 30px 22px}.nx2-workspace-breadcrumb{color:var(--muted-foreground);gap:10px;margin-bottom:23px;font-size:9px;display:flex}.nx2-workspace-breadcrumb>span{opacity:.45}.nx2-workspace-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.nx2-workspace-title strong{letter-spacing:-.035em;font-size:clamp(22px,1.9vw,29px);font-weight:600;line-height:1.2}.nx2-workspace-title p{color:var(--muted-foreground);margin-top:5px;font-size:10px}.nx2-workspace-search{border:1px solid var(--border);color:var(--muted-foreground);white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:8px 11px;font-size:9px;display:flex}.nx2-workspace-categories{border-bottom:1px solid var(--border);color:var(--muted-foreground);white-space:nowrap;align-items:center;gap:19px;margin-top:24px;font-size:9px;display:flex}.nx2-workspace-categories>span{padding-bottom:10px}.nx2-workspace-categories [data-active=true]{border-bottom:2px solid var(--foreground);color:var(--foreground);font-weight:600}.nx2-workspace-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;padding-block:21px;display:grid}.nx2-workspace-photo{background:var(--nx-workspace-sidebar);aspect-ratio:1.12;border-radius:7px;position:relative;overflow:hidden}.nx2-workspace-photo img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.nx2-workspace-product>strong{margin-top:10px;font-size:11px;font-weight:600;display:block}.nx2-workspace-product>small{color:var(--muted-foreground);margin-top:3px;font-size:9px;display:block}.nx2-workspace-status{border-top:1px solid var(--border);color:var(--muted-foreground);justify-content:space-between;gap:10px;padding-top:15px;font-size:9px;display:flex}.nx2-workspace-status>span{align-items:center;gap:7px;display:flex}.nx2-workspace-status>span:first-child>svg{color:var(--success)}.nx2-workspace-kit,.nx2-workspace-budget,.nx2-workspace-location{z-index:1;background:var(--card);border:1px solid var(--nx-glass);box-shadow:var(--nx-workspace-shadow);position:absolute}.nx2-workspace-kit{border-radius:12px;width:205px;top:40%;left:3.8%;overflow:hidden;transform:rotate(-7deg)}.nx2-workspace-kit-photo{background:var(--nx-cream);height:158px;overflow:hidden}.nx2-workspace-kit-photo img{object-fit:cover;width:100%;height:100%}.nx2-workspace-kit>div:last-child{padding:13px 16px}.nx2-workspace-kit span{align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.nx2-workspace-kit small{color:var(--muted-foreground);margin-top:4px;font-size:9px;display:block}.nx2-workspace-budget{border-radius:12px;align-items:center;gap:12px;width:283px;padding:18px;display:flex;top:30%;right:3%}.nx2-workspace-wallet{width:37px;height:37px;color:var(--nx-lavender-ink);background:var(--nx-lavender);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.nx2-workspace-budget small{color:var(--muted-foreground);margin-bottom:4px;font-size:9px;display:block}.nx2-workspace-budget strong{font-size:12px;font-weight:600;display:block}.nx2-workspace-budget div>span{color:var(--muted-foreground);margin-top:5px;font-size:9px;display:block}.nx2-workspace-location{border-radius:50px;align-items:center;gap:10px;padding:14px 20px;font-size:11px;display:flex;bottom:40px;right:7%}.nx2-workspace-location>svg:last-child{color:var(--success)}@media (min-width:1800px){.nx2-workspace-window{top:58px}.nx2-workspace-catalog{padding:30px 40px}.nx2-workspace-photo{aspect-ratio:1.2}.nx2-workspace-kit{width:255px}.nx2-workspace-kit-photo{height:200px}.nx2-workspace-budget{top:29%;right:4%}}@media (max-width:1100px){.nx2-workspace-scene{flex-direction:column;gap:14px;width:calc(100% - 40px);height:auto;padding:24px;display:flex}.nx2-workspace-window{border-radius:12px;width:100%;position:relative;top:auto;left:auto;transform:none}.nx2-workspace-layout{grid-template-columns:1fr}.nx2-workspace-sidebar,.nx2-workspace-search,.nx2-workspace-kit,.nx2-workspace-location{display:none}.nx2-workspace-catalog{padding:22px}.nx2-workspace-breadcrumb{margin-bottom:15px}.nx2-workspace-photo{aspect-ratio:1.35}.nx2-workspace-budget{width:100%;box-shadow:var(--nx-card-shadow);padding:16px 20px;position:relative;inset:auto}.nx2-workspace-budget strong{font-size:13px}.nx2-workspace-budget small,.nx2-workspace-budget div>span{font-size:10px}}@media (max-width:600px){.nx2-workspace-scene{border-radius:18px;gap:12px;width:calc(100% - 32px);padding:12px}.nx2-workspace-chrome{gap:10px;height:40px;padding-inline:12px}.nx2-workspace-chrome>span:first-child{font-size:20px}.nx2-workspace-chrome>span:nth-child(2){padding-left:10px;font-size:9px}.nx2-workspace-catalog{padding:15px 12px}.nx2-workspace-breadcrumb,.nx2-workspace-categories>span:nth-child(n+3),.nx2-workspace-product>small,.nx2-workspace-status{display:none}.nx2-workspace-title strong{font-size:21px}.nx2-workspace-title p{font-size:10px}.nx2-workspace-categories{gap:14px;margin-top:18px;font-size:9px}.nx2-workspace-products{gap:8px;padding-block:14px 0}.nx2-workspace-photo{aspect-ratio:1}.nx2-workspace-product strong{margin-top:8px;font-size:10px;line-height:1.3}.nx2-workspace-budget{gap:12px;padding:12px}.nx2-workspace-budget strong{font-size:12px}.nx2-workspace-budget small{font-size:9px}.nx2-workspace-budget div>span{display:none}.nx2-workspace-wallet{width:34px;height:34px}}@media (prefers-reduced-motion:no-preference){.nx2-workspace-kit{animation:8s ease-in-out infinite alternate nx2-workspace-float}}@keyframes nx2-workspace-float{0%{translate:0}to{translate:0 -9px}}.nx2-workspace-example{color:var(--muted-foreground);border:1px solid var(--border);border-radius:4px;margin-left:auto;padding:2px 6px;font-size:11px}.nx2-workspace-motion{width:44px;height:44px;color:var(--foreground);background:0 0;border-radius:6px;flex-shrink:0;place-items:center;margin-right:-12px;display:grid}.nx2-workspace-motion:hover{background:var(--muted)}.nx2-workspace-motion:focus-visible{outline-offset:-3px}@media (max-width:600px){.nx2-workspace-chrome{gap:8px;height:44px}.nx2-workspace-chrome>span:nth-child(2){padding-left:8px;font-size:8px}.nx2-workspace-example{font-size:10px}.nx2-workspace-motion{width:36px;margin-right:-8px}}@media (max-width:360px){.nx2-workspace-chrome>span:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){.nx2-workspace-motion{display:none}}