:root{--luster-paper:#f5ecd9;--luster-blue:#1137b4;--luster-line:#f5ecd94d;--luster-display:Impact,'Arial Narrow',sans-serif;--luster-body:'Segoe UI','Microsoft YaHei','PingFang SC','Noto Sans CJK SC',Arial,sans-serif}
.siteHeader{position:relative;inset:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px;padding:12px clamp(20px,4vw,64px);border-bottom:1px solid var(--luster-line);z-index:3;pointer-events:auto;color:var(--luster-paper);font-family:var(--luster-body);flex-shrink:0}
.siteBrand{font-family:var(--luster-display);font-size:48px;line-height:1;letter-spacing:-1.5px;color:inherit;text-decoration:none}
.siteHeader .siteNav{display:flex;align-items:center;gap:28px;padding:0;width:auto;order:initial;flex-wrap:nowrap;font-size:13px}
.siteHeader .siteNav a{display:flex;align-items:center;justify-content:center;min-height:44px;color:inherit;text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;text-underline-offset:6px}
.siteHeader .siteNav a[aria-current=page]{border-bottom-color:var(--luster-paper)}
.siteHeader .siteNav a:hover{text-decoration:underline}
.siteUtility{display:flex;align-items:center;gap:16px}.siteUtility .localMark{font-size:11px}
.siteHeader a:focus-visible{outline:3px solid #ffe27d;outline-offset:4px}
body.landing{background:var(--luster-blue);font-family:var(--luster-body)}
.landing .hero h1,.landing .pageIntro h1{font-family:var(--luster-display);font-weight:400;letter-spacing:-.015em;font-size:clamp(58px,7vw,104px);line-height:.98}
.landing h2{font-family:var(--luster-display);font-weight:400;letter-spacing:-.01em}.landing h3{font-weight:600}
.landing .action{padding:12px 24px;font-family:var(--luster-body);font-size:14px;min-height:44px}
.landing .heroMaterial{background:#0c2c91}.landing .exampleLinks a{border-radius:3px}.landing .sectionLabel{color:var(--luster-paper);opacity:.85}
.pageIntro{padding:64px 0 40px;max-width:760px}.pageIntro h1{margin:20px 0 24px}.pricingPage .plans{border-top:0;padding-top:0}.pricingPage .planPrice{font-size:36px;line-height:1.1;margin:20px 0 10px;letter-spacing:-.03em}.pricingPage .pricingAnswers{padding:40px 0;border-top:1px solid var(--luster-line);max-width:820px}.pricingAnswers h3{font-size:21px}.pricingAnswers p{font-size:14px;max-width:700px}
body:has(.workspace){background:var(--luster-blue);font-family:var(--luster-body)}
body:has(.workspace) .workspace{height:calc(100dvh - 80px)}
body:has(.workspace) .sidebar{background:#1034a6}.sidebar h1,.sidebar h2{font-family:var(--luster-display);font-weight:400;letter-spacing:.01em;font-size:24px}
body:has(.workspace) .center{background:var(--luster-blue)}.canvasWrap{background:radial-gradient(ellipse at center,#214bc8 0,var(--luster-blue) 75%)}
.left,.right,.viewPanel,.tabs{border-color:var(--luster-line)}.artCard,.cardSelect img{background:#0c2b8d}.template,.cardSelect{border-color:var(--luster-line)}.template,.cardSelect,.artCard{border-radius:3px}.cardSelect{background:#0c2e95}.modal{border-radius:6px}.primary,.outline,.fileButton{font-family:var(--luster-body)}
@media(max-width:900px){.siteHeader{gap:16px}.siteHeader .siteNav{gap:18px}.siteUtility .localMark{display:none}}
@media(max-width:700px){.siteHeader{flex-wrap:wrap;gap:8px 16px;padding-top:14px;padding-bottom:8px;min-height:80px}.siteBrand{font-size:42px}.siteHeader .siteNav{order:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:8px;font-size:12px}.siteUtility{margin-left:auto}.siteHeader .siteNav a{min-height:44px}.pageIntro{padding-top:36px}.landing .hero h1,.landing .pageIntro h1{font-size:clamp(54px,13vw,80px)}}
@media(max-width:760px){body:has(.workspace) .workspace{height:auto}}

.sidebar a{color:inherit;text-underline-offset:4px}.sidebar a:focus-visible{outline:3px solid #ffe27d;outline-offset:4px}

.siteHeader{left:auto;right:auto;top:auto;margin:0;width:100%;box-sizing:border-box}.trialNotes a{color:inherit;text-underline-offset:3px}h1.srOnly,h2.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(min-width:701px){.galleryHome main{width:min(100%,calc(150svh - 120px))}}@media(max-width:700px){.galleryHome main{min-height:calc(100svh - 112px)}}

.siteHeader{display:grid;grid-template-columns:150px 1fr 150px;background:var(--luster-blue);min-height:80px;height:80px}.siteHeader .siteNav{justify-self:center;justify-content:center}.siteLanguage{justify-self:end;margin:0;display:block}.siteLanguage select{min-height:44px;font:13px var(--luster-body);color:var(--luster-paper);background:transparent;border:1px solid var(--luster-line);border-radius:20px;padding:8px 12px}.siteLanguage option{background:var(--luster-blue)}.siteLanguage select:focus-visible{outline:3px solid #ffe27d;outline-offset:3px}.siteShell{margin:0;height:100dvh;display:flex;flex-direction:column;background:var(--luster-blue);color:var(--luster-paper);font-family:var(--luster-body);overflow:hidden}.pageFrames{position:relative;flex:1;min-height:0;opacity:1;transition:opacity 160ms ease}.pageFrames.isLeaving{opacity:0}.pageFrames iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:var(--luster-blue)}.pageFrames iframe[hidden]{display:none}.srOnly{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.editorActions{display:flex;align-items:center;gap:16px}.stageHeading{min-height:48px;align-items:center}.editorActions .primary{font-size:12px;min-height:36px;padding:7px 16px}body[data-site-view] .workspace{height:100dvh}body[data-site-view=home] main{width:min(100%,150svh)}html[lang=zh-CN] .landing h1,html[lang=zh-CN] .landing h2,html[lang=zh-CN] .sidebar h1,html[lang=zh-CN] .sidebar h2{font-family:var(--luster-body);font-weight:700;line-height:1.12}html[lang=zh-CN] .hero h1,html[lang=zh-CN] .pageIntro h1{font-size:clamp(44px,5vw,76px)}
@media(max-width:700px){.siteHeader{height:112px;min-height:112px;grid-template-columns:1fr auto;gap:4px 16px}.siteHeader .siteNav{grid-column:1/-1;grid-row:2;justify-self:stretch}.siteLanguage{grid-column:2;grid-row:1}.siteBrand{grid-column:1;grid-row:1}body[data-site-view=home] main{min-height:100svh}.editorActions{gap:8px}.stageHeading #status{max-width:135px}.stageHeading{flex-wrap:wrap}}@media(max-width:760px){body[data-site-view] .workspace{height:auto}}@media(prefers-reduced-motion:reduce){.pageFrames{transition:none}}

@media(max-width:700px){.editorActions .primary{min-height:44px}}

.stageHeading{display:grid;grid-template-columns:minmax(0,1fr) auto;flex-shrink:0}.stageHeading #lookTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editorActions #status{width:180px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}@media(max-width:700px){.stageHeading{position:relative;padding-bottom:22px}.editorActions #status{position:absolute;left:0;right:0;bottom:0;width:auto;max-width:100%;text-align:left}.editorActions{gap:0}}

/* Product specimens share the gallery's exhibition proportions and paper palette. */
.productPage main{width:min(1400px,100%)}
.productPage .hero{grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px);padding:64px 0 72px;min-height:660px}
.productPage .hero h1{font-size:clamp(58px,6.4vw,94px);max-width:620px}
.productPage .eyebrow{font-size:10px;letter-spacing:.14em;padding-left:26px;position:relative}
.productPage .eyebrow:before{content:'';width:14px;height:14px;border:1px solid currentColor;border-radius:50%;position:absolute;left:0;top:0}
.productPage .heroCopy>p{max-width:430px;font-size:15px;line-height:1.7}
.productPage .heroCopy .note{font-size:11px;max-width:420px;opacity:.72}
.materialExhibit{position:relative;min-height:520px;display:grid;place-items:center;padding:24px 40px 90px;isolation:isolate}
.exhibitOrbit{position:absolute;width:96%;aspect-ratio:1;border:1px solid #f5ecd92b;border-radius:50%;z-index:-1}
.exhibitOrbit:after{content:'';position:absolute;inset:12%;border:1px solid #f5ecd91c;border-radius:50%}
.exhibitIndex{position:absolute;left:0;top:12px;font-size:10px;letter-spacing:.2em}
.productPage .heroMaterial{width:78%;max-width:340px;padding:0;border:0;background:transparent;transform:rotate(-8deg);box-shadow:12px 22px 42px #031b6560}
.productPage .heroMaterial figcaption{font-size:9px;position:absolute;top:100%;left:0;right:0;padding-top:8px}
.exhibitCard{position:absolute;right:0;bottom:70px;width:66%;transform:rotate(9deg);box-shadow:0 20px 42px #031b6570;border:1px solid #f5ecd970}
.exhibitCaption{position:absolute;bottom:8px;font-size:9px;letter-spacing:.12em;opacity:.65;text-align:center}
.productPage .steps{display:grid;grid-template-columns:.8fr 1.7fr;gap:24px 48px;padding:48px 0 60px}
.productPage .steps .sectionLabel{grid-column:1/-1}
.productPage .steps h2{margin:0;max-width:280px;font-size:36px}
.productPage .steps ol{gap:28px}
.productPage .stepNumber{border:0;border-bottom:1px solid var(--luster-line);padding:0 0 12px;display:block;font-size:11px}
.productPage .steps h3{font-size:18px;margin:20px 0 12px}
.productPage .steps p{font-size:13px;opacity:.8}
.productPage .examples{grid-template-columns:.8fr 1.7fr;padding:64px 0;gap:48px}
.productPage .examples h2{font-size:40px}
.productPage .exampleLinks{grid-template-columns:1fr 1fr;gap:24px}
.productPage .exampleLinks a{background:transparent;color:var(--luster-paper);padding:0;gap:10px;border-radius:0}
.productPage .exampleLinks img{width:100%;height:260px;object-fit:contain;background:#0c2c91;padding:26px;margin-bottom:12px;transition:background .2s}
.productPage .exampleLinks a:hover img{background:#214bc8}
.productPage .exampleLinks strong{font-size:24px;font-weight:500;letter-spacing:-.02em}
.productPage .exampleLinks span{font-size:10px;letter-spacing:.08em}
.productPage .plans{padding:56px 36px;background:var(--luster-paper);color:var(--luster-blue);margin-bottom:32px;border:0}
.productPage .plans .sectionLabel{color:inherit}.productPage .plans .action{background:var(--luster-blue);color:var(--luster-paper);border-color:var(--luster-blue)}
.productPage .plans h2{font-size:48px;margin-bottom:16px}
.canvasWrap{perspective:1800px;perspective-origin:center}.canvasWrap canvas{transform-origin:center;backface-visibility:hidden}
@media(max-width:900px){.productPage .hero{min-height:0}.materialExhibit{min-height:440px;padding-left:16px;padding-right:16px}.productPage .steps,.productPage .examples{grid-template-columns:1fr}.productPage .steps h2{max-width:100%}.productPage .exampleLinks img{height:280px}}
@media(max-width:700px){.productPage .hero{grid-template-columns:1fr;padding:36px 0 40px;gap:12px}.productPage .hero h1{font-size:clamp(52px,12vw,76px)}.materialExhibit{width:min(480px,100%);justify-self:center;min-height:410px;padding-bottom:76px}.productPage .heroMaterial{width:65%}.exhibitCard{right:4%;bottom:64px;width:57%}.productPage .steps ol{grid-template-columns:1fr;gap:24px}.productPage .steps,.productPage .examples{padding:36px 0}.productPage .exampleLinks{gap:16px}.productPage .exampleLinks img{height:180px;padding:12px}.productPage .exampleLinks strong{font-size:20px}.productPage .plans{padding:32px 20px}.productPage .plans h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.productPage .exampleLinks img{transition:none}}
.productPage .heroCopy,.materialExhibit,.productPage .exampleLinks,.productPage .examples>div{min-width:0}.materialExhibit{overflow:clip}@media(max-width:400px){.productPage .hero h1{font-size:44px}.productPage .examples h2{font-size:34px}}

.exhibitCard{height:auto}

.exhibitCard{right:7%;width:60%}@media(max-width:700px){.exhibitCard{right:7%;width:55%}}

.siteShell[data-site-mode=gallery] .siteNav{grid-template-columns:1fr;justify-self:center;width:auto}