.theme-gallery{background:var(--theme-bg,#171b1b);color:var(--theme-ink,#f3f4ef);padding:76px 0;isolation:isolate}.theme-gallery .theme-shell{width:calc(100% - 40px);max-width:1160px;margin-inline:auto}.theme-gallery .theme-intro h2{font:700 clamp(32px,7.7vw,48px)/1.26 EnumSans,Manrope,sans-serif;letter-spacing:-.03em;text-wrap:balance;color:inherit}.theme-gallery .theme-intro>p{font:400 14px/1.9 Manrope,-apple-system,'PingFang SC',sans-serif;margin-top:20px;color:inherit;opacity:.8}.theme-gallery .theme-selector{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 22px}.theme-gallery .theme-selector button{display:flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--theme-line,#7e8783);border-radius:7px;padding:10px 13px;background:transparent;color:inherit;flex:1 0 29%;font:600 12px/1.4 Manrope,'PingFang SC',sans-serif;white-space:nowrap;transition:background .2s,color .2s}.theme-gallery .theme-selector button[aria-selected=true]{background:var(--theme-ink,#f3f4ef);color:var(--theme-bg,#171b1b);border-color:var(--theme-ink,#f3f4ef)}.theme-gallery button:focus-visible,.theme-gallery [tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:5px}.theme-gallery .theme-canvas{position:relative;max-width:520px;margin-inline:auto;padding:20px;min-height:612px;overflow:hidden;border-radius:12px;background:#fafaf6;color:#151515;transition:background .45s,color .45s;font:14px/1.5 Manrope,'PingFang SC',sans-serif}.theme-gallery .theme-canvas-top{display:flex;justify-content:space-between;gap:14px;font-size:12px;border-bottom:1px solid currentColor;padding-bottom:10px}.theme-gallery .theme-cover-title{font:800 64px/1.05 Manrope,EnumSans,sans-serif;letter-spacing:-.04em;margin:16px 0 12px}.theme-gallery .theme-cover-title span{color:#d91579}.theme-gallery .theme-caption-line{font-size:12px;line-height:1.8;margin-bottom:19px}.theme-gallery .theme-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:270px 108px;gap:15px}.theme-gallery .theme-item{min-width:0;margin:0;transform-origin:0 0;position:relative}.theme-gallery .theme-item img{width:100%;height:74px;object-fit:contain;background:#eee}.theme-gallery .theme-item figcaption{display:flex;flex-direction:column;gap:2px;font-size:12px;margin-top:7px;line-height:1.5;overflow-wrap:anywhere}.theme-gallery .theme-item figcaption strong{font-size:13px;color:inherit;font-weight:700}.theme-gallery .theme-item figcaption span{font-size:12px;color:inherit;opacity:.85}.theme-gallery .theme-item-main{grid-column:1/3;grid-row:1}.theme-gallery .theme-item-main img{height:270px;object-fit:cover;object-position:center 45%;border-radius:8px}.theme-gallery .theme-item-main figcaption{position:absolute;left:0;right:0;bottom:0;margin:0;padding:28px 14px 14px;background:linear-gradient(transparent,rgba(10,13,12,.86));color:white;border-radius:0 0 8px 8px}.theme-gallery .theme-item-main figcaption strong{font-size:24px}.theme-gallery .theme-canvas-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:14px;margin-top:24px;border-top:1px solid currentColor;font-size:12px}.theme-gallery .theme-canvas-bottom span:last-child{font-weight:750}.theme-gallery .theme-description{padding-top:26px;max-width:520px;margin-inline:auto}.theme-gallery .theme-description h3{font:700 23px/1.4 EnumSans,Manrope,sans-serif;color:inherit}.theme-gallery .theme-description>p{font:400 14px/1.85 Manrope,'PingFang SC',sans-serif;color:inherit;margin-top:10px}.theme-gallery .theme-access{display:inline-block;padding:6px 10px;border:1px solid var(--theme-line,#7e8783);border-radius:5px;font-size:12px;margin-top:17px}.theme-gallery .theme-description .theme-demo-note,.theme-gallery .theme-membership{font:400 12px/1.9 Manrope,'PingFang SC',sans-serif;color:inherit;opacity:.8}.theme-gallery .theme-membership{margin-top:25px;max-width:76ch}.theme-gallery .theme-canvas[data-theme=spec]{background:#eceeea;color:#1a1c1e;border-radius:3px}.theme-gallery [data-theme=spec] .theme-cover-title{font-family:EnumSans,Manrope,sans-serif;font-size:42px;max-width:5em;line-height:1.08;margin-block:20px}.theme-gallery [data-theme=spec] .theme-caption-line{padding:8px 10px;background:#1a1c1e;color:#eceeea}.theme-gallery [data-theme=spec] .theme-items{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,94px);gap:0}.theme-gallery [data-theme=spec] .theme-item{grid-column:auto;grid-row:auto;display:grid;grid-template-columns:74px 1fr;align-items:center;gap:14px;border-bottom:1px solid #b7c0b7;padding-block:10px}.theme-gallery [data-theme=spec] .theme-item img{height:72px;width:74px;border-radius:0;object-fit:contain;background:#dfe2dd}.theme-gallery [data-theme=spec] .theme-item figcaption{position:static;margin:0;padding:0;background:none;color:inherit;border-radius:0}.theme-gallery [data-theme=spec] .theme-item figcaption strong{font-size:16px}.theme-gallery [data-theme=spec] .theme-canvas-top>span:first-child{color:#be3a0c}.theme-gallery [data-theme=crt]{background:#0a0f0c;color:#c6f7d2;border-radius:8px;font-family:ui-monospace,monospace}.theme-gallery [data-theme=crt] .theme-canvas-top{padding:9px;background:#c6f7d2;color:#0a0f0c;border:0}.theme-gallery [data-theme=crt] .theme-cover-title{font:700 34px/1.3 EnumSans,sans-serif;letter-spacing:0;margin-block:18px 9px}.theme-gallery [data-theme=crt] .theme-cover-title:after{content:'';display:inline-block;background:#c6f7d2;width:13px;height:26px;margin-left:7px}.theme-gallery [data-theme=crt] .theme-caption-line{font-size:12px;border-bottom:1px dashed #4e7357;padding-bottom:13px}.theme-gallery [data-theme=crt] .theme-items{grid-template-rows:242px 118px;gap:12px}.theme-gallery [data-theme=crt] .theme-item{border:1px solid #52765b;padding:7px}.theme-gallery [data-theme=crt] .theme-item img{object-fit:contain;background:#050806;height:62px;border-radius:0}.theme-gallery [data-theme=crt] .theme-item-main img{height:177px}.theme-gallery [data-theme=crt] .theme-item figcaption{position:static;background:none;padding:0;color:inherit;border-radius:0;margin-top:7px}.theme-gallery [data-theme=crt] .theme-item-main figcaption strong{font-size:16px}.theme-gallery [data-theme=crt] .theme-canvas-bottom{border-color:#52765b}.theme-gallery [data-theme=blueprint]{color:#f2f6ff;background-color:#0e2a57;background-image:linear-gradient(#7de3f41a 1px,transparent 1px),linear-gradient(90deg,#7de3f41a 1px,transparent 1px);background-size:20px 20px;border-radius:2px}.theme-gallery [data-theme=blueprint] .theme-canvas-top{border:1px solid #7de3f4;padding:9px}.theme-gallery [data-theme=blueprint] .theme-cover-title{font:700 32px/1.3 EnumSans,Manrope,sans-serif;letter-spacing:.01em;margin:19px 0 11px}.theme-gallery [data-theme=blueprint] .theme-caption-line{color:#a6edff}.theme-gallery [data-theme=blueprint] .theme-items{grid-template-columns:1.15fr 1fr;grid-template-rows:155px 155px;gap:14px}.theme-gallery [data-theme=blueprint] .theme-item{padding:8px;background:#0e2a57;border:1px solid #98b8d6}.theme-gallery [data-theme=blueprint] .theme-item-main{grid-column:1;grid-row:1/3}.theme-gallery [data-theme=blueprint] .theme-item img{height:83px;object-fit:contain;background:#0b2146;border-radius:0}.theme-gallery [data-theme=blueprint] .theme-item-main img{height:235px}.theme-gallery [data-theme=blueprint] .theme-item figcaption{position:static;padding:0;margin-top:10px;background:none;color:inherit;border-radius:0}.theme-gallery [data-theme=blueprint] .theme-item figcaption strong{font-size:13px}.theme-gallery [data-theme=blueprint] .theme-canvas-bottom{margin-top:29px;color:#b4ecf6}.theme-gallery [data-theme=washi]{background:#f3eee2;color:#1c1814;border-radius:2px}.theme-gallery [data-theme=washi] .theme-canvas-top{border-color:#b7ab96}.theme-gallery [data-theme=washi] .theme-cover-title{position:absolute;right:20px;top:73px;writing-mode:vertical-rl;font:700 39px/1.3 EnumSerif,serif;letter-spacing:.1em;margin:0}.theme-gallery [data-theme=washi] .theme-caption-line{font-family:EnumSerif,serif;font-size:15px;max-width:72%;margin-block:24px 25px;line-height:2.1}.theme-gallery [data-theme=washi] .theme-items{grid-template-columns:1fr 1fr;grid-template-rows:300px 100px;gap:17px}.theme-gallery [data-theme=washi] .theme-item-main{grid-column:1/3;width:calc(100% - 55px);grid-row:1;display:flex;flex-direction:row-reverse;align-items:start;gap:10px}.theme-gallery [data-theme=washi] .theme-item-main img{height:290px;width:calc(100% - 34px);object-fit:cover;border-radius:0}.theme-gallery [data-theme=washi] .theme-item-main figcaption{position:static;background:none;color:inherit;margin:0;padding:0;writing-mode:vertical-rl;border-radius:0}.theme-gallery [data-theme=washi] .theme-item-main figcaption strong{font:700 19px/1.3 EnumSerif,serif;letter-spacing:.1em}.theme-gallery [data-theme=washi] .theme-item-main figcaption span{display:none}.theme-gallery [data-theme=washi] .theme-item:not(.theme-item-main){display:flex;align-items:center;gap:9px}.theme-gallery [data-theme=washi] .theme-item:not(.theme-item-main) img{width:55px;height:78px;object-fit:contain}.theme-gallery [data-theme=washi] .theme-item figcaption span{font-size:12px}.theme-gallery [data-theme=washi] .theme-canvas-bottom{color:#8f2d1e;border-color:#ad9583;margin-top:19px}
@media(min-width:700px){.theme-gallery{padding-block:100px}.theme-gallery .theme-shell{width:calc(100% - 80px)}.theme-gallery .theme-intro{display:flex;justify-content:space-between;align-items:end;gap:40px}.theme-gallery .theme-intro p{margin:0}.theme-gallery .theme-selector{flex-wrap:nowrap;max-width:780px;margin-block:42px 30px}.theme-gallery .theme-selector button{flex:1 1 0;font-size:13px}.theme-gallery .theme-showroom{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:50px;align-items:center}.theme-gallery .theme-canvas{width:100%;max-width:500px;padding:25px;min-height:628px}.theme-gallery .theme-description{padding:0;margin:0;max-width:390px}.theme-gallery .theme-description h3{font-size:32px}.theme-gallery .theme-description>p{font-size:16px}.theme-gallery .theme-description .theme-demo-note{font-size:12px}.theme-gallery .theme-membership{margin-top:35px}}
@media(min-width:700px) and (max-width:999px){.theme-gallery .theme-showroom{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:26px}.theme-gallery .theme-canvas{padding:18px}.theme-gallery .theme-cover-title{font-size:54px}.theme-gallery .theme-description h3{font-size:26px}.theme-gallery [data-theme=washi] .theme-cover-title{font-size:33px;right:15px}}
@media(max-width:359px){.theme-gallery .theme-shell{width:calc(100% - 32px)}.theme-gallery .theme-selector{gap:6px}.theme-gallery .theme-selector button{padding-inline:8px}.theme-gallery .theme-canvas{padding:16px}.theme-gallery .theme-cover-title{font-size:55px}.theme-gallery [data-theme=blueprint] .theme-cover-title{font-size:28px}.theme-gallery [data-theme=blueprint] .theme-items{gap:9px}.theme-gallery [data-theme=washi] .theme-cover-title{right:14px;font-size:34px}.theme-gallery [data-theme=washi] .theme-item:not(.theme-item-main){gap:6px}.theme-gallery [data-theme=washi] .theme-item:not(.theme-item-main) img{width:44px}.theme-gallery [data-theme=washi] .theme-item-main{width:calc(100% - 44px)}}
@media(prefers-reduced-motion:reduce){.theme-gallery *{transition:none!important;animation:none!important}}