.hero:has(.library-demo){max-width:1320px;margin-bottom:0}.library-demo{margin:48px auto 0;text-align:left}.library-demo .capture-box{margin-top:26px}.library-demo .library-bar-row{margin-top:42px}.library-demo .library-bar{max-width:1152px;margin:auto;width:100%}.library-demo .bar-tabs{overflow:hidden}.library-demo .bar-tabs-wrap{flex-shrink:0}.demo-save-prompt{animation:demo-pulse 1.6s ease-in-out infinite}.demo-status{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.library-demo .card-select{z-index:3;pointer-events:auto;cursor:pointer}.library-demo .demo-url{color:transparent;caret-color:transparent;width:100%}.library-demo .sponsor-typed{overflow:hidden;white-space:nowrap;color:var(--ink)}.library-demo .sponsor-typed i{flex-shrink:0}.library-demo .demo-grid{grid-template-columns:repeat(auto-fill,minmax(min(350px,100%),1fr));column-gap:32px;margin-top:18px;max-height:827px;overflow:clip;padding:12px 5px 5px;margin-inline:-5px}.hero:has(.library-demo)+.features{background:linear-gradient(to bottom,transparent,var(--paper) 180px);margin-top:-180px;max-width:none;padding-top:240px;z-index:2}.hero:has(.library-demo)+.features>*{max-width:976px;margin-left:auto;margin-right:auto}.hero:has(.library-demo)+.features>.feature-grid{max-width:1116px}.library-demo .bookmark-card,.library-demo .card-title{cursor:default}.library-demo .card-title{font-size:22px;padding-right:0}.library-demo .card-desc{font-size:15px;padding-right:0}.library-demo .image-card .card-desc,.library-demo .image-card .card-title{padding-right:0}.library-demo .bookmark-main .card-desc{white-space:normal}.library-demo .text-card .bookmark-main{padding:26px 22px}.library-demo .image-card .bookmark-main{padding:64px 18px 20px}.library-demo .bookmark-thumbnail{min-height:290px}.library-demo .demo-new-card{animation:demo-arrive .55s ease-out;isolation:isolate}.library-demo .demo-new-card:before{animation:demo-border-spin 2.2s linear infinite;background:conic-gradient(from var(--demo-border-angle),transparent 0 57%,#38bdf8 67%,#0052cc 76%,transparent 87%);border-radius:inherit;content:"";inset:0;padding:1px;pointer-events:none;position:absolute;z-index:4;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.library-demo .demo-new-card:hover{box-shadow:0 18px 44px rgba(0,119,182,.16),0 0 22px rgba(56,189,248,.12)}.demo-art{height:310px;overflow:hidden;position:relative}.demo-art-dashboard{background:#142c37;color:#c5f4e7;padding:48px 24px;height:340px}.demo-chart-label{font-size:9px;letter-spacing:.1em}.demo-art-dashboard b{display:block;font-size:48px;letter-spacing:-.05em}.demo-bars{height:90px;display:flex;align-items:flex-end;gap:8px;margin-top:16px}.demo-bars i{flex:1 1;border-radius:4px 4px 0 0;background:#65bdac}.demo-art-palette{display:flex;height:270px;background:#f2e8cf}.demo-art-palette i{flex:1 1;background:#386641}.demo-art-palette i:nth-child(2){background:#a7c957}.demo-art-palette i:nth-child(3){background:#bc4749}.demo-art-palette i:nth-child(4){background:#f2e8cf}.demo-art-landscape{background:linear-gradient(#a0d9d6,#ead6ac);height:330px}.demo-art-landscape i{background:#447c69;width:130%;height:75%;position:absolute;top:30%;left:-40%;border-radius:50%;transform:rotate(-30deg)}.demo-art-landscape i+i{background:#27514a;top:46%;left:20%;transform:rotate(25deg)}.demo-art-motion{background:#ccb8e5;height:310px;display:flex;justify-content:center;padding-top:52px}.demo-art-motion i{border:2px solid #483567;border-radius:50%;height:140px;width:100px;margin:0 -22px;transform:rotate(30deg)}.demo-art-figma{background:#e6dfef;height:350px}.demo-figma{display:grid;grid-template-columns:repeat(2,48px);grid-template-rows:repeat(3,48px);width:96px;margin:48px auto}.demo-figma i{background:#f24e1e;border-radius:24px 0 0 24px}.demo-figma i:nth-child(2){background:#ff7262;border-radius:0 24px 24px 0}.demo-figma i:nth-child(3){background:#a259ff}.demo-figma i:nth-child(4){background:#1abcfe;border-radius:50%}.demo-figma i:nth-child(5){background:#0acf83;border-radius:24px 0 24px 24px}@keyframes demo-pulse{50%{box-shadow:0 0 0 5px var(--primary-tint)}}@keyframes demo-arrive{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@property --demo-border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes demo-border-spin{to{--demo-border-angle:360deg}}@media (max-width:460px){.library-demo .demo-grid{grid-template-columns:minmax(0,1fr)}.library-demo .capture-box{padding:12px;border-radius:20px;flex-wrap:wrap}.library-demo .capture-field{flex-basis:100%}.library-demo .capture-box .button{padding:11px 13px;width:100%;margin:4px 0 0}.library-demo .sponsor-typed{font-size:12px}}@media (prefers-reduced-motion:reduce){.demo-save-prompt,.library-demo .demo-new-card,.library-demo .demo-new-card:before,.library-demo .sponsor-typed i{animation:none}}