.library-try-on-entry{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid #c8d0c2;border-radius:14px;background:#eaf0e5;color:#334831;text-decoration:none;transition:background .2s,transform .2s}
.library-feature-links{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:4px}
.library-feature-links>a{grid-column:auto;position:relative;align-items:flex-start;min-width:0;padding:18px 14px 16px;border-radius:10px;min-height:116px;transition:background .2s,transform .2s}
.library-feature-links .library-try-on-entry{background:#eae3d8;color:#484034;border-color:#cec2af}
.library-feature-links .library-try-on-entry:hover{background:#e2d8c9;border-color:#b9a88e}
.library-feature-links .library-products-entry{background:#f2eee6;border-color:#d9d2c5;color:#413d33;font-size:16px}
.library-feature-links strong{font-size:16px;letter-spacing:0;font-weight:500}
.library-feature-links small{font-size:12px;line-height:1.65;margin-top:8px}
.library-feature-links .library-try-on-entry small{color:#6d6253}
.library-search-area .visual-search-trigger{background:#eee9e0;border-color:#cfc5b6;color:#514638}
.library-search-area .visual-search-trigger:hover{background:#e4dbcd;border-color:#b5a48c}
.library-search-area .visual-search-trigger:focus-visible{outline:2px solid #927443;outline-offset:3px}
.library-feature-links>a>span:last-child{font-size:19px;line-height:1.3;flex:none}
.library-feature-links>a:hover{transform:translateY(-2px)}
.library-feature-links>a:focus-visible{outline:2px solid #927443;outline-offset:3px}
@media(max-width:380px){.library-feature-links>a{padding:14px 10px;gap:5px}.library-feature-links strong,.library-feature-links .library-products-entry{font-size:14px}}
@media(prefers-reduced-motion:reduce){.library-feature-links>a{transition:none}.library-feature-links>a:hover{transform:none}}
.library-try-on-entry strong{display:block;font-size:16px;font-weight:500;letter-spacing:.06em}
.library-try-on-entry small{display:block;margin-top:4px;font-size:12px;color:#61725b;line-height:1.6}
.library-try-on-entry>span:last-child{font-size:23px}
.library-try-on-entry:hover{background:#e0ead9;transform:translateY(-1px)}
.library-try-on-entry:focus-visible{outline:2px solid #45613b;outline-offset:3px}
@media(max-width:600px){.library-try-on-entry{padding:14px 16px}.library-try-on-entry strong{font-size:15px}}
.composition-filter{position:relative;align-self:center;z-index:5;font-size:13px;color:#484034;flex:none}
.library-toolbar .library-filter-groups{display:grid;grid-template-columns:minmax(0,1fr);align-content:start}
.library-series-options{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}
.library-series-options .library-style-filter{display:contents}
.library-filter-groups>.library-filter-row{grid-column:1;min-width:0}
.composition-filter summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;border:0;padding:6px 11px;background:transparent;min-height:34px}
.composition-filter summary::-webkit-details-marker{display:none}
.composition-filter summary span{font-size:12px;color:#655b4d}
.composition-filter summary img{width:15px;height:15px;opacity:.7}
.composition-filter.has-priority summary span{color:#94632d;font-weight:600}
.composition-filter.has-priority summary img{opacity:1;filter:invert(40%) sepia(32%) saturate(851%) hue-rotate(351deg) brightness(92%) contrast(86%)}
.composition-filter.has-priority summary{box-shadow:inset 0 -1px #b58d58}
.composition-filter summary .composition-current{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.composition-filter[open] summary,.composition-filter summary:hover{color:#8b7150;background:transparent}
.composition-panel{position:fixed;inset:0;margin:auto;width:320px;max-width:calc(100vw - 44px);max-height:calc(100vh - 48px);overflow:auto;padding:22px;background:#fcfbf8;color:#484034;border:1px solid #e1dbd1;border-radius:12px;box-shadow:0 12px 36px #30271912}
.composition-panel::backdrop{background:rgba(40,35,28,.24)}
body.composition-modal-open{overflow:hidden}
body.composition-modal-open .mobile-contact-shortcut{visibility:hidden}
.composition-panel fieldset{border:0;margin:0;padding:0}
.composition-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#817360;font:inherit;font-size:12px;min-width:44px;min-height:44px;cursor:pointer}
.composition-panel legend{padding-right:42px}
.composition-panel legend{font-family:Georgia,"Noto Serif SC","Songti SC",SimSun,serif;font-size:18px;color:#484034;margin-bottom:16px;letter-spacing:.02em}
.composition-panel label{display:flex;align-items:center;gap:12px;min-height:46px;padding:10px 12px;cursor:pointer;border-bottom:1px solid #eee9e1;transition:background .15s}
.composition-panel input{accent-color:#877359;width:17px;height:17px;min-height:0;flex:0 0 17px;padding:0;margin:0;border:0}
.composition-panel label{font-size:13px;letter-spacing:0;white-space:nowrap;justify-content:flex-start}
.composition-panel label:last-child{border-bottom:0}
.composition-panel label:has(input:checked){background:#f0ece4;color:#725e43;border-radius:6px;border-bottom-color:transparent}
.composition-panel label:hover{background:#f5f2ec}
.composition-panel label:has(input:focus-visible){background:#e9e7df;text-decoration:underline;text-underline-offset:4px}
.composition-panel input:focus,.composition-panel input:focus-visible,.composition-panel label:focus-within{outline:none!important;box-shadow:none!important}
.composition-panel p{font-size:11px;color:#8b8276;line-height:1.8;margin:16px 0 0;padding-top:0}
.composition-filter summary:focus-visible{outline:2px solid #927443;outline-offset:3px}
body:has(.composition-filter[open]) .mobile-contact-shortcut{visibility:hidden}
.library-toolbar:has(.composition-filter[open]){backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:760px){.library-series-options{gap:5px}.composition-filter summary{padding:6px 10px;font-size:12px;min-height:40px}.composition-filter[open]{z-index:110}.composition-panel{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));top:auto;width:auto;max-width:none;max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain;padding:22px 20px 18px;border-radius:16px}.composition-panel label{min-height:50px;font-size:14px}.composition-panel p{font-size:12px}.composition-panel legend{font-size:18px;line-height:1.5}}
.library-search-area .library-search-combined{grid-column:1/-1;display:flex;align-items:center;border:1px solid #bdb6aa;height:52px;min-width:0;background:transparent}
.library-search-combined .library-search{display:flex;align-items:center;flex:1;min-width:0;padding-left:12px;gap:9px}
.library-search-combined .library-search>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.library-search-combined .library-search input{border:0!important;outline:none;background:transparent;padding:8px 0;width:100%;min-width:0;font-size:13px}
.library-search-combined:focus-within{outline:2px solid #927443;outline-offset:2px}
.library-search-combined img{width:19px;height:19px;opacity:.68;flex:none}
.library-search-area .library-search-combined .visual-search-trigger{border:0;border-left:1px solid #d5cfc5;background:transparent;color:#484034;min-height:28px;height:28px;padding:0 12px;gap:7px;font-size:12px}
.library-search-area .library-search-combined .visual-search-trigger:hover{background:#eeeae2}
.library-toolbar .library-feature-links{display:flex;flex-direction:column;gap:0;margin-top:12px;border-top:1px solid #d2cbc0}
.library-toolbar .library-feature-links>a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:94px;padding:19px 12px;border:0;border-bottom:1px solid #d2cbc0;border-radius:0;background:transparent;color:#484034;transform:none}
.library-toolbar .library-feature-links>a:hover{background:#f0ede6;transform:none}
.library-toolbar .library-feature-links strong{display:block;font-family:Georgia,"Noto Serif SC","Songti SC",SimSun,serif;font-size:20px;font-weight:400;letter-spacing:0;line-height:1.4}
.library-toolbar .library-feature-links small{display:block;color:#797166;font-size:12px;line-height:1.65;margin-top:5px}
.library-toolbar .library-feature-links img{width:23px;height:23px;opacity:.7;flex:none}
@media(max-width:380px){.library-search-combined .library-search{padding-left:8px;gap:6px}.library-search-combined .library-search-icon{display:none}.library-search-area .library-search-combined .visual-search-trigger{padding:0 8px;gap:5px}.library-search-combined .library-search input{font-size:16px}.library-search-area .library-feature-links strong{font-size:19px}}
.library-intro-mobile{display:none}
@media(max-width:760px){
 .library-intro-desktop{display:none}.library-intro-mobile{display:inline}
 .color-library-page .color-library-hero{display:grid;grid-template-columns:minmax(0,1fr) 88px;grid-template-rows:auto auto;gap:12px 20px;padding:24px 22px;align-items:start;background:#f5f3ee}
 .color-library-page .color-library-hero>div{grid-column:1;grid-row:1;min-width:0}
 .color-library-page .color-library-hero h1{font-size:clamp(24px,6.3vw,30px);font-weight:400;line-height:1.4;letter-spacing:.015em;white-space:nowrap;margin:0 0 8px}
 .color-library-page .color-library-hero>div{display:flex;flex-direction:column;align-self:start;padding-top:3px}
 .color-library-page .color-library-hero .section-kicker{order:2;font-size:9px;letter-spacing:.14em;margin:0}
 .color-library-page .color-library-hero>p{grid-column:1;grid-row:2;font-size:12px;line-height:1.85;margin:0;max-width:none;color:#7a7469}
 .color-library-page .color-library-hero .color-library-cover{grid-column:2;grid-row:1/3;width:88px;height:106px;min-height:0;margin:0;border-radius:4px;overflow:hidden;align-self:start}
 .color-library-page .color-library-cover img{width:100%;height:100%;object-fit:cover;border-radius:4px}
 html[lang=en] .color-library-page .color-library-hero h1{white-space:normal;font-size:26px}
}
@media(max-width:360px){.color-library-page .color-library-hero{grid-template-columns:minmax(0,1fr) 70px;gap:10px 12px}.color-library-page .color-library-hero .color-library-cover{width:70px;height:100px}.color-library-page .color-library-hero h1{font-size:23px}}
@media(max-width:760px){
 .library-toolbar>.library-count{border:0;padding:0;margin:0 0 -8px;min-height:0}
 .library-toolbar>.library-count strong{font-size:22px}
 .library-toolbar>.library-count>span{font-size:12px}
 .library-toolbar .library-series-row{display:grid;grid-template-columns:minmax(0,1fr) 156px;gap:6px 14px;align-items:center}
 .library-series-row>.library-filter-label{grid-column:1;margin:0}
 .library-series-row>.library-series-options{grid-column:1}
 .library-toolbar .library-series-row>.library-feature-links{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;gap:6px;margin:0;border:0;align-self:center}
 .library-toolbar .library-series-row .library-feature-links>a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding:7px 11px;border:1px solid #d9d0c2;border-radius:7px;background:#f4f0e8;color:#62523e;transform:none}
 .library-toolbar .library-series-row .library-feature-links>a:first-child{background:#ece5d9;border-color:#d4c6b0}
 .library-toolbar .library-series-row .library-feature-links strong{font-family:inherit;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:0}
 .library-toolbar .library-series-row .library-feature-links small{display:none}
 .library-toolbar .library-series-row .library-feature-links img{width:14px;height:14px;opacity:.65}
 .library-toolbar .library-series-row .library-feature-links>a:hover{background:#e8dfd0;transform:none}
}
@media(max-width:520px){
 .library-toolbar .library-series-row{grid-template-columns:minmax(0,1fr)}
 .library-toolbar .library-series-row>.library-feature-links{grid-column:1;grid-row:auto;flex-direction:row;justify-self:end;margin-top:7px;width:auto;max-width:100%}
 .library-toolbar .library-series-row .library-feature-links>a{min-height:40px;flex:0 1 auto}
 .library-toolbar .library-series-row .library-feature-links strong{white-space:nowrap}
}
@media(max-width:760px){dialog.composition-panel{margin:0;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px)}}
/* Mobile draft: a quiet inline AI shortcut after the filters. */
@media(max-width:760px){
 .library-toolbar .library-series-row{display:flex;flex-wrap:wrap;align-items:center;column-gap:16px;row-gap:6px}
 .library-series-row>.library-filter-label{margin:0}
 .library-series-row>.composition-filter{margin-left:auto}
 .library-series-row>.composition-filter summary{min-height:36px;padding:6px 0 6px 12px;gap:6px;box-shadow:none}
 .library-series-row>.composition-filter summary span{font-size:11px;font-weight:400;color:#797166}
 .library-series-row>.composition-filter summary img{width:13px;height:13px;opacity:.6}
 .library-series-row>.composition-filter.has-priority summary span{color:#94632d}
 .library-series-row>.composition-filter.has-priority summary img{opacity:1}
 .library-series-row>.library-series-options{flex:0 0 100%;width:100%}
 .library-toolbar .library-series-options>.library-feature-links{display:flex;flex:0 0 auto;flex-direction:row;width:auto;margin:0 0 0 5px;border:0;gap:0}
 .library-toolbar .library-series-options .library-feature-links>.library-products-entry{display:flex;align-items:center;min-height:40px;padding:5px 4px;gap:7px;border:0;border-radius:0;background:transparent;color:#655b4d;box-shadow:none}
 .library-toolbar .library-series-options .library-feature-links>.library-try-on-entry{display:flex;align-items:center;min-height:40px;padding:5px 4px;gap:7px;border:0;border-radius:0;background:transparent;color:#655b4d;box-shadow:none}
 .library-toolbar .library-series-options .library-feature-links strong{font-family:inherit;font-size:12px;font-weight:400;white-space:nowrap}
 .library-toolbar .library-series-options .library-feature-links img{width:14px;height:14px;opacity:.65}
 .library-toolbar .library-series-options .library-feature-links>.library-try-on-entry:hover{background:transparent;color:#94632d}
 .library-toolbar .library-series-row .library-series-options .library-feature-links>.library-try-on-entry:first-child{background:transparent;border:0}
}
@media(max-width:760px){
 .composition-filter summary:focus,.composition-filter summary:focus-visible,.composition-panel :focus,.composition-panel :focus-visible,.composition-panel label:focus-within,.composition-panel label:has(input:focus-visible){outline:none!important;box-shadow:none!important;}
 .composition-panel label:has(input:focus-visible){text-decoration:none}
 .composition-filter summary,.composition-panel,.composition-panel *{-webkit-tap-highlight-color:transparent;}
}