.demo-library .demo-page{padding-top:58px;padding-bottom:50px}.demo-library .demo-intro-stage{position:relative}.demo-library .demo-silk{position:absolute;top:-36px;left:-12px;width:calc(100% + 24px);height:calc(100% + 72px);pointer-events:none;z-index:0}.demo-library .demo-intro-stage .demo-intro{position:relative;z-index:2}.demo-library .demo-intro{max-width:760px;margin-bottom:36px}.demo-library .demo-intro h1,.demo-library .demo-detail-intro h1{font-size:clamp(36px,4.2vw,64px);letter-spacing:-.045em;line-height:1.2;margin:16px 0 20px}.demo-library .demo-intro p,.demo-library .demo-detail-intro p{font-size:17px;color:#6d7888;line-height:1.8}.demo-library .demo-filters{display:flex;align-items:stretch;background:#fff;border:1px solid #e8ecf1;border-radius:18px;padding:8px;margin-bottom:30px;box-shadow:0 1px 2px #1c2b4408,0 14px 34px -24px #1c2b4426;position:sticky;top:96px;z-index:30}.demo-library .demo-filters label{display:grid;align-content:center;gap:2px;font-size:11px;font-weight:600;letter-spacing:.08em;color:#6e7889;padding:8px 4px 8px 18px;min-width:150px;position:relative;border-radius:12px;transition:background .18s ease}@media(hover:hover){.demo-library .demo-filters label:hover{background:#f7f9fc}}.demo-library .demo-filters label:focus-within{background:#fdf3ee;box-shadow:inset 0 0 0 2px #ffb59f}.demo-library .demo-filters input:focus-visible,.demo-library .demo-filters select:focus-visible{outline:none}.demo-library .demo-filters label+label{margin-left:2px}.demo-library .demo-filters label+label:before{content:"";position:absolute;left:-1px;top:20%;bottom:20%;width:1px;background:#e8ecf1}.demo-library .demo-filters input,.demo-library .demo-filters select{appearance:none;background:transparent;border:0;padding:0;color:#202832;font-size:14.5px;font-weight:500;width:100%;height:auto;outline:none;cursor:pointer}.demo-library .demo-filters input{cursor:text}.demo-library .demo-filters input::placeholder{color:#aab3c0;font-weight:400}@media(pointer:coarse){.demo-library .demo-filters input,.demo-library .demo-filters select{font-size:16px}}.demo-library .demo-filters select{padding-right:22px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2398a2b3' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center}.demo-library .demo-select-native{display:none}.demo-library .demo-select{display:block;position:relative}.demo-library .demo-select-btn{appearance:none;background:transparent;border:0;padding:0 22px 0 0;margin:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#202832;font-size:14.5px;font-weight:500;font-family:inherit;text-align:left;cursor:pointer;outline:none}@media(pointer:coarse){.demo-library .demo-select-btn{font-size:16px}}.demo-library .demo-select-btn svg{flex:none;color:#98a2b3;transition:transform .22s ease,color .22s ease}.demo-library .demo-select-btn[aria-expanded=true] svg{transform:rotate(180deg);color:#e05a1f}.demo-library .demo-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-library .demo-select-panel{position:absolute;top:calc(100% + 10px);left:-10px;z-index:40;min-width:calc(100% + 20px);width:max-content;max-width:min(300px,calc(100vw - 32px));max-height:min(320px,48vh);overflow-y:auto;padding:6px;margin:0;background:#fff;border:1px solid #e8ecf1;border-radius:16px;box-shadow:0 2px 6px -2px #1c2b4412,0 28px 56px -24px #1c2b4438;opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top left;transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1);pointer-events:none;scrollbar-width:thin}.demo-library .demo-select-panel.open{opacity:1;transform:none;pointer-events:auto}.demo-library .demo-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;border:0;border-radius:10px;background:none;font-family:inherit;font-size:14px;font-weight:500;color:#33404f;text-align:left;cursor:pointer;outline:none;white-space:nowrap}.demo-library .demo-select-panel.open .demo-select-option{animation:demo-select-in .26s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(min(var(--i),10)*20ms)}@keyframes demo-select-in{0%{opacity:0;transform:translateY(-4px)}}.demo-library .demo-select-option:hover,.demo-library .demo-select-option:focus-visible{background:#f5f7fa}.demo-library .demo-select-option:active{background:#eef1f6}.demo-library .demo-select-option[aria-selected=true]{color:#e05a1f;font-weight:600}.demo-library .demo-select-check{display:inline-flex;flex:none;color:#e05a1f;opacity:0;transform:scale(.6);transition:opacity .15s ease,transform .2s cubic-bezier(.22,1,.36,1)}.demo-library .demo-select-option[aria-selected=true] .demo-select-check{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.demo-library .demo-select-panel{transition:none}.demo-library .demo-select-panel.open .demo-select-option{animation:none}}.demo-library .demo-search{flex:1}.demo-library .demo-search input{padding-left:26px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%2398a2b3' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4.5 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left center}.demo-library .demo-filters button[type=submit]{align-self:center;height:52px;padding:0 30px;border:0;background:#f35f1c;color:#fff;border-radius:13px;font-size:14.5px;font-weight:600;letter-spacing:.01em;cursor:pointer;box-shadow:0 6px 16px -8px #f35f1c99;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}@media(hover:hover){.demo-library .demo-filters button[type=submit]:hover{background:#e0531a;transform:translateY(-1px);box-shadow:0 10px 22px -10px #f35f1cb3}}.demo-library .demo-filters button[type=submit]:active{transform:scale(.98)}.demo-library .demo-result-heading{display:flex;justify-content:space-between;margin:22px 0}.demo-library .demo-result-heading span{font-size:13px;color:#7c8795}.demo-library .demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.demo-library .demo-card{display:block;border:1px solid #e5e9ef;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 4px 5px -5px #24314f1a,0 16px 32px -25px #24314f40;transition:transform .2s,box-shadow .2s}.demo-library .demo-card:hover{transform:translateY(-4px);box-shadow:0 20px 32px -20px #24314f50}.demo-library .demo-cover{aspect-ratio:1.5;position:relative;overflow:hidden;background:#e8ecf3}.demo-library .demo-cover>img{height:100%;width:100%;object-fit:cover}.demo-library .demo-type{display:inline-block;margin-bottom:10px;font-size:11px;letter-spacing:.025em;color:#5a6472}.demo-library .demo-placeholder{padding:24px;height:100%;background:linear-gradient(130deg,#e5eef2,#ccd8e5);overflow:hidden;color:#223549}.demo-library .demo-placeholder>span{font-size:9px;letter-spacing:.12em}.demo-library .demo-placeholder>strong{display:block;font-size:25px;margin:14px 0;letter-spacing:-.03em}.demo-library .demo-tone-1 .demo-placeholder{background:linear-gradient(130deg,#eee9e5,#d6c4bd)}.demo-library .demo-tone-2 .demo-placeholder{background:linear-gradient(130deg,#dfe9e3,#bbd2c6)}.demo-library .demo-tone-3 .demo-placeholder{background:linear-gradient(130deg,#e9e5ef,#cec6df)}.demo-library .demo-mini-browser{background:#fffc;width:85%;height:150px;border-radius:10px;padding:10px;transform:rotate(-5deg) translate(28px,5px);box-shadow:0 10px 20px #283a5017}.demo-library .demo-mini-browser i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#aaa;margin-right:3px}.demo-library .demo-mini-browser b{display:block;width:55%;height:12px;background:#adb9c4;margin-top:14px}.demo-library .demo-mini-browser em{display:inline-block;width:42%;height:65px;background:#c8d2dc;margin:10px 6px 0 0}.demo-library .demo-card-body{padding:20px}.demo-library .demo-card-body h3{font-size:18px;margin:0 0 10px;display:flex;justify-content:space-between}.demo-library .demo-card-body h3 span{font-weight:400;color:#8a96a7}.demo-library .demo-card-body p{font-size:13px;color:#748092;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:46px}.demo-library .demo-card-body small{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#66727f}.demo-library .demo-stats{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;color:#676970;font-style:normal;font-variant-numeric:tabular-nums}.demo-library .demo-stats svg{opacity:.75}.demo-library .demo-pagination[hidden]{display:none}.demo-library .demo-pagination{display:flex;gap:22px;justify-content:center;margin:40px 0 0;font-size:14px}.demo-library .demo-pagination a{font-weight:600}.demo-library .demo-empty{text-align:center;padding:70px 20px;background:#f8f9fb;border-radius:18px}.demo-library .demo-empty p{color:#758193}.demo-library .demo-back{font-size:13px;color:#758193}.demo-library .demo-detail-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:30px}.demo-library .demo-detail-intro>div{max-width:680px}.demo-library .demo-facts{display:flex;gap:36px;padding:0;margin:24px 0 32px;color:#8a95a4;font-size:12px}.demo-library .demo-facts b{display:block;margin-top:8px;color:#374354;font-size:14px}.demo-library .demo-live{border:1px solid #dce3eb;border-radius:18px;overflow:hidden;background:#f3f5f8;box-shadow:0 20px 45px -32px #20304766}.demo-library .demo-live-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;padding:14px 20px;font-size:13px}.demo-library .demo-live-toolbar small{margin-left:8px;color:#8b97a7;font-weight:400}.demo-library .demo-device-tabs{display:flex;gap:3px;background:#f0f3f7;border-radius:8px;padding:3px}.demo-library .demo-device-tabs button{background:transparent;border:0;border-radius:6px;padding:7px 14px;color:#788393}.demo-library .demo-device-tabs button[aria-pressed=true]{background:#fff;color:#202832;box-shadow:0 2px 4px #20304717}.demo-library .demo-frame-shell{display:flex;justify-content:center;padding:18px}.demo-library .demo-frame-shell iframe{height:720px;max-width:100%;border:0;background:#fff;border-radius:8px;transition:width .25s}.demo-library .demo-features{display:flex;flex-wrap:wrap;gap:14px;padding:30px 0;color:#67758a;font-size:14px}.demo-library .home-demos{background:#f5f7fa;padding:58px 0}.demo-library .home-demos-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.demo-library .home-demos h2{font-size:32px;margin:14px 0 0;font-weight:800;letter-spacing:-.02em;-webkit-text-stroke:.35px currentColor;paint-order:stroke fill}.demo-library .demo-grid-compact{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-library .demo-grid-compact .demo-card-body p{display:none}.demo-library .demo-marquee{overflow:hidden;padding:8px 0 10px;mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}.demo-library .demo-marquee-track{display:flex;width:max-content}.demo-library .demo-marquee-track.marquee-on{animation:demo-marquee var(--marquee-duration, 80s) linear infinite;animation-play-state:paused}.demo-library .demo-marquee-group{display:flex;gap:24px;padding-right:24px}.demo-library .demo-marquee .demo-card{width:300px;flex:none}.demo-library .demo-marquee .demo-card-body p{display:none}.demo-library .demo-marquee:hover .demo-marquee-track,.demo-library .demo-marquee:focus-within .demo-marquee-track{animation-play-state:running}@keyframes demo-marquee{to{transform:translate3d(-50%,0,0)}}@media(prefers-reduced-motion:reduce){.demo-library .demo-marquee-track{animation:none}}@media(max-width:600px){.demo-library .demo-marquee .demo-card{width:252px}.demo-library .demo-marquee-group{gap:16px;padding-right:16px}}@media(max-width:1000px){.demo-library .demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-library .demo-grid-compact{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 20px}.demo-library .demo-grid-compact .demo-card{flex:0 0 310px;scroll-snap-align:start}.demo-library .demo-page{padding-top:120px}}@media(max-width:800px){.demo-library .home-demos-header{flex-wrap:wrap}.demo-library .home-demos h2{font-size:min(30px,5.4vw)}.demo-library html[lang^=zh] .home-demos h2{white-space:nowrap}}@media(max-width:600px){.demo-library .demo-page{padding-top:108px}.demo-library .demo-intro{margin-bottom:24px}.demo-library .demo-intro h1{font-size:38px}.demo-library .demo-intro p{font-size:14px}.demo-library .demo-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;position:static;margin-bottom:26px}.demo-library .demo-filters label{min-width:0;margin:0;padding:10px 14px 12px;gap:3px;background:#fff;border:1px solid #e8ecf1;border-radius:14px;box-shadow:0 1px 2px #1c2b440a;color:#98a2b3}.demo-library .demo-filters label+label{margin-left:0}.demo-library .demo-filters label+label:before{display:none}.demo-library .demo-filters label:focus-within{border-color:#ffb59f;box-shadow:0 1px 2px #1c2b440a,0 0 0 3px #ff5c1c14}.demo-library .demo-filters .demo-search{grid-column:1/-1}.demo-library .demo-filters button[type=submit]{grid-column:2;height:50px;border-radius:14px;margin:0}.demo-library .demo-filters .demo-fav-toggle{grid-column:1;height:50px;justify-content:center;background:#fff;border:1px solid #e8ecf1;border-radius:14px}.demo-library .demo-filters .demo-fav-toggle.fav-active{border-color:#e05a1f66}.demo-library .demo-select-panel{left:0;min-width:100%}.demo-library .demo-grid{grid-template-columns:1fr;gap:20px}.demo-library .demo-grid-compact{display:flex}.demo-library .demo-grid-compact .demo-card{flex-basis:82%}.demo-library .demo-detail-intro{display:block}.demo-library .demo-detail-intro>.button{margin-top:20px}.demo-library .demo-facts{gap:24px;flex-wrap:wrap}.demo-library .demo-live-toolbar{padding:12px;flex-wrap:wrap}.demo-library .demo-live-toolbar>strong small{display:none}.demo-library .demo-device-tabs{order:3;width:100%;justify-content:center}.demo-library .demo-frame-shell{padding:0}.demo-library .demo-frame-shell iframe{height:620px;border-radius:0}.demo-library .home-demos{padding:40px 0}.demo-library .home-demos h2{font-size:min(25px,6.2vw)}.demo-library .home-demos-header{gap:15px}.demo-library .home-demos-header>a{font-size:12px;white-space:nowrap}}.demo-library .demo-page{padding-top:58px}.demo-library .demo-detail-intro{padding:0}.demo-library .demo-screenshots{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;margin:26px 0}.demo-library .demo-shot{position:relative;display:block;flex:0 0 65%;width:65%;scroll-snap-align:start}.demo-library .demo-shot:after{content:"";position:absolute;inset:0;border-radius:14px;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='200'><text x='150' y='100' fill='%23253244' fill-opacity='0.055' font-family='system-ui,sans-serif' font-size='14' font-weight='600' letter-spacing='3' text-anchor='middle' transform='rotate(-22 150 100)'>CLOUBAY %C2%B7 %E6%A6%82%E5%BF%B5%E6%BC%94%E7%A4%BA</text></svg>")}.demo-library .demo-shot img{width:100%;height:320px;object-fit:cover;border:1px solid #e4e9f0;border-radius:14px}@media(max-width:1000px){.demo-library .demo-page{padding-top:55px}}@media(max-width:600px){.demo-library .demo-page{padding-top:40px}.demo-library .demo-shot{flex-basis:85%;width:85%}.demo-library .demo-shot img{height:220px}}.demo-library .demo-detail-intro{align-items:flex-end;gap:32px;margin-top:28px}.demo-library .demo-detail-intro>div{max-width:760px}.demo-library .demo-detail-intro h1{font-size:clamp(36px,4vw,56px);margin:12px 0 14px}.demo-library .demo-detail-intro p{margin:0;font-size:15px}.demo-library .demo-detail-intro>.button{flex-shrink:0;margin-bottom:3px}.demo-library .demo-facts>span+span{border-left:1px solid #e5e9ef;padding-left:36px}.demo-library .demo-facts b{display:inline;margin:0 0 0 10px;font-size:12px;font-weight:600}.demo-library .demo-live-toolbar{display:grid;grid-template-columns:1fr auto 1fr;padding:12px 18px}.demo-library .demo-preview-name{display:flex;align-items:center;gap:8px;font-size:13px}.demo-library .demo-preview-name>span{width:6px;height:6px;border-radius:50%;background:#ff5949}.demo-library .demo-preview-name small{font-size:11px;margin:0 0 0 2px}.demo-library .demo-preview-external{display:flex;align-items:center;justify-self:end;gap:8px;font-size:12px;color:#667182}.demo-library .demo-device-tabs{gap:4px;padding:4px;border-radius:10px;background:#f3f5f7}.demo-library .demo-device-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:6px 14px;border-radius:7px;font-size:12px;font-weight:550}.demo-library .demo-device-tabs button:hover{color:#202832}.demo-library .demo-device-tabs button:focus-visible,.demo-library .demo-card:focus-visible{outline:2px solid #ff5949;outline-offset:3px}.demo-library .demo-device-tabs button[aria-pressed=true]{box-shadow:0 1px 4px #20304718}.demo-library .demo-frame-shell{padding:20px;background:#f0f2f5}.demo-library .demo-frame-shell iframe{box-shadow:0 3px 20px #2434480a}.demo-library .demo-homepage{position:absolute;inset:0;background:#fff;pointer-events:none;transition:opacity .35s ease}.demo-library .demo-cover>.demo-homepage[data-wait]{opacity:0}.demo-library .demo-cover>.demo-homepage[data-wait] *,.demo-library .demo-cover>.demo-homepage[data-wait]:before,.demo-library .demo-cover>.demo-homepage[data-wait]:after{animation-play-state:paused}.demo-library .demo-browser-bar{height:24px;padding:0 10px;background:#fafbfc;border-bottom:1px solid #e9edf1;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#8a95a2}.demo-library .demo-browser-bar>span:first-child,.demo-library .demo-browser-bar>span:last-child{width:28px;display:flex;gap:3px}.demo-library .demo-browser-bar i{width:4px;height:4px;background:#d7dde4;border-radius:50%}.demo-library .demo-homepage-viewport{position:absolute;inset:24px 0 0;overflow:hidden}.demo-library .demo-homepage-viewport iframe{display:block;position:absolute;top:0;left:0;width:1440px;max-width:none;height:960px;border:0;transform-origin:top left;pointer-events:none;background:#fff;opacity:0;transition:opacity .25s}.demo-library .demo-homepage-viewport[data-loaded=true] iframe{opacity:1}.demo-library .demo-homepage:has([data-loaded=false]){background:#f5f7fa}.demo-library .demo-homepage-viewport[data-loaded=false]{background:linear-gradient(#e4e9f1,#e4e9f1) 8% 9% / 36% 7%,linear-gradient(#e4e9f1,#e4e9f1) 92% 9% / 22% 7%,linear-gradient(#eaeef5,#eaeef5) 8% 26% / 50% 34%,linear-gradient(#e4e9f1,#e4e9f1) 92% 26% / 30% 34%,linear-gradient(#eaeef5,#eaeef5) 8% 78% / 24% 20%,linear-gradient(#eaeef5,#eaeef5) 50% 78% / 24% 20%,linear-gradient(#eaeef5,#eaeef5) 92% 78% / 24% 20%,#f4f6fa;background-repeat:no-repeat}.demo-library .demo-homepage-viewport[data-loaded=false]:before{content:"";position:absolute;inset:0;background:linear-gradient(104deg,transparent 42%,#ffffffb3 50%,transparent 58%);transform:translate(-100%);animation:demo-skeleton-sweep 1.5s ease-in-out infinite}.demo-library .demo-load-progress{position:absolute;top:0;left:0;z-index:2;width:100%;height:3px;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#f35f1c,#ff8a5c);pointer-events:none}.demo-library .demo-homepage-viewport[data-loaded=false] .demo-load-progress{animation:demo-load-fill 6.5s cubic-bezier(.15,.6,.35,1) forwards}.demo-library .demo-homepage-viewport[data-loaded=true] .demo-load-progress{transform:scaleX(1);opacity:0;transition:transform .2s ease-out,opacity .45s ease .15s}@keyframes demo-load-fill{0%{transform:scaleX(0)}30%{transform:scaleX(.45)}60%{transform:scaleX(.72)}to{transform:scaleX(.92)}}@keyframes demo-skeleton-sweep{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.demo-library .demo-homepage-viewport[data-loaded=false]:before,.demo-library .demo-homepage-viewport[data-loaded=false] .demo-load-progress{animation:none}.demo-library .demo-homepage-viewport[data-loaded=false] .demo-load-progress{transform:scaleX(.5)}}@media(max-width:760px){.demo-library .demo-live-toolbar{grid-template-columns:1fr auto;gap:12px}.demo-library .demo-device-tabs{grid-column:1/-1;order:3;justify-content:center}.demo-library .demo-device-tabs button{flex:1}.demo-library .demo-detail-intro{display:block}.demo-library .demo-detail-intro>.button{margin-top:20px}.demo-library .demo-facts{gap:10px 18px}.demo-library .demo-facts>span+span{border:0;padding:0}.demo-library .demo-facts b{display:block;margin:6px 0 0}.demo-library .demo-frame-shell{padding:10px}}@media(prefers-reduced-motion:reduce){.demo-library .demo-frame-shell iframe,.demo-library .demo-homepage-viewport iframe{transition:none}}.demo-library .demo-frame-window{position:relative;flex-shrink:0;max-width:100%;overflow:hidden;border-radius:8px;background:#fff}.demo-library .demo-frame-window iframe{position:absolute;inset:0;max-width:none;transform-origin:top left;border-radius:0;transition:none}.demo-library .demo-frame-window[data-device=phone]{overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.demo-library .demo-frame-window[data-device=phone] iframe{touch-action:pan-y;-webkit-overflow-scrolling:touch}.demo-library .demo-related{margin-top:48px;padding-top:36px;border-top:1px solid #e8ecf1}.demo-library .demo-related-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.demo-library .demo-related-head h2{font-size:28px;margin:0}.demo-library .demo-related-all{font-size:14px;color:#5d6b7d}.demo-library .demo-related-all:hover{color:#ff5949}@media(max-width:600px){.demo-library .demo-related{margin-top:40px;padding-top:30px}.demo-library .demo-related-head h2{font-size:22px}.demo-library .demo-related-all{display:none}}.demo-library .demo-browser-bar>span:last-child{width:auto;min-width:28px;justify-content:flex-end}.demo-library .demo-card-enter{animation:demo-card-in .55s cubic-bezier(.2,.6,.3,1) both}@keyframes demo-card-in{0%{opacity:0;transform:translateY(26px)}}.demo-library .demo-load-sentinel{height:1px}.demo-library .demo-load-end{margin:34px 0 0;text-align:center;font-size:13px;color:#8a93a3}.demo-library .demo-card-skeleton{pointer-events:none}.demo-library .demo-card-skeleton .demo-cover{background:#e7ebf1;position:relative;overflow:hidden}.demo-library .demo-card-skeleton .sk-fill{position:absolute;inset:0}.demo-library .demo-card-skeleton .sk,.demo-library .demo-card-skeleton .sk-fill{background:linear-gradient(100deg,#e7ebf1 40%,#f4f6f9,#e7ebf1 60%);background-size:220% 100%;animation:demo-skeleton-sweep 1.4s ease-in-out infinite}.demo-library .demo-card-skeleton .sk{display:block;border-radius:5px}.demo-library .demo-card-skeleton .sk-type{width:72px;height:10px;margin-bottom:10px}.demo-library .demo-card-skeleton .sk-title{width:55%;height:16px;margin-bottom:12px}.demo-library .demo-card-skeleton .sk-line{width:100%;height:11px;margin-bottom:8px}.demo-library .demo-card-skeleton .sk-short{width:62%}@keyframes demo-skeleton-sweep{0%{background-position:120% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.demo-library .demo-card-enter,.demo-library .demo-card-skeleton .sk,.demo-library .demo-card-skeleton .sk-fill{animation:none}}html.demo-qv-lock,html.demo-qv-lock body{overflow:hidden}.demo-library .demo-qv{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:4vh 4vw}.demo-library .demo-qv[hidden]{display:none}.demo-library .demo-qv-backdrop{position:absolute;inset:0;background:#1216206b;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .28s ease}.demo-library .demo-qv-window{position:relative;width:min(1180px,100%);height:min(84vh,860px);display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 60px 120px -30px #0f141e73,0 24px 50px -24px #0f141e4d;opacity:0;transform:translateY(14px);transition:opacity .3s ease,transform .38s cubic-bezier(.22,1,.36,1)}.demo-library .demo-qv-open .demo-qv-backdrop{opacity:1}.demo-library .demo-qv-open .demo-qv-window{opacity:1;transform:none}.demo-library .demo-qv-bar{display:flex;align-items:center;gap:14px;padding:0 18px;height:52px;flex-shrink:0;background:#fff;border-bottom:1px solid #eceff4}.demo-library .demo-qv-dots{display:flex;gap:6px}.demo-library .demo-qv-dots i{width:9px;height:9px;border-radius:50%;background:#e3e7ee}.demo-library .demo-qv-nav{flex-shrink:0;display:flex;gap:2px}.demo-library .demo-qv-nav button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:#9aa3b2;cursor:pointer;transition:background .15s,color .15s}.demo-library .demo-qv-nav button:hover{background:#edf0f5;color:#2c3644}.demo-library .demo-qv-title{flex:1;display:flex;min-width:0}.demo-library .demo-qv-addr{display:inline-flex;align-items:center;gap:8px;flex:1;min-width:0;padding:8px 16px;border-radius:999px;background:#f1f3f7;border:1px solid transparent;box-shadow:inset 0 1px 2px #1822340d;font-size:12px;line-height:1;transition:border-color .15s,background .15s}.demo-library .demo-qv-addr:hover{background:#edeff4;border-color:#e4e8ef}.demo-library .demo-qv-lock{flex-shrink:0;color:#97a0b0}.demo-library .demo-qv-host{flex-shrink:0;color:#2c3644;font-weight:600}.demo-library .demo-qv-path{flex:1;min-width:0;color:#8a94a6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-library .demo-qv-path-i{display:inline-block;font-style:normal;white-space:nowrap}.demo-library .demo-qv-path.is-scroll{text-overflow:clip}.demo-library .demo-qv-path.is-scroll .demo-qv-path-i{animation:demo-qv-addr-scroll var(--sd, 4s) ease-in-out infinite alternate}@keyframes demo-qv-addr-scroll{0%,18%{transform:translate(0)}82%,to{transform:translate(var(--sx, 0))}}@media(prefers-reduced-motion:reduce){.demo-library .demo-qv-path.is-scroll .demo-qv-path-i{animation:none}}.demo-library .demo-qv-devices{flex-shrink:0;display:flex;gap:2px;padding:3px;border:1px solid #e7ebf1;border-radius:10px;background:#f5f7fa}.demo-library .demo-qv-devices button{display:grid;place-items:center;width:30px;height:26px;padding:0;border:0;border-radius:7px;background:transparent;color:#8a94a6;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}.demo-library .demo-qv-devices button:hover{color:#3a4454}.demo-library .demo-qv-devices button.is-on{background:#fff;color:#e05a1f;box-shadow:0 1px 3px #141e321f,inset 0 0 0 1px #e7ebf1}.demo-library .demo-qv-pages-wrap{position:relative;flex-shrink:0}.demo-library .demo-qv-pages{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border:1px solid #e7ebf1;border-radius:99px;background:#f5f7fa;color:#4a5568;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap;transition:background .18s,color .18s,border-color .18s,box-shadow .18s}.demo-library .demo-qv-pages b{font-weight:600}.demo-library .demo-qv-pages:hover{color:#2c3644;border-color:#dde3ec}.demo-library .demo-qv-pages[aria-expanded=true]{background:#fff;color:#e05a1f;border-color:#f0c4b4;box-shadow:0 4px 12px -6px #e05a1f59}.demo-library .demo-qv-pages[aria-expanded=true] .demo-qv-pages-chev{transform:rotate(180deg)}.demo-library .demo-qv-pages-chev{transition:transform .2s ease}.demo-library .demo-qv-pages-pop{position:absolute;top:calc(100% + 9px);right:0;z-index:6;width:min(252px,78vw);max-height:min(340px,56vh);overflow-y:auto;padding:6px;background:#fff;border:1px solid #e5eaf1;border-radius:15px;box-shadow:0 26px 54px -20px #121c2d52;animation:demo-qv-pop .18s ease}@keyframes demo-qv-pop{0%{opacity:0;transform:translateY(-5px) scale(.98)}}.demo-library .demo-qv-page{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:0;border-radius:9px;background:none;color:#2c3644;font:inherit;text-align:left;cursor:pointer;transition:background .15s,color .15s}.demo-library .demo-qv-page:hover{background:#f4f6fa}.demo-library .demo-qv-page b{flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-library .demo-qv-page b:first-letter{text-transform:uppercase}.demo-library .demo-qv-page.is-on,.demo-library .demo-qv-page.is-on b{color:#e05a1f}.demo-library .demo-qv-page.is-on:after{content:"";width:6px;height:6px;border-radius:50%;background:#e05a1f;flex-shrink:0}@media(prefers-reduced-motion:reduce){.demo-library .demo-qv-pages-pop{animation:none}}.demo-library .demo-qv-frame[data-device=tablet],.demo-library .demo-qv-frame[data-device=phone]{background:#e3e7ee;background-image:radial-gradient(#cbd2dd 1px,transparent 1px);background-size:16px 16px}.demo-library .demo-qv-frame[data-device=tablet] iframe{border-radius:20px;box-shadow:0 0 0 10px #20242e,0 36px 60px -24px #0f141e73}.demo-library .demo-qv-frame[data-device=phone] iframe{border-radius:28px;box-shadow:0 0 0 9px #20242e,0 32px 55px -22px #0f141e73}.demo-library .demo-qv-live{flex-shrink:0;font-size:11px;font-weight:600;color:#e05a1f;background:#e05a1f14;border:1px solid rgba(224,90,31,.18);border-radius:99px;padding:4px 10px;display:inline-flex;align-items:center;gap:6px}@media(max-width:760px){.demo-library .demo-qv-devices,.demo-library .demo-qv-nav{display:none}}.demo-library .demo-qv-live:before{content:"";width:6px;height:6px;border-radius:50%;background:#e05a1f;animation:demo-qv-pulse 1.8s ease infinite}@keyframes demo-qv-pulse{0%,to{opacity:1}50%{opacity:.35}}.demo-library .demo-qv-close{flex-shrink:0;width:32px;height:32px;border:0;border-radius:50%;background:#f2f4f7;color:#5a6472;cursor:pointer;display:grid;place-items:center;transition:background .18s,color .18s,transform .18s}.demo-library .demo-qv-close:hover{background:#e8ebf0;color:#1c2330;transform:rotate(90deg)}.demo-library .demo-qv-frame{position:relative;flex:1;background:#f4f6f9;overflow:hidden}.demo-library .demo-qv:focus{outline:none}.demo-library .demo-qv-close:focus:not(:focus-visible){outline:none}@media(max-width:720px){.demo-library .demo-qv-backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}.demo-library .demo-qv-window{transform:translateY(12px);box-shadow:none}}.demo-library .demo-qv-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}.demo-library .demo-qv-progress{position:absolute;top:0;left:0;z-index:2;height:2px;width:38%;border-radius:2px;background:linear-gradient(90deg,#f4b04e,#e05a1f);animation:demo-qv-load 1.1s ease-in-out infinite;transition:opacity .3s}@keyframes demo-qv-load{0%{transform:translate(-110%)}to{transform:translate(300%)}}.demo-library .demo-qv-frame[data-loaded=true] .demo-qv-progress{opacity:0;animation:none}.demo-library .demo-qv-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 20px;flex-shrink:0;background:#fff;border-top:1px solid #eceff4}.demo-library .demo-qv-info{display:flex;align-items:baseline;gap:12px;min-width:0}.demo-library .demo-qv-type{flex-shrink:0;font-size:11px;color:#97a1b0}.demo-library .demo-qv-name{flex-shrink:0;font-size:15px;font-weight:600}.demo-library .demo-qv-desc{font-size:12.5px;color:#758093;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-library .demo-qv-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.demo-library .demo-qv-detail{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#1c2330;padding:9px 16px;border-radius:99px;border:1px solid #dfe4ec;transition:border-color .18s,background .18s}.demo-library .demo-qv-detail:hover{border-color:#c3cad6;background:#f7f8fa}.demo-library .demo-qv-detail svg{transition:transform .18s}.demo-library .demo-qv-detail:hover svg{transform:translate(2px)}.demo-library .demo-qv-contact{font-size:13px;font-weight:600;color:#fff;background:linear-gradient(135deg,#f2701f,#e05a1f);padding:9px 18px;border-radius:99px;box-shadow:0 6px 16px -6px #e05a1f80;transition:transform .18s,box-shadow .18s}.demo-library .demo-qv-contact:hover{transform:translateY(-1px);box-shadow:0 10px 22px -6px #e05a1f8c}@media(max-width:720px){.demo-library .demo-qv{padding:0}.demo-library .demo-qv-window{width:100%;height:100%;height:100dvh;border-radius:0}.demo-library .demo-qv-bar{gap:10px;padding-inline:14px}.demo-library .demo-qv-close{width:40px;height:40px}.demo-library .demo-qv-meta{align-items:stretch;flex-direction:column;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.demo-library .demo-qv-desc{display:none}.demo-library .demo-qv-actions{width:100%;flex-wrap:nowrap;gap:8px}.demo-library .demo-qv-actions a,.demo-library .demo-qv-fav{white-space:nowrap;min-width:0}.demo-library .demo-qv-fav{flex:0 0 auto;padding-inline:12px}.demo-library .demo-qv-actions a{flex:1;justify-content:center;text-align:center;padding-inline:10px;font-size:12.5px}}@media(max-width:560px){.demo-library .demo-qv-dots{display:none}.demo-library .demo-qv-actions a,.demo-library .demo-qv-fav{font-size:12px;padding-inline:8px;gap:5px}}@media(prefers-reduced-motion:reduce){.demo-library .demo-qv-backdrop,.demo-library .demo-qv-window{transition:none}.demo-library .demo-qv-live:before,.demo-library .demo-qv-progress{animation:none}}.demo-library .demo-fav{position:absolute;top:12px;right:12px;z-index:5;width:36px;height:36px;border:0;border-radius:50%;background:#ffffffe0;backdrop-filter:blur(8px);color:#8a93a3;cursor:pointer;display:grid;place-items:center;box-shadow:0 2px 10px #141c2d1f;transition:color .18s,transform .18s,background .18s}.demo-library .demo-fav:hover{color:#e05a1f;transform:scale(1.08)}.demo-library .demo-fav svg{transition:fill .18s,transform .18s}.demo-library .demo-fav.fav-on{color:#e05a1f;background:#fff}.demo-library .demo-fav.fav-on svg path{fill:currentColor}.demo-library .demo-fav.fav-pop{animation:demo-fav-pop .42s cubic-bezier(.22,1.4,.36,1)}.demo-library .demo-fav.fav-pop:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(224,90,31,.5);animation:demo-fav-ring .42s ease-out forwards}@keyframes demo-fav-pop{0%{transform:scale(1)}40%{transform:scale(1.32)}to{transform:scale(1)}}@keyframes demo-fav-ring{0%{transform:scale(.7);opacity:1}to{transform:scale(1.6);opacity:0}}.demo-library .demo-fav-toggle{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;padding:0 18px;font-size:13.5px;font-weight:600;color:#5a6472;cursor:pointer;border-radius:12px;transition:color .18s,background .18s}@media(hover:hover){.demo-library .demo-fav-toggle:hover{color:#e05a1f;background:#e05a1f0f}}.demo-library .demo-fav-toggle b{font-size:11px;font-weight:700;min-width:20px;height:20px;padding:0 5px;border-radius:99px;display:inline-grid;place-items:center;background:#f0f2f6;color:#758093;transition:background .18s,color .18s}.demo-library .demo-fav-toggle:active{background:#e05a1f1a}.demo-library .demo-fav-toggle.fav-active{color:#e05a1f;background:#e05a1f17;box-shadow:inset 0 0 0 1px #e05a1f59}.demo-library .demo-fav-toggle.fav-active svg path{fill:currentColor}.demo-library .demo-fav-toggle.fav-active b{background:#e05a1f;color:#fff}.demo-library .demo-card.demo-fav-hide{display:none}.demo-library .demo-fav-empty{text-align:center;padding:70px 20px;background:#fff;border-radius:18px}.demo-library .demo-fav-empty h2{font-size:20px;margin-bottom:8px}.demo-library .demo-fav-empty p{color:#758193;font-size:14px}.demo-library .demo-qv-fav{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#5a6472;background:transparent;border:1px solid #dfe4ec;border-radius:99px;padding:9px 16px;cursor:pointer;transition:color .18s,border-color .18s,background .18s}.demo-library .demo-qv-fav:hover{color:#e05a1f;border-color:#e05a1f66}.demo-library .demo-qv-fav.fav-on{color:#e05a1f;border-color:#e05a1f59;background:#e05a1f12}.demo-library .demo-qv-fav.fav-on svg path{fill:currentColor}.demo-library .demo-qv-fav.fav-pop svg{animation:demo-fav-pop .42s cubic-bezier(.22,1.4,.36,1)}@media(max-width:720px){.demo-library .demo-fav{width:32px;height:32px;top:10px;right:10px}}@media(prefers-reduced-motion:reduce){.demo-library .demo-fav.fav-pop,.demo-library .demo-fav.fav-pop:after,.demo-library .demo-qv-fav.fav-pop svg{animation:none}}.demo-library html.has-livechat .float-dock{bottom:188px}.demo-library html.has-livechat .to-top{bottom:104px}@media(max-width:600px){.demo-library html.has-livechat .float-dock{bottom:136px}.demo-library html.has-livechat .to-top{bottom:76px}}.demo-library{--gallery-paper: #f8fafd;background:#fff;color:#242322}.demo-library .library-hero{position:relative;padding:172px 0 72px;overflow:hidden;background:#f8fafd}.demo-library .library-hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:40px;align-items:center}.demo-library .library-eyebrow{display:flex;align-items:center;gap:9px;color:#7c7d81;font-size:12px;font-weight:550;letter-spacing:.06em}.demo-library .library-eyebrow>span{width:7px;height:7px;background:#ff5c47;border-radius:50%}.demo-library .library-hero h1{margin:23px 0 22px;font-size:clamp(42px,4.7vw,66px);font-weight:720;line-height:1.32;letter-spacing:-.045em}.demo-library .library-intro{max-width:490px;font-size:15px;color:#71757c;line-height:1.95}.demo-library .library-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:30px}.demo-library .library-hero-actions .button{min-height:52px;font-size:14px;padding:12px 18px 12px 24px;gap:20px}.demo-library .library-text-link{display:inline-flex;align-items:center;min-height:40px;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#b4b4b4}.demo-library .library-text-link:hover{color:#df4735;text-decoration-color:currentColor}.demo-library .library-facts{display:flex;align-items:center;gap:20px;margin-top:36px;color:#7e8187;font-size:11px}.demo-library .library-facts>span{display:flex;align-items:center;gap:7px;white-space:nowrap}.demo-library .library-facts b{font-size:22px;font-weight:650;color:#242322}.demo-library .library-facts>i{width:1px;height:20px;background:#dfe3e8}.demo-library .library-live>span{width:6px;height:6px;border-radius:50%;background:#ff5c47;box-shadow:0 0 0 4px #ff5c4710}.demo-library .library-hero-art{position:relative;height:380px;align-self:end;margin-right:-60px}.demo-library .library-hero-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:77% 100%;mix-blend-mode:multiply}.demo-library .library-art-orbit{position:absolute;width:310px;height:310px;top:15px;right:10px;border:1px solid #e2e7ed;border-radius:50%}.demo-library .library-art-orbit:after{content:"";position:absolute;inset:22px;border:1px solid #e8ecf1;border-radius:inherit}.demo-library .library-art-note{position:absolute;bottom:0;left:25px;display:flex;align-items:center;gap:8px;padding:10px 17px;border:1px solid #e9edf2;border-radius:30px;background:#fff;box-shadow:0 10px 28px -16px #29304140;color:#55585d;font-size:11px;transform:rotate(-3deg)}.demo-library .library-art-note svg{width:17px;height:17px;fill:none;stroke:#ff5c47;stroke-width:2}.demo-library .demo-gallery-band{padding:68px 0 76px;margin:0;background:#fff;scroll-margin-top:110px}.demo-library .library-gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.demo-library .library-gallery-heading h2{margin-top:9px;font-size:clamp(27px,3vw,38px);font-weight:660;letter-spacing:-.04em;line-height:1.4}.demo-library .library-gallery-heading h2>span{color:#ff5c47}.demo-library .library-gallery-heading>p{margin:0 0 3px;font-size:12px;line-height:1.85;color:#85888e}.demo-library .library-filter-panel{padding:24px;border:1px solid #e8ecf2;border-radius:22px;background:#f8fafd}.demo-library .library-filter-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.demo-library .library-audiences{display:flex;gap:6px;flex-wrap:wrap}.demo-library .library-audiences a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 18px;border:1px solid transparent;border-radius:30px;color:#757b84;font-size:13px;font-weight:550;transition:background .18s,color .18s,border-color .18s}.demo-library .library-audiences a:hover{color:#242322;background:#fff}.demo-library .library-audiences a.is-active{color:#fff;background:#292929;border-color:#292929;box-shadow:0 2px 5px #20202012}.demo-library .library-filter-top .demo-fav-toggle{min-height:40px;padding:8px 14px;margin:0;gap:7px;border:1px solid #e1e5eb;border-radius:30px;box-shadow:none;background:#fff;color:#666b73;font-size:12px;font-weight:550;flex-shrink:0}.demo-library .library-filter-top .demo-fav-toggle>svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}.demo-library .library-filter-top .demo-fav-toggle>b{min-width:18px;height:18px;padding:0 4px;border-radius:8px;background:#f1f3f6;color:#6c727a;font-size:10px;line-height:18px}.demo-library .library-filter-top .demo-fav-toggle.fav-active{color:#d74c3c;border-color:#ffbcb2;background:#fff1ed}.demo-library .library-filter-form{display:grid;grid-template-columns:230px 1fr auto;gap:12px;align-items:stretch}.demo-library .library-industry{position:relative;display:flex;flex-direction:column;gap:3px;justify-content:center;min-width:0;padding:9px 36px 9px 17px;border:1px solid #e2e6ed;border-radius:12px;background:#fff;font-size:10px;color:#969ba3}.demo-library .library-industry select{appearance:none;-webkit-appearance:none;width:100%;padding:0;margin:0;border:0;border-radius:0;background:transparent;font-size:13px;font-weight:550;color:#363b41;cursor:pointer}.demo-library .library-industry>svg{position:absolute;right:14px;top:24px;width:14px;height:14px;fill:none;stroke:#8c929a;stroke-width:1.7;pointer-events:none}.demo-library .library-search{display:flex;align-items:center;gap:12px;min-width:0;padding:0 17px;border:1px solid #e2e6ed;border-radius:12px;background:#fff}.demo-library .library-search>svg{flex:0 0 auto;width:18px;height:18px;stroke:#9298a1;stroke-width:1.7;fill:none}.demo-library .library-search input{appearance:none;width:100%;min-height:59px;min-width:0;padding:0;border:0;outline:none;background:transparent;color:#30363c;font-size:13px}.demo-library .library-search input::placeholder{color:#a0a5ad}.demo-library .library-search:focus-within,.demo-library .library-industry:focus-within{border-color:#ff9b8e;box-shadow:0 0 0 3px #ff5c470c}.demo-library .library-industry select:focus-visible{outline:none}.demo-library .library-search-submit{display:flex;align-items:center;justify-content:center;gap:18px;padding:0 24px;border:1px solid #ff897a;border-radius:12px;background:#ff5c47;color:#fff;font-size:13px;font-weight:600;box-shadow:inset 0 1px #ffffff35,0 5px 12px -7px #ff5c4780;transition:background .18s}.demo-library .library-search-submit:hover{background:#f2513d}.demo-library .library-search-submit>svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}.demo-library .demo-result-heading{display:flex;align-items:center;justify-content:flex-start;gap:13px;margin:33px 0 22px;padding:0;border:0;font-size:12px}.demo-library .demo-result-heading strong{font-size:14px;font-weight:650;color:#30343a}.demo-library .demo-result-heading>span{color:#959aa2;font-size:11px}.demo-library .library-reset{display:flex;align-items:center;gap:5px;margin-left:auto;color:#7a8089;font-size:11px}.demo-library .library-reset svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}.demo-library .library-filter-summary{margin:-12px 0 22px;font-size:11px;color:#999da4}.demo-library .demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px;margin:0;overflow:visible;padding:0}.demo-library .demo-grid .demo-card{position:relative;display:flex;flex-direction:column;min-width:0;height:100%;margin:0;padding:0;border:1px solid #e8ecf1;border-radius:16px;overflow:hidden;background:#fff;color:#242322;box-shadow:0 3px 8px -6px #22334418;text-align:left;transform:none;transition:border-color .2s,box-shadow .2s,transform .2s}@media(hover:hover){.demo-library .demo-grid .demo-card:hover{border-color:#ff9d8f;box-shadow:0 14px 30px -20px #272b3640;transform:translateY(-3px)}}.demo-library .demo-cover{position:relative;width:100%;height:auto;aspect-ratio:1.48;padding-top:25px;overflow:hidden;background:#f4f6f8;border:0;border-bottom:1px solid #edf0f4;border-radius:0}.demo-library .demo-cover:before{content:"";position:absolute;inset:0 0 auto;height:25px;background:#fafbfc;border-bottom:1px solid #e9edf2;z-index:1}.demo-library .demo-cover:after{content:"";position:absolute;top:10px;left:12px;width:5px;height:5px;border-radius:50%;background:#ff8d7c;box-shadow:9px 0 #dadfe5,18px 0 #dadfe5;z-index:2}.demo-library .demo-cover>img{width:100%;height:100%;object-fit:cover;object-position:top;transform:none;transition:none;border-radius:0}.demo-library .demo-cover>.demo-homepage{inset:0;z-index:3}.demo-library .demo-browser-bar{height:25px;min-height:25px;background:#fafbfc;border-bottom:1px solid #e9edf2;color:#939aa4}.demo-library .demo-browser-bar>span:nth-child(2){font-size:7px}.demo-library .demo-homepage-viewport{height:calc(100% - 25px)}.demo-library .demo-grid .demo-card.demo-fav-hide{display:none}.demo-library .demo-card-body{display:flex;flex-direction:column;flex:1;padding:19px 21px 20px}.demo-library .demo-card-body .demo-type{display:inline-flex;align-self:flex-start;margin:0 0 9px;padding:3px 8px;border:1px solid #e8edf3;border-radius:5px;background:#f8fafd;color:#858c96;font-size:9px;font-weight:500;line-height:1.5}.demo-library .demo-card-body h3{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0;color:#242322;font-size:20px;font-weight:650;line-height:1.5;letter-spacing:-.025em}.demo-library .demo-card-body h3>svg{display:none}.demo-library .demo-card-body>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:9px 0 20px;min-height:42px;color:#878c93;font-size:11px;line-height:1.9}.demo-library .demo-card-body>small{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:auto 0 0;padding-top:13px;border-top:1px solid #edf0f4;color:#a1a6ae;font-size:9px;line-height:1.5}.demo-library .demo-stats{display:inline-flex;flex-shrink:0;gap:9px;color:#979da6}.demo-library .demo-stats i{display:inline-flex;align-items:center;gap:4px;font-style:normal}.demo-library .demo-cover .demo-fav{top:36px;right:12px;width:31px;height:31px;border:1px solid #ffffffc0;background:#ffffffed;box-shadow:0 3px 10px #1c2a3912;color:#6d747e;backdrop-filter:none}.demo-library .demo-cover .demo-fav.fav-on{color:#ff5c47;background:#fff0ed;border-color:#ffd0c8}.demo-library .demo-pagination{gap:14px;margin-top:38px;font-size:12px}.demo-library .demo-pagination a{display:inline-flex;align-items:center;min-height:40px;padding:8px 20px;border:1px solid #dfe4ec;border-radius:30px;background:#fff;color:#555d68}.demo-library .demo-pagination a:hover{border-color:#ff9d8f;color:#dc4b39}.demo-library .demo-pagination>span{color:#a1a6ae}.demo-library .demo-load-end{margin:38px 0 0;padding:0;text-align:center;color:#a1a6ae;font-size:11px}.demo-library .library-note{margin-top:25px;color:#a7acb3;font-size:10px;text-align:center;line-height:1.8}.demo-library .demo-empty,.demo-library .demo-fav-empty{padding:60px 24px;margin:20px 0;border:1px dashed #dfe4ed;border-radius:18px;background:#f8fafd;text-align:center}.demo-library .library-empty-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 20px;border:1px solid #e7ecf3;border-radius:50%;background:#fff}.demo-library .library-empty-icon svg{width:23px;height:23px;fill:none;stroke:#a1a8b3;stroke-width:1.5}.demo-library .demo-empty h3,.demo-library .demo-fav-empty h2{font-size:23px;font-weight:600}.demo-library .demo-empty p,.demo-library .demo-fav-empty p{margin:12px 0 22px;color:#8a9099;font-size:12px;line-height:1.9}.demo-library .demo-empty>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:22px}.demo-library .demo-empty .button{min-height:44px;padding:10px 22px;font-size:12px}.demo-library .library-closing{position:relative;overflow:hidden;background:linear-gradient(125deg,#171717,#282828);color:#fff}.demo-library .library-closing-inner{position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:50px;min-height:440px;align-items:center;padding-block:70px}.demo-library .library-closing-inner>div:first-child{position:relative;z-index:2}.demo-library .library-closing .library-eyebrow{color:#9b9b9b}.demo-library .library-closing h2{margin:16px 0;color:#fff;font-size:clamp(32px,3.7vw,48px);font-weight:650;line-height:1.4}.demo-library .library-closing h2+p{color:#a3a3a3;font-size:13px;line-height:1.95}.demo-library .library-closing .button{margin-top:28px;gap:24px;min-height:50px;padding:12px 16px 12px 25px;font-size:13px}.demo-library .library-closing-art{position:absolute;top:0;right:min(-90px,-5vw);bottom:0;width:62%;pointer-events:none;mask-image:linear-gradient(to right,transparent,#000 25%,#000 80%,transparent)}.demo-library .library-closing-art>img{width:100%;height:100%;object-fit:cover;object-position:0 35%}.demo-library .support-options>button{line-height:1.6}.demo-library .gallery-status{position:fixed;bottom:28px;left:50%;z-index:120;max-width:calc(100% - 40px);padding:12px 20px;border:1px solid #ffffff25;border-radius:30px;background:#292929;color:#fff;font-size:12px;opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity .18s,transform .18s}.demo-library .gallery-status.is-visible{opacity:1;transform:translate(-50%)}.demo-library .demo-qv{z-index:130}.demo-library .demo-qv-window{border-color:#e1e5eb;border-radius:18px;box-shadow:0 30px 100px #0004;font-family:var(--font)}.demo-library .demo-qv-bar{background:#f8fafd;border-bottom-color:#e8ecf2}.demo-library .demo-qv-meta{background:#fff;border-top-color:#e8ecf2}.demo-library .demo-qv-addr{background:#fff;border-color:#e4e8ef}.demo-library .demo-qv-devices button.is-on{color:#d64b3a;background:#fff0ec;border-color:#ffc8be}.demo-library .demo-qv-contact{border:1px solid #ff897a;border-radius:30px;background:#ff5c47;color:#fff;box-shadow:inset 0 1px #ffffff30,0 4px 10px -7px #ff5c4780}.demo-library .demo-qv-contact:hover{background:#f1513e}.demo-library .demo-qv-detail,.demo-library .demo-qv-fav{border-radius:30px}.demo-library .demo-qv-fav.fav-on{color:#df4f3d;background:#fff0ec;border-color:#ffc8be}.demo-library:has(.demo-qv-open) .support-widget,.demo-library:has(.demo-qv-open) .back-to-top{visibility:hidden;pointer-events:none}html[data-theme=dark] .demo-library .library-hero,html[data-theme=dark] .demo-library .demo-gallery-band{color:#242322;background:#f8fafd}@media(min-width:1500px){.demo-library .library-hero-art{height:410px}}@media(max-width:1100px){.demo-library .library-hero{padding-top:150px;padding-bottom:60px}.demo-library .library-hero-grid{gap:15px}.demo-library .library-hero-art{margin-right:-45px;height:340px}.demo-library .library-hero h1{font-size:48px}.demo-library .library-facts{gap:13px}.demo-library .library-filter-form{grid-template-columns:195px 1fr auto}.demo-library .library-search-submit{padding-inline:18px;gap:10px}.demo-library .demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px}.demo-library .library-closing-art{width:66%;right:-100px}}@media(max-width:719px){.demo-library .library-hero{padding:122px 0 32px}.demo-library .library-hero-grid{display:flex;flex-direction:column;gap:0;align-items:stretch}.demo-library .library-hero h1{font-size:clamp(34px,7.9vw,48px);margin:17px 0 18px}.demo-library .library-eyebrow{font-size:10px}.demo-library .library-intro{font-size:12px;line-height:1.9}.demo-library .library-hero-actions{margin-top:24px;gap:16px}.demo-library .library-hero-actions .button{min-height:46px;padding:10px 13px 10px 19px;gap:16px;font-size:12px}.demo-library .library-text-link{font-size:11px}.demo-library .library-facts{margin-top:26px;gap:14px;font-size:10px}.demo-library .library-facts b{font-size:20px}.demo-library .library-facts>i{height:17px}.demo-library .library-facts>span{gap:5px}.demo-library .library-hero-art{width:calc(100% + 40px);align-self:auto;margin:12px -20px 0;height:clamp(180px,52vw,260px)}.demo-library .library-hero-art>img{object-position:80% 100%}.demo-library .library-art-orbit{width:200px;height:200px;top:0;right:30px}.demo-library .library-art-note{bottom:0;left:32px;padding:7px 12px;font-size:9px}.demo-library .demo-gallery-band{padding:40px 0 48px}.demo-library .library-gallery-heading{display:block;margin-bottom:24px}.demo-library .library-gallery-heading h2{font-size:26px;margin-top:8px}.demo-library .library-gallery-heading>p{margin-top:11px;font-size:11px}.demo-library .library-gallery-heading>p br{display:none}.demo-library .library-filter-panel{padding:16px;border-radius:17px}.demo-library .library-filter-top{display:flex;flex-direction:column;align-items:stretch;gap:15px;margin-bottom:14px}.demo-library .library-audiences{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.demo-library .library-audiences a{min-height:35px;padding:7px 4px;font-size:10px;white-space:nowrap}.demo-library .library-filter-top .demo-fav-toggle{align-self:flex-end;min-height:32px;padding:5px 11px;font-size:10px}.demo-library .library-filter-form{grid-template-columns:1fr auto;gap:10px}.demo-library .library-industry{grid-column:1 / -1;padding:7px 34px 8px 13px;gap:1px}.demo-library .library-industry select{min-height:24px;font-size:16px}.demo-library .library-industry>svg{top:21px}.demo-library .library-search{padding:0 12px;gap:8px}.demo-library .library-search>svg{width:16px;height:16px}.demo-library .library-search input{min-height:45px;font-size:16px}.demo-library .library-search input::placeholder{font-size:11px}.demo-library .library-search-submit{padding-inline:13px;gap:0;font-size:11px}.demo-library .library-search-submit>svg{display:none}.demo-library .demo-result-heading{margin-top:25px;margin-bottom:18px;gap:10px}.demo-library .demo-result-heading strong{font-size:12px}.demo-library .demo-result-heading>span{font-size:10px}.demo-library .library-reset{font-size:10px}.demo-library .demo-grid{display:grid;grid-template-columns:1fr;gap:23px;margin:0;padding:0;overflow:visible;scroll-snap-type:none}.demo-library .demo-grid .demo-card{flex:none;width:auto;border-radius:15px}.demo-library .demo-cover{aspect-ratio:1.5}.demo-library .demo-card-body{padding:17px 18px}.demo-library .demo-card-body h3{font-size:20px}.demo-library .demo-card-body>p{min-height:0;font-size:11px;margin-bottom:17px}.demo-library .demo-card-body>small{font-size:9px}.demo-library .library-note{font-size:9px}.demo-library .demo-empty,.demo-library .demo-fav-empty{padding:35px 18px}.demo-library .demo-empty h3,.demo-library .demo-fav-empty h2{font-size:20px}.demo-library .library-closing-inner{display:block;min-height:0;padding-top:45px;padding-bottom:230px}.demo-library .library-closing h2{font-size:34px}.demo-library .library-closing h2+p{font-size:12px}.demo-library .library-closing-art{width:100%;height:250px;top:auto;bottom:0;right:-50px}.demo-library .library-closing-art>img{object-position:0 40%;mask-image:linear-gradient(to bottom,transparent,#000 25%)}.demo-library .demo-qv{padding:10px}.demo-library .demo-qv-window{border-radius:14px}.demo-library .demo-qv-meta{padding:13px}.demo-library .demo-qv-actions{gap:7px}}@media(prefers-reduced-motion:reduce){.demo-library .demo-grid .demo-card,.demo-library .library-audiences a,.demo-library .gallery-status{transition:none}.demo-library .demo-grid .demo-card:hover{transform:none}}.demo-library{background:#f8fafd}.demo-library .library-hero{padding-top:66px;padding-bottom:58px}.demo-library .library-hero-art>img{mix-blend-mode:normal;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 97%,transparent)}@media(max-width:1100px){.demo-library .library-hero{padding-top:55px}}@media(max-width:719px){.demo-library .library-hero{padding-top:30px;padding-bottom:30px}}.homepage-v2.demo-library .demo-load-control{display:grid;justify-items:center;gap:12px;padding-block:35px 15px}.homepage-v2.demo-library .demo-load-control[hidden]{display:none}.homepage-v2.demo-library [data-load-more]{min-height:48px;min-width:190px;padding:12px 25px;border:1px solid #d9e1eb;border-radius:99px;color:#526173;background:#fff;font-size:14px;font-weight:550;cursor:pointer}.homepage-v2.demo-library [data-load-more]:disabled{opacity:.65;cursor:progress}.homepage-v2.demo-library .demo-load-control p{font-size:12px;color:#8390a0}@media(max-width:719px){.demo-library .library-intro,.demo-library .library-gallery-heading>p,.demo-library .demo-card-body>p{font-size:15px;line-height:1.9}.demo-library .library-audiences a{min-height:44px;font-size:12px;padding-inline:4px}.demo-library .library-filter-top .demo-fav-toggle{min-height:44px;font-size:13px;padding-inline:14px}.demo-library .library-filter-form{grid-template-columns:minmax(0,1fr)}.demo-library .library-industry>span{font-size:12px}.demo-library .library-industry select{min-height:36px}.demo-library .library-search input{min-height:50px}.demo-library .library-search input::placeholder{font-size:14px}.demo-library .library-search-submit{min-height:48px;justify-content:center;gap:10px;font-size:14px}.demo-library .library-search-submit>svg{display:block}.demo-library .demo-cover>.demo-fav{width:44px;height:44px}.demo-library .demo-result-heading strong{font-size:14px}.demo-library .demo-result-heading>span,.demo-library .library-reset{font-size:12px}}@media(max-width:719px){.demo-library .library-filter-panel{padding:14px;border-radius:20px}.demo-library .library-filter-top{gap:10px;margin-bottom:12px}.demo-library .library-audiences{padding:4px;border-radius:14px;background:#eaf0f6;gap:2px}.demo-library .library-audiences a{border-radius:11px;min-height:44px;padding-inline:2px;font-size:12px}.demo-library .library-audiences a.is-active{color:#303b46;background:#fff;border-color:#dae2ec;box-shadow:0 2px 5px #21344c0d}.demo-library .library-filter-top .demo-fav-toggle{min-height:44px;margin-right:0;padding:7px 12px;border-radius:12px;font-size:12px;align-self:stretch;justify-content:flex-start;width:100%}.demo-library .library-filter-top .demo-fav-toggle>b{margin-left:auto;min-width:24px}.demo-library .library-filter-top .demo-fav-toggle>span:after{content:" \b7  \53ea\770b\5df2\6536\85cf\7684\6f14\793a";font-size:10px;font-weight:400;opacity:.65}.demo-library .library-filter-form{grid-template-columns:minmax(0,1fr) 52px;gap:10px}.demo-library .library-industry{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:10px 34px 10px 14px;min-height:54px}.demo-library .library-industry>span{color:#7c8896;font-size:12px}.demo-library .library-industry select{min-height:32px;font-weight:500;text-align:right}.demo-library .library-industry>svg{top:50%;transform:translateY(-50%)}.demo-library .library-search{padding-inline:12px;border-radius:12px;gap:8px}.demo-library .library-search input{min-height:52px}.demo-library .library-search input::placeholder{font-size:13px}.demo-library .library-search-submit{position:relative;width:52px;min-height:52px;padding:0;border-radius:12px}.demo-library .library-search-submit>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.demo-library .library-search-submit>svg{width:21px;height:21px}}