.library-head{display:grid;grid-template-columns:1.25fr 1fr;gap:0 5vw;align-items:end;padding-bottom:44px}.library-head .back-link{grid-column:1/-1}.library-head h1{font-size:clamp(45px,5.5vw,80px);letter-spacing:-.065em;font-weight:400;margin:16px 0 0}.library-head h1 b{color:#d83a80}.library-head .project-summary{font-family:Georgia,serif;font-size:clamp(24px,3vw,40px);line-height:1.18;letter-spacing:-.025em;margin:0}.library-intro{grid-column:1/-1;max-width:70ch;color:var(--muted);font-size:17px;margin-top:26px}.lab-mast{display:flex;justify-content:space-between;gap:20px;align-items:baseline;border-top:2px solid var(--ink);padding:22px 0}.lab-mast h2{font-size:22px;margin:0}.lab-mast>span{font-family:monospace;font-size:12px;color:var(--muted)}.lab-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:55px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}.type-controls>p{font-size:20px;line-height:1.3;margin-bottom:28px}.type-controls label{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin:22px 0 9px}.type-controls output{font-family:monospace;color:var(--muted)}.type-controls select{font:inherit;font-size:15px;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:0;padding:9px;width:100%}.type-controls input{display:block;width:100%;accent-color:#d83a80;margin:0;min-height:28px}.type-controls button{font:inherit;font-size:14px;border:0;border-bottom:1px solid currentColor;padding:0;background:transparent;color:var(--ink);cursor:pointer;margin:22px 0 0}.type-paper{min-width:0;border-left:1px solid #d83a80;padding-left:32px;position:relative}.paper-label,.type-baseline{display:flex;justify-content:space-between;gap:15px;font:12px monospace;color:var(--muted)}.paper-label{padding-bottom:20px}.specimen-space{min-height:330px;display:flex;align-items:center;overflow:hidden;padding:22px 0}.live-specimen{font-family:Georgia,serif;font-size:72px;letter-spacing:-.04em;line-height:1.04;color:#b52b68;max-width:18ch;margin:0;overflow-wrap:normal}.type-baseline{border-top:1px solid #d83a80;padding-top:14px}.lab-note{font-size:14px;color:var(--muted);max-width:80ch;margin:18px 0 0}.type-controls :focus-visible{outline:2px solid #d83a80;outline-offset:4px}@media(max-width:720px){.library-head{grid-template-columns:1fr;gap:22px}.library-head .back-link{margin-bottom:0}.library-head h1{font-size:54px}.library-head .library-intro{margin-top:0}.lab-mast{display:block}.lab-mast>span{display:block;margin-top:12px}.lab-grid{grid-template-columns:1fr;gap:28px}.type-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.type-controls>p{grid-column:1/-1;margin:0}.type-controls label{margin:10px 0 0;align-items:center;flex-wrap:wrap}.type-controls select{grid-column:2;grid-row:2}.type-controls button{grid-column:1/-1;justify-self:start}.type-paper{padding-left:18px}.specimen-space{min-height:280px}.live-specimen{font-size:clamp(40px,14vw,72px)}.paper-label,.type-baseline{font-size:10px;flex-wrap:wrap}}

.specimen-edit-label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}#specimen-text{font:inherit;font-size:16px;width:100%;resize:vertical;padding:12px;border:1px solid var(--line);border-radius:0;color:var(--ink);background:transparent;min-height:74px;box-sizing:border-box;margin-bottom:24px}.specimen-presets label{margin-top:0}.type-controls>p{margin-top:24px}.preset-explanation{font-size:16px;max-width:75ch;margin-top:22px}.specimen-space{min-height:340px}.live-specimen{overflow-wrap:anywhere}@media(max-width:720px){.specimen-presets{grid-column:1/-1}.type-controls>p{margin-top:12px}.type-controls #type-ink{grid-column:2;grid-row:auto}.type-controls .specimen-presets select{grid-row:auto}.type-controls #type-face{grid-row:3}}

.type-paper{position:sticky;top:24px;align-self:start}@media(max-width:720px){.type-paper{position:static}.type-controls{display:block}.type-controls label{margin-top:20px}.type-controls select,.type-controls input{margin-bottom:8px}}

.library-cover{grid-column:2;grid-row:2/5;margin:0;align-self:center}.library-cover img{width:100%;height:auto;display:block}.library-cover figcaption{font-size:13px}.library-head .project-summary{grid-column:1;margin-top:24px}.library-head .library-intro{grid-column:1;max-width:50ch}.library-head{align-items:start}@media(max-width:720px){.library-cover{grid-column:1;grid-row:auto}.library-head .project-summary{margin-top:0}}