.library>section,.library-item>:not(.library-masthead){width:min(100%, var(--layout-content));padding-right:var(--layout-margin);padding-left:var(--layout-margin);margin-left:auto;margin-right:auto}.library-masthead{align-items:end;gap:clamp(var(--space-40), 6vw, var(--space-100));padding:clamp(var(--space-150), 18vw, var(--space-220)) var(--layout-margin) clamp(var(--space-60), 8vw, var(--space-100));color:var(--text-on-artwork);background:var(--gradient-closing-glow), var(--surface-artwork);--text-muted:var(--text-inverse-faint);--line-default:var(--line-artwork);--text-body:var(--text-on-artwork);--surface-sunken:var(--surface-overlay);grid-template-columns:1.15fr .85fr;display:grid}.library>.library-masthead{width:100%;padding-right:max(var(--layout-margin), calc((100% - var(--layout-content)) / 2 + var(--layout-margin)));padding-left:max(var(--layout-margin), calc((100% - var(--layout-content)) / 2 + var(--layout-margin)))}.library-masthead h1{font-family:var(--text-heading-family);font-size:var(--text-section-size);font-weight:var(--font-weight-book);line-height:var(--text-line-0_92);letter-spacing:var(--text-tracking-minus-0_05);text-wrap:balance;margin:0}.library-masthead__intro>p:last-child{max-width:var(--layout-size-500);margin:var(--space-28) 0 0;color:var(--text-inverse-faint);font-size:var(--text-md-size);line-height:var(--text-line-1_5)}.library-feature{gap:var(--space-14);display:grid}.library-feature .section-kicker{margin:0}.library-feature h2{margin:var(--space-4) 0 0;font-family:var(--text-heading-family);font-size:var(--text-3xl-size);font-weight:var(--font-weight-heading);line-height:var(--text-line-1)}.library-feature>p:not(.section-kicker){color:var(--text-inverse-faint);margin:0}.library-feature__more{gap:var(--space-8);font-size:var(--text-sm-size);margin:0;padding:0;list-style:none;display:grid}.library-browser{padding-top:clamp(var(--space-70), 9vw, var(--space-130));padding-bottom:clamp(var(--space-90), 10vw, var(--space-150))}.library-browser__bar{justify-content:space-between;align-items:center;gap:var(--space-20);margin-bottom:var(--space-50);padding-bottom:var(--space-18);border-bottom:var(--border-1) solid var(--line-emphasis);flex-wrap:wrap;display:flex}.library-browser__bar .section-kicker{margin:0}.library-filter{gap:var(--space-8);flex-wrap:wrap;display:flex}.library-filter button{min-height:var(--control-height-sm);padding:0 var(--space-14);border:var(--border-hairline) solid var(--line-default);border-radius:var(--radius-pill);color:var(--text-body);font-size:var(--text-xs-size);font-weight:var(--font-weight-bold);cursor:var(--cursor-pointer);transition:color var(--duration-350) ease, background var(--duration-350) ease, border-color var(--duration-350) ease;background:0 0}.library-filter button span{color:var(--text-muted)}.library-filter button[aria-pressed=true]{border-color:var(--action-primary);color:var(--action-on-primary);background:var(--action-primary)}.library-filter button[aria-pressed=true] span{color:inherit}.library-crumbs{gap:var(--space-8);margin-bottom:var(--space-24);color:var(--text-inverse-faint);font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);letter-spacing:var(--text-sm-tracking);display:flex}.library-crumbs a:hover{color:var(--text-on-artwork)}.library-masthead--item{padding-right:max(var(--layout-margin), calc((100% - var(--layout-content)) / 2 + var(--layout-margin)));padding-left:max(var(--layout-margin), calc((100% - var(--layout-content)) / 2 + var(--layout-margin)))}.library-meta{border-top:var(--border-hairline) solid var(--line-artwork);margin:0;display:grid}.library-meta>div{justify-content:space-between;gap:var(--space-20);padding:var(--space-12) 0;border-bottom:var(--border-hairline) solid var(--line-artwork);font-size:var(--text-sm-size);display:flex}.library-meta dt{color:var(--text-inverse-faint)}.library-meta dd{font-weight:var(--font-weight-bold);text-align:right;margin:0}.library-demo{margin-top:var(--space-60);margin-bottom:0}.library-demo__frame{aspect-ratio:16/10;border:var(--border-hairline) solid var(--line-default);border-radius:var(--radius-4);background-color:var(--surface-sunken);background-position:50%;background-size:cover;overflow:hidden}.library-demo__frame iframe{border:0;width:100%;height:100%;display:block}.library-demo figcaption,.library-prompt__head{justify-content:space-between;align-items:center;gap:var(--space-16);padding-top:var(--space-14);color:var(--text-muted);font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);letter-spacing:var(--text-sm-tracking);display:flex}.library-prompt{margin-top:var(--space-60)}.library-prompt__head{padding-top:0;padding-bottom:var(--space-14)}.library-prompt__head .section-kicker{margin:0}.library-prompt blockquote{padding:var(--space-32);border-radius:var(--radius-4);color:var(--code-text);background:var(--code-surface);font-family:var(--text-code-family);font-size:var(--text-md-size);line-height:var(--text-code-line);margin:0}.library-still{margin-top:var(--space-60)}.library-still img{border-radius:var(--radius-4);width:100%}.library-item__body{gap:clamp(var(--space-40), 6vw, var(--space-100));padding-top:clamp(var(--space-70), 8vw, var(--space-120));grid-template-columns:.8fr 1.2fr;align-items:start;display:grid}.library-notes{top:var(--space-120);position:sticky}.library-notes ol{gap:var(--space-18);counter-reset:note;margin:0;padding:0;list-style:none;display:grid}.library-notes li{grid-template-columns:var(--layout-size-42) 1fr;color:var(--text-body);font-size:var(--text-base-size);line-height:var(--text-line-1_55);counter-increment:note;display:grid}.library-notes li:before{color:var(--text-muted);font-size:var(--text-xs-size);font-weight:var(--font-weight-bold);line-height:var(--text-line-1_5);content:"(0" counter(note) ")"}.library-source{gap:var(--space-20);min-width:0;display:grid}.library-source .section-kicker,.library-notes .section-kicker,.library-tutorial .section-kicker,.library-related .section-kicker{margin:0 0 var(--space-20)}.library-source .section-kicker{margin:0}.library-install{justify-content:space-between;align-items:center;gap:var(--space-16);padding:var(--space-12) var(--space-12) var(--space-12) var(--space-20);border-radius:var(--radius-4);color:var(--code-text);background:var(--code-surface);font-family:var(--text-code-family);font-size:var(--text-sm-size);display:flex;overflow-x:auto}.code-block{border-radius:var(--radius-4);min-width:0;color:var(--code-text);background:var(--code-surface);--shiki-foreground:var(--code-text);--shiki-background:var(--code-surface);--shiki-token-keyword:var(--code-keyword);--shiki-token-string:var(--code-string);--shiki-token-string-expression:var(--code-string);--shiki-token-function:var(--code-function);--shiki-token-constant:var(--code-constant);--shiki-token-parameter:var(--code-parameter);--shiki-token-comment:var(--code-muted);--shiki-token-punctuation:var(--code-punctuation);--shiki-token-link:var(--code-keyword);margin:0;overflow:hidden}.code-block figcaption{justify-content:space-between;align-items:center;gap:var(--space-16);padding:var(--space-10) var(--space-10) var(--space-10) var(--space-20);border-bottom:var(--border-hairline) solid var(--code-line);font-family:var(--text-code-family);font-size:var(--text-xs-size);display:flex}.code-block pre{max-height:var(--layout-size-680);padding:var(--space-20);font-family:var(--text-code-family);font-size:var(--text-xs-size);line-height:var(--text-code-line);tab-size:2;margin:0;overflow:auto}.copy-button{min-height:var(--control-height-sm);padding:0 var(--space-14);border:var(--border-hairline) solid var(--code-line);border-radius:var(--radius-pill);color:var(--code-text);background:var(--code-surface-raised);font-family:var(--text-body-family);font-size:var(--text-xs-size);font-weight:var(--font-weight-bold);cursor:var(--cursor-pointer);flex:none}.library-prompt__head .copy-button{border-color:var(--line-default);color:var(--text-heading);background:var(--surface-bright)}.library-tutorial,.library-related{padding-top:clamp(var(--space-70), 8vw, var(--space-120))}.library-tutorial>p{color:var(--text-muted)}.library-related{padding-bottom:clamp(var(--space-90), 10vw, var(--space-150))}.video-frame{aspect-ratio:16/9;border-radius:var(--radius-4);background:var(--surface-sunken);border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.video-frame iframe,.video-frame img{object-fit:cover;border:0;width:100%;height:100%}.video-frame--poster{cursor:var(--cursor-pointer)}.video-frame__play{padding:var(--space-12) var(--space-22);border-radius:var(--radius-pill);color:var(--text-heading);background:var(--surface-highlight);font-size:var(--text-sm-size);font-weight:var(--font-weight-bold);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hire-band{justify-content:space-between;align-items:end;gap:var(--space-40);width:100%;padding:clamp(var(--space-90), 10vw, var(--space-160)) max(var(--layout-margin), calc((100% - var(--layout-content)) / 2 + var(--layout-margin)));color:var(--text-on-artwork);background:var(--gradient-closing-glow), var(--surface-artwork);display:flex}.library>.hire-band{width:100%;padding-right:max(var(--layout-margin), calc((100% - var(--layout-content)) / 2 + var(--layout-margin)));padding-left:max(var(--layout-margin), calc((100% - var(--layout-content)) / 2 + var(--layout-margin)))}.hire-band h2{font-family:var(--text-heading-family);font-size:var(--text-section-size);font-weight:var(--font-weight-book);line-height:var(--text-line-0_92);letter-spacing:var(--text-tracking-minus-0_05);margin:0}.hire-band__actions{align-items:center;gap:var(--space-24);display:flex}.library-footer{justify-content:space-between;gap:var(--space-20);padding:var(--space-18) max(var(--layout-margin), calc((100% - var(--layout-content)) / 2 + var(--layout-margin))) var(--space-26);border-top:var(--border-hairline) solid var(--line-artwork);color:var(--text-on-artwork);background:var(--surface-artwork);font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);letter-spacing:var(--text-sm-tracking);display:flex}.library-footer nav{gap:var(--space-24);display:flex}@media (max-width:980px){.library-masthead,.library-item__body{grid-template-columns:1fr}.library-notes{position:static}.hire-band{align-items:start;display:grid}}@media (max-width:700px){.library-masthead{padding-top:var(--space-120)}.library-demo__frame{aspect-ratio:4/5}.hire-band__actions{flex-wrap:wrap}.library-footer{padding-bottom:var(--space-92)}}