.part-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:24px 0;border-bottom:1px solid var(--nz-line);padding-bottom:16px}
.part-tabs button{display:flex;align-items:center;gap:9px;min-height:46px;padding:11px 14px;border:1px solid transparent;background:transparent;color:var(--nz-muted);font:14px/1.5 var(--nz-sans);border-radius:4px;text-align:left;cursor:pointer}.part-tabs button small{font:11px var(--nz-sans);opacity:.7}.part-tabs button[aria-selected=true]{border-color:var(--nz-line);background:var(--nz-surface);color:var(--nz-ink)}
.part-panel[hidden]{display:none}.part-purpose{padding:32px 0 26px;max-width:780px}.part-purpose h4{font:400 25px/1.4 var(--nz-serif);margin:10px 0 12px}.part-purpose>p:last-child{font-size:16px;line-height:1.8;color:var(--nz-muted);margin:0}.part-anatomy{border:1px solid var(--nz-line);padding:24px}.part-anatomy dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:20px 0 0}.part-anatomy dt{font-size:14px;color:var(--nz-accent);margin-bottom:12px}.part-anatomy dd{font-size:14px;line-height:1.8;color:var(--nz-muted);margin:0}.part-table-wrap{margin:28px 0;overflow-x:auto}.part-table-wrap table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;line-height:1.75}.part-table-wrap caption{text-align:left;font:12px/1.6 var(--nz-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--nz-accent);margin-bottom:16px}.part-table-wrap th,.part-table-wrap td{padding:15px 14px 15px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--nz-line);font-weight:400;overflow-wrap:anywhere}.part-table-wrap th:first-child{width:19%}.part-table-wrap th:nth-child(2){width:30%}.part-table-wrap td{color:var(--nz-muted)}.part-table-wrap thead th{font-size:12px;color:var(--nz-muted)}
.part-metrics{display:flex;flex-wrap:wrap;gap:8px 24px;padding:18px 0;border-bottom:1px solid var(--nz-line);font-size:13px;color:var(--nz-accent)}.part-usage{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:24px 0}.part-usage h5{font:400 15px/1.6 var(--nz-sans);margin:0 0 10px}.part-usage p{font-size:14px;line-height:1.8;color:var(--nz-muted);margin:0}.part-source{font-size:13px;border-bottom:1px solid var(--nz-line);padding-bottom:20px}.part-source summary{cursor:pointer;color:var(--nz-muted)}.part-source code{display:block;margin-top:18px;line-height:1.8;overflow-wrap:anywhere;color:var(--nz-muted)}
.part-demo-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:4px 0 18px}.part-demo-caption label,.part-hit-control{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--nz-muted)}.part-demo-caption input,.part-hit-control input{accent-color:var(--nz-accent);width:16px;height:16px}
.sig-gallery.show-anatomy .sig-art-frame{outline:1px dashed var(--nz-accent);outline-offset:6px}.sig-gallery.show-anatomy .sig-art-frame:before{content:'01';position:absolute;left:-19px;top:-24px;padding:5px;background:var(--nz-bg);color:var(--nz-accent);font:12px var(--nz-sans);z-index:3}.sig-gallery.show-anatomy .sig-art-window{outline:1px dashed #fff8;outline-offset:0}.sig-gallery.show-anatomy .sig-art-window:after{content:'02';position:absolute;right:0;top:0;padding:4px;background:#101615c9;color:#eee;font:12px var(--nz-sans)}.sig-gallery.show-anatomy .sig-art-caption:after{content:'03';font:11px var(--nz-sans);color:var(--nz-accent)}.sig-gallery.show-anatomy[data-inspect=track] .sig-art-slide{outline:2px solid #cdb883;outline-offset:-2px}.sig-gallery.show-anatomy[data-inspect=light] .sig-lamp{outline:1px dashed var(--nz-accent);outline-offset:5px}.sig-gallery.show-anatomy[data-inspect=focus] .sig-art-frame{outline-style:solid}
.part-scene-stage{border:1px solid var(--nz-line);background:var(--nz-surface);overflow:hidden;min-width:0}.part-scene-stage [hidden]{display:none!important}.part-scene-stage button:focus-visible,.part-tabs button:focus-visible{outline:2px solid var(--nz-accent);outline-offset:3px}.part-scene-stage h4{font:400 30px/1.3 var(--nz-serif);margin:14px 0}.part-scene-stage p{font-size:14px;line-height:1.8}.part-sandbox-footer{min-height:70px;border-top:1px solid var(--nz-line);padding:18px 24px;display:flex;gap:20px;justify-content:space-between;align-items:center;font-size:13px;color:var(--nz-muted)}.part-sandbox-footer .nz-link{font-size:14px}.part-small-tag{font:11px var(--nz-sans);color:var(--nz-accent)}
.part-curtain-scene{height:350px;position:relative;overflow:hidden;background:linear-gradient(#00100d60,#00100dd9),url(assets/water.webp) center/cover;color:#eee9df}.part-curtain-view{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px}.part-curtain-view p{margin:0}.part-scene-eyebrow{font:11px var(--nz-sans);text-transform:uppercase;letter-spacing:.08em;color:#cbb68e}.part-cloth{position:absolute;width:50.2%;height:100%;top:0;background-image:linear-gradient(90deg,#0005,transparent,#0006),url(assets/window-curtains/olive-jacquard-closed-v1.webp);background-size:cover,200% 100%;transition:transform 1800ms cubic-bezier(.22,.7,.2,1);display:flex;align-items:flex-start;justify-content:center;padding-top:24px;pointer-events:none}.part-cloth b{font:11px var(--nz-sans);font-weight:400;color:#efe2c1;background:#0005;padding:7px}.part-cloth-left{left:0;background-position:left}.part-cloth-right{right:0;background-position:right}.part-curtain-scene:not([data-entry=closed]) .part-cloth-left{transform:translateX(-94%)}.part-curtain-scene:not([data-entry=closed]) .part-cloth-right{transform:translateX(94%)}.part-enter{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:2;white-space:nowrap;min-height:44px;border:1px solid #dfc79988;background:#111713d9;color:#efe9dc;padding:10px 18px;font:14px var(--nz-sans);cursor:pointer}.part-curtain-scene[data-entry=open] .part-enter{opacity:.55;cursor:default}
.part-camera-scene{height:350px;position:relative;overflow:hidden;background:#081610;--camera-p:0}.part-camera-water{position:absolute;inset:0;background:url(assets/water.webp) center/cover;transform:scale(calc(1.55 - var(--camera-p)*.55));filter:brightness(.7)}.part-camera-window{position:absolute;inset:20px 16%;border:12px solid #777558;opacity:var(--camera-p);transform:scale(calc(1.4 - var(--camera-p)*.4));box-shadow:0 0 0 35px #0a1119aa}.part-camera-window i{position:absolute;top:0;bottom:0;width:7px;background:#777558}.part-camera-window i:first-child{left:33%}.part-camera-window i:last-child{left:66%}.part-camera-flower{position:absolute;bottom:-35px;left:45%;height:260px;mix-blend-mode:screen;opacity:var(--camera-p);transform:translateY(calc(180px - var(--camera-p)*180px))}.part-layer-label{position:absolute;font:11px var(--nz-sans);color:#eee6d5;background:#08140eda;padding:7px;border:1px solid #d6bf8d70}.layer-one{top:18px;left:20px}.layer-two{top:50%;right:22px}.layer-three{bottom:22px;left:24px}.part-camera-readout{position:absolute;right:24px;bottom:22px;color:#fff;font:30px var(--nz-serif)}.part-camera-control{display:flex;gap:14px;align-items:center;flex:1;min-width:0}.part-camera-control input{min-width:60px;flex:1;accent-color:var(--nz-accent)}.part-timeline{padding:0 24px 18px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--nz-muted)}
.part-flower-demo{display:grid;grid-template-columns:minmax(200px,42%) minmax(0,58%);align-items:center;min-height:360px;padding:26px;gap:24px}.part-flower-origin{display:grid;justify-items:center;gap:22px}.part-petal{display:block;position:relative;width:200px;height:208px;border:0;padding:0;background:#00100d;isolation:isolate;color:#f2e3c6;cursor:pointer;border-radius:5px}.part-blossom{position:absolute;inset:0;overflow:hidden;border-radius:5px}.part-blossom img{position:absolute;width:515px;max-width:none;height:auto;left:-35px;top:0;pointer-events:none}.part-petal-glow{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(#fff8cc44,transparent 70%);opacity:0;transition:opacity 250ms;pointer-events:none}.part-topic-label{position:absolute;left:50%;top:10px;transform:translateX(-50%);font:12px var(--nz-sans);padding:7px 10px;white-space:nowrap;background:#101710dd;border:1px solid #cbb68c66;opacity:0;transition:opacity 250ms}.part-petal-number{position:absolute;bottom:20px;left:44%;width:30px;height:30px;border:1px solid #cbb68c99;background:#14221ae8;border-radius:50%;display:grid;place-items:center;font:12px var(--nz-sans)}.part-petal:is(:hover,:focus-visible,[aria-expanded=true]) :is(.part-petal-glow,.part-topic-label){opacity:1}.part-petal[aria-expanded=true] .part-petal-number{background:#d9c698;color:#102218}.part-petal.show-hit{outline:2px dashed var(--nz-accent);outline-offset:8px}.part-profile-empty{color:var(--nz-muted);padding:24px;border:1px dashed var(--nz-line)}.part-profile{border:1px solid var(--nz-line);background:var(--nz-bg);padding:20px;min-width:0;max-height:370px;overflow:auto}.part-profile header{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--nz-accent)}.part-profile h4{font-size:26px}.part-profile p{color:var(--nz-muted);font-size:15px}.part-profile footer{display:flex;align-items:center;gap:10px;border-top:1px solid var(--nz-line);padding-top:14px;font-size:12px}.part-profile footer>span{margin-right:auto}
.part-navigation-demo{position:relative;height:350px;padding:38px;background:linear-gradient(125deg,var(--nz-surface),var(--nz-bg));isolation:isolate}.part-chapter-copy{max-width:55%}.part-chapter-copy h4{font-size:40px}.part-chapter-copy p{color:var(--nz-muted);max-width:290px}.part-directory-toggle{position:absolute;right:24px;top:16px;display:flex;align-items:center;gap:24px;min-height:44px;padding:0 8px;color:var(--nz-ink);font:13px var(--nz-sans);background:none;border:0;cursor:pointer}.part-directory{position:absolute;right:24px;top:65px;display:grid;min-width:135px;background:var(--nz-bg);border:1px solid var(--nz-line);padding:8px}.part-directory button{min-height:44px;display:flex;gap:16px;align-items:center;text-align:left;border:0;border-left:2px solid transparent;background:transparent;color:var(--nz-muted);font:13px var(--nz-sans);padding:8px 10px;cursor:pointer}.part-directory button small{font-size:11px}.part-directory button[aria-current]{border-left-color:var(--nz-accent);color:var(--nz-ink);background:var(--nz-surface)}.part-butterfly{position:absolute;bottom:15px;right:65px;background:none;border:0;padding:0;color:var(--nz-accent);font:11px var(--nz-sans);display:flex;flex-direction:column;align-items:center;gap:8px;min-width:100px;min-height:70px;cursor:pointer;transform:translate(var(--guide-x,0px),var(--guide-y,0px));transition:transform 700ms cubic-bezier(.22,.7,.2,1)}.part-butterfly-wings{position:relative;width:90px;height:60px;display:block;perspective:300px}.part-butterfly-wings img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.part-wing-left{clip-path:polygon(0 0,50% 0,50% 100%,0 100%);transform-origin:50% 50%}.part-wing-right{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);transform-origin:50% 50%}.part-butterfly[data-flying=true] .part-wing-left{animation:part-wing-left 220ms alternate infinite ease-in-out}.part-butterfly[data-flying=true] .part-wing-right{animation:part-wing-right 220ms alternate infinite ease-in-out}@keyframes part-wing-left{to{transform:rotateY(62deg)}}@keyframes part-wing-right{to{transform:rotateY(-62deg)}}
.part-water-demo{height:350px;position:relative;overflow:hidden;padding:35px;background:linear-gradient(#05110b66,#071714aa),url(assets/water.webp) center/cover;color:#eee9df}.part-water-demo .nz-label{color:#dac99e}.part-water-demo h4{position:relative;z-index:1}.part-water-demo p{max-width:300px;position:relative;z-index:1}.part-water-ring{position:absolute;pointer-events:none;width:36px;height:14px;border:1px solid #ccebdd88;border-radius:50%;transform:translate(-50%,-50%);animation:part-ripple 1200ms ease-out forwards}@keyframes part-ripple{to{transform:translate(-50%,-50%) scale(5);opacity:0}}
.sig-incontext{border:1px solid var(--nz-line);padding:24px;margin:38px 0 0}.sig-incontext>summary{font:16px/1.6 var(--nz-sans);cursor:pointer;color:var(--nz-ink)}.sig-incontext>.lib-note{margin-top:20px}.sig-incontext .sig-live-shell{height:560px}.sig-complete{margin-top:45px}
.part-scene-stage[data-motion=off] *{animation:none!important;transition:none!important}.part-scene-stage[data-motion=off] .part-water-ring{display:none}
.part-scene-stage[data-motion=off] .part-butterfly{transform:none}
@media(max-width:1050px){.sig-heading{grid-template-columns:1fr;gap:18px}.part-anatomy dl{gap:18px}.part-flower-demo{grid-template-columns:200px minmax(0,1fr);gap:18px;padding:20px}.part-profile h4{font-size:23px}.part-profile{padding:16px}.part-chapter-copy h4{font-size:34px}}
@media(max-width:760px){.part-tabs{gap:4px}.part-tabs button{font-size:13px;padding:9px 10px;gap:6px}.part-anatomy{padding:20px}.part-anatomy dl,.part-usage{grid-template-columns:1fr;gap:20px}.part-purpose h4{font-size:24px}.part-table-wrap table{font-size:13px}.part-table-wrap th:first-child{width:23%}.part-table-wrap th:nth-child(2){width:29%}.part-table-wrap th,.part-table-wrap td{padding-right:10px}.part-metrics{gap:12px;font-size:12px}.part-demo-caption{align-items:flex-start}.part-demo-caption label{font-size:12px}.part-flower-demo{grid-template-columns:1fr;padding:24px;min-height:500px}.part-profile{width:100%;max-height:330px}.part-profile-empty{width:100%;text-align:center}.part-sandbox-footer{flex-wrap:wrap;padding:18px;gap:14px}.part-timeline{font-size:10px;padding-inline:18px;gap:8px}.part-navigation-demo{padding:26px;height:390px}.part-chapter-copy{max-width:55%;padding-top:30px}.part-chapter-copy h4{font-size:28px}.part-chapter-copy p{font-size:13px}.part-directory{right:12px;min-width:120px;top:64px}.part-directory-toggle{right:14px}.part-butterfly{right:45px;bottom:24px}.part-water-demo{padding:26px}.part-camera-control{flex-basis:100%}.sig-incontext{padding:16px}.sig-incontext .sig-live-shell{height:530px}.part-purpose>p:last-child{font-size:15px}}
@media(prefers-reduced-motion:reduce){.part-scene-stage *{animation:none!important;transition:none!important}}
