.library-page{min-height:100svh}.library-stage{--cabinet-width:min(920px,max(560px, calc((100svh - 340px)*1.2014) ));--cabinet-tools-gap:28px;position:relative;isolation:isolate;min-height:100svh;padding:clamp(88px,9.5svh,120px) 32px 48px}.library-stage[data-enhanced][data-layout=gallery]{min-height:calc(var(--closed-stage-height,100svh) + var(--cabinet-overhang,0px))}.library-intro{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:24px;width:min(calc(100% - 40px),calc(var(--cabinet-width) - 40px));margin:0 auto 24px}.library-eyebrow{grid-column:1/-1;margin:0 0 4px;font:12px/1.4 var(--mono);letter-spacing:.05em}.library-intro h1{display:flex;gap:.15em;margin:0;font:400 clamp(56px,min(5.2vw,8.2svh),100px)/.95 var(--display);letter-spacing:-.01em;white-space:nowrap}.library-intro__line{margin:0;padding-left:22px;border-left:1px solid var(--site-ink);font-size:16px;line-height:1.5}.library-intro__line span{display:block}.library-cabinet{position:relative;container-type:inline-size;width:min(100%,var(--cabinet-width));margin-inline:auto;filter:drop-shadow(18px 24px 16px #341e0d48)}.library-cabinet__crown{position:relative;height:8.587944cqw}.library-cabinet__frame{display:block;width:100%;height:auto;pointer-events:none;user-select:none}.library-cabinet__base{position:relative;height:5.202312cqw;background:var(--gallery-base) center top / 100% auto no-repeat}.library-cabinet__slots{position:relative}.library-drawer{--p:0;position:relative;height:var(--slot-height)}.library-drawer[data-moving]{z-index:10}.library-cabinet__section{position:absolute;inset-inline:0;top:0;height:var(--slot-height);background:var(--drawer-frame) center top / 100% auto no-repeat;pointer-events:none}.library-drawer__extension{position:absolute;inset:0;background-image:var(--gallery-left),var(--gallery-right),var(--gallery-cavity);background-position:left top,right top,center;background-size:4.706854cqw auto,4.624278cqw auto,20cqw auto;background-repeat:repeat-y,repeat-y,repeat}.library-drawer__front{position:absolute;left:var(--face-left);top:var(--front-top);width:var(--face-width);height:var(--front-height);margin:0;transform:translateY(var(--pull-rise,0px)) perspective(var(--pull-perspective)) translateZ(calc(var(--pull-depth) * var(--p)));transform-origin:center top;z-index:5}.library-drawer[data-moving] .library-drawer__front{filter:drop-shadow(0 calc(12px * var(--p)) calc(8px * var(--p)) #150d0980)}.library-drawer__toggle{position:relative;display:block;width:100%;height:100%;border:0;padding:0;background:none;cursor:pointer;text-align:left;color:var(--site-ink)}.library-drawer__toggle:disabled{cursor:default;color:inherit;opacity:1}.library-drawer__board{display:block;width:100%;height:auto;pointer-events:none;user-select:none}.library-drawer__label{position:absolute;left:6.38%;top:22%;width:51.1%;height:56.5%;display:flex;align-items:center;padding-inline:2.1%;gap:3.3cqw;background-color:#ecd0a0;background-image:var(--site-paper-texture);background-position:center;background-size:34cqw auto;box-shadow:inset 0 2px 5px #5a341b55;color:#1d170e;white-space:nowrap;pointer-events:none}.library-drawer__number{flex:0 0 7cqw;font:500 2.85cqw/1 var(--mono)}.library-drawer__name{font:400 4cqw/1 var(--display)}.library-drawer__chinese{font:600 2.55cqw/1.2 var(--song)}.library-drawer[data-library-drawer=prompt] .library-drawer__label{top:21%;height:59%}.library-drawer[data-library-drawer=workflow] .library-drawer__label{top:21%;height:58%}.library-drawer[data-library-drawer=all] .library-drawer__label{top:23%;height:57%}.library-drawer__handle{position:absolute;left:var(--handle-left);top:var(--handle-top);width:10%;min-width:32px;aspect-ratio:1;transform:translate(-50%,-50%);cursor:pointer;user-select:none;touch-action:pan-y}.library-drawer__tray{position:absolute;top:var(--front-top);left:var(--face-left);width:var(--face-width);height:calc(var(--pull-y,120px) * var(--p));overflow:clip;transform:translateY(calc(var(--pull-rise,0px) - var(--pull-y,120px) * var(--p))) perspective(var(--pull-perspective)) translateZ(calc(var(--pull-depth) * var(--p))) rotateX(var(--tray-angle));transform-origin:center bottom}.library-drawer__floor,.library-drawer__walls{position:absolute;bottom:0;left:0;width:100%;height:var(--pull-y,144px);box-sizing:border-box;border:solid transparent;border-width:12px 6.3cqw 8px;border-image-source:var(--tray-surface);border-image-slice:48 148 28 148;border-image-repeat:stretch;pointer-events:none}.library-drawer__floor{border-image-slice:48 148 28 148 fill}.library-drawer__floor{z-index:1}.library-drawer__walls{z-index:4}.library-drawer__paper-window{position:absolute;bottom:0;left:calc(7% + 8px);right:calc(7% + 8px);height:var(--pull-y,144px);z-index:2;overflow:clip}.library-drawer__contents{position:relative;container:library-content / inline-size;margin:12px 0;max-height:calc(var(--pull-y,144px) - 24px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable}.library-drawer__contents[hidden],.library-reading-title{display:none}.library-specimens{display:grid;align-items:start;gap:12px}.library-page .library-card:nth-child(n){min-width:0;margin:0;padding:12px;background-color:var(--site-paper);background-image:var(--site-paper-fill);background-size:440px;box-shadow:1px 3px 4px #24160838}.library-card a{display:grid;grid-template-columns:80px minmax(0,1fr);grid-template-areas:"image title" "image summary" "image open";grid-template-rows:auto auto auto;gap:6px 12px;align-content:start;height:auto}.library-card h3{grid-area:title;margin:0;font:500 20px/1.3 var(--body);overflow-wrap:anywhere}.library-card img{grid-area:image;display:block;align-self:start;width:100%;height:auto;object-fit:contain;background:none}.library-page .library-card:hover img{transform:none}.library-card p{grid-area:summary;margin:0;font-size:16px;line-height:1.5;overflow-wrap:anywhere}.library-card__open{grid-area:open;display:flex;gap:3px;padding-top:2px;font-size:16px;line-height:1.4;white-space:nowrap}.library-card[data-cover-shape=wide] a{grid-template-columns:minmax(0,1fr);grid-template-areas:"image" "title" "summary" "open";grid-template-rows:repeat(4,auto);gap:8px}.library-card[data-image-failed] img{opacity:0}.library-directory{padding:14px;background-color:var(--site-paper);background-image:var(--site-paper-fill);background-size:440px}.library-directory__heading{display:flex;justify-content:space-between;margin:0 0 12px;font-size:20px}.library-directory__heading span{font:11px/1.5 var(--mono)}.library-directory ol{list-style:none;margin:0;padding:0}.library-directory li+li{border-top:1px solid color-mix(in srgb,var(--site-ink) 16%,transparent)}.library-directory a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:16px}.library-directory a>span:last-child{white-space:nowrap;font:10px/1.5 var(--mono)}.library-empty{padding:20px;font-size:16px}@container library-content (min-width:560px){.library-specimens{grid-template-columns:repeat(2,minmax(0,1fr))}.library-directory ol{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}}.library-tools{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 24px;width:min(100%,var(--cabinet-width));margin:28px auto 0}.library-stage[data-enhanced][data-layout=gallery] .library-tools{margin-top:calc(var(--cabinet-tools-gap) + var(--cabinet-overhang,0px))}.library-hint{order:2;flex-basis:100%;margin:0;text-align:center;font-size:14px;line-height:1.5}.library-hint__drag{display:none}.library-count{display:flex;flex-wrap:wrap;gap:4px 8px;margin:0;font:11px/1.5 var(--mono)}.library-all{display:inline-flex;gap:12px;padding-bottom:3px;border-bottom:1px solid;font-size:14px;line-height:1.5}.library-demo{margin:0;font:10px/1.5 var(--mono);opacity:.8}.library-reading{display:none}.library-page :is(a,button):focus-visible{outline:2px solid var(--site-ink);outline-offset:4px}.library-drawer__toggle:focus-visible{outline-color:var(--site-paper);outline-offset:-6px}.library-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(hover:hover)and (pointer:fine){.library-stage[data-layout=gallery] .library-hint__drag{display:inline}.library-stage[data-layout=gallery] .library-hint__touch{display:none}.library-stage[data-layout=gallery] .library-drawer__handle{touch-action:none;cursor:grab}.library-stage[data-dragging] .library-drawer__handle{cursor:grabbing}}@media(min-width:1000px){.library-stage{padding-inline:64px}.library-intro{margin-bottom:40px}.library-intro__line{font-size:18px}}@media(width<600px){.library-stage{min-height:0;padding:80px 16px 36px}.library-intro{display:block;width:100%;margin-bottom:20px}.library-eyebrow{margin-bottom:8px;font-size:11px}.library-intro h1{font-size:56px}.library-intro__line{margin-top:10px;padding:0;border:0;font-size:16px}.library-intro__line span{display:inline}.library-tools{gap:10px 14px;margin-top:22px;justify-content:flex-start}.library-hint{order:2;text-align:left;font-size:14px}.library-count,.library-demo{font-size:10px}}.library-stage[data-layout=mobile] .library-drawer{height:var(--slot-height)}.library-stage[data-layout=mobile] .library-cabinet__section{top:0}.library-stage[data-layout=mobile] .library-drawer__extension,.library-stage[data-layout=mobile] .library-drawer__tray{display:none}.library-stage[data-layout=mobile] .library-drawer__front{transform:translate(calc(-3px * var(--p)))}.library-stage[data-layout=mobile] .library-reading{display:block;margin:28px auto 0}.library-stage[data-layout=mobile] .library-drawer__contents{margin:0;max-height:none;overflow:visible;scrollbar-gutter:auto;transform:none}.library-stage[data-layout=mobile] .library-reading-title{display:flex;align-items:baseline;gap:12px;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid color-mix(in srgb,var(--site-ink) 60%,transparent);font:30px/1 var(--display)}.library-reading-title span{font:14px/1.5 var(--body)}.library-stage[data-layout=mobile] .library-specimens{grid-template-columns:1fr;gap:24px}.library-stage[data-layout=mobile] .library-card{padding:0;background:none;box-shadow:none}.library-stage:not([data-enhanced]) .library-drawer{display:flex;flex-direction:column;height:auto}.library-stage:not([data-enhanced]) .library-drawer__front{position:relative;order:-1;transform:none}.library-stage:not([data-enhanced]) .library-drawer__tray{position:relative;height:auto;overflow:visible;transform:none}.library-stage:not([data-enhanced]) .library-drawer__paper-window{position:relative;left:auto;right:auto;width:calc(86% - 16px);height:auto;margin-inline:auto}.library-stage:not([data-enhanced]) .library-drawer__contents{max-height:none;transform:none}.library-stage:not([data-enhanced]) .library-drawer__floor,.library-stage:not([data-enhanced]) .library-drawer__walls{display:none}