/* The collection is available when requested; the workspace stays focused. */
.design-library{width:min(1060px,calc(100vw - 48px));max-width:none;max-height:min(840px,calc(100dvh - 64px));padding:0;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);box-shadow:0 24px 80px #1c191729;overflow:hidden}
.design-library[open]{display:flex;flex-direction:column}
.design-library::backdrop{background:#1c191766;backdrop-filter:blur(3px)}
.library-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:25px 28px 20px;flex:none}
.library-heading h2{font:400 26px/1.2 Georgia,"Times New Roman",serif;letter-spacing:-.65px;margin:0}
.library-heading p{font-size:14px;line-height:1.5;color:var(--muted);margin:6px 0 0}
.library-heading .icon-button{margin:-4px -7px 0 0;min-width:40px;min-height:40px;border:0;box-shadow:none;background:transparent;color:var(--muted)}
.library-tabs{display:flex;gap:3px;padding:0 28px;border-bottom:1px solid var(--line);flex:none}
.library-tabs button{position:relative;border:0;background:transparent;color:var(--muted);font:500 14px/1.4 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;padding:12px 18px;min-height:44px}
.library-tabs button:first-child{padding-left:0;padding-right:23px}
.library-tabs button[aria-selected="true"]{color:var(--ui-accent)}
.library-tabs button[aria-selected="true"]:after{content:"";position:absolute;height:2px;background:var(--ui-accent);bottom:-1px;left:14px;right:14px}
.library-tabs button:first-child[aria-selected="true"]:after{left:0;right:18px}
.library-tabs span{font:14px/1 ui-monospace,Consolas,monospace;margin-left:5px;color:var(--muted)}
.library-content{background:var(--panel);padding:24px 28px 28px;overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-gutter:stable}
.library-note{font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 18px}
.design-library .design-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;overflow:visible;padding:0;scroll-snap-type:none}
.design-library .design-choice{min-width:0;display:flex;flex-direction:column;text-align:left;flex:none;border-color:var(--line);border-radius:8px;box-shadow:none;overflow:hidden}
.design-library .design-choice:hover{transform:none;border-color:var(--line)}
.design-library .design-choice[aria-pressed="true"]{border-color:var(--ui-accent);box-shadow:0 0 0 1px var(--ui-accent)}
.design-library .design-thumbnail{background:var(--stage)}
.design-library .design-caption{padding:12px 13px 5px;font-size:14px;line-height:1.4}
.design-library .design-caption strong{font-size:14px}
.design-library .design-caption-note{font-size:14px;line-height:1.5;color:var(--muted);padding:0 13px 14px}
.design-library .design-number{font-size:14px}
.design-library .pattern-choices{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin:0}
.design-library .pattern-choice{min-height:164px;padding:14px 7px 11px;gap:10px;font-size:14px;border-radius:7px;background:var(--panel)}
.design-library .pattern-artwork{width:76px;max-width:100%;height:112px;overflow:hidden;font-size:30px}
.design-library .pattern-artwork img{width:47px;height:112px;object-fit:contain}
.library-section-title{font:600 16px/1.4 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:-.25px;margin:0 0 8px}
.library-section-divider{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.design-library .abstract-pattern-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.design-library .abstract-pattern-choices .pattern-choice{min-height:242px;gap:18px;padding:18px 14px 14px;background:var(--panel)}
.design-library .abstract-pattern-choices .pattern-artwork{width:76px;height:182px}
.design-library .abstract-pattern-choices .pattern-artwork img{width:76px;height:182px}
.design-library .abstract-pattern-choices .is-flow-wide{min-height:160px;gap:12px}
.design-library .abstract-pattern-choices .is-flow-wide .pattern-artwork{width:100%;height:104px}
.design-library .abstract-pattern-choices .is-flow-wide .pattern-artwork img{width:100%;height:104px;object-fit:contain}
.design-library .abstract-pattern-choices .is-flow-tall .pattern-artwork,.design-library .abstract-pattern-choices .is-flow-tall .pattern-artwork img{width:116px;height:182px;object-fit:contain}
@media(max-width:780px){.design-library{width:calc(100vw - 32px);max-height:calc(100dvh - 32px)}.library-heading{padding:21px 20px 17px}.library-tabs{padding:0 20px}.library-content{padding:20px}.design-library .design-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.design-library .pattern-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.design-library .pattern-choice{min-height:148px}.design-library .pattern-artwork{height:96px}.design-library .pattern-artwork img{height:96px;width:40px}}
@media(max-width:480px){.design-library{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:10px}.library-heading{padding:19px 17px 16px;gap:12px}.library-heading h2{font-size:21px}.library-heading p{font-size:14px}.library-tabs{padding:0 17px}.library-tabs button{font-size:14px;padding-inline:13px}.library-content{padding:17px}.design-library .design-gallery{grid-template-columns:1fr;gap:14px}.design-library .design-caption,.design-library .design-caption strong{font-size:14px}.design-library .design-caption-note{font-size:14px}.design-library .pattern-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.design-library .pattern-choice{font-size:14px}}
@media(max-width:780px){.design-library .abstract-pattern-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}