.library-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.library-fields label{min-width:0}.library-fields select{width:100%}.library-panel{display:grid;gap:16px}.library-panel h3{margin:0}.library-colors{display:grid;grid-template-columns:1fr 1fr;gap:12px}.library-colors input[type=color]{width:100%;height:38px}.library-check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}.library-check input{width:auto!important}.library-error{color:#ffd2a9}.library-panel[aria-busy=true]{opacity:.8}#card[data-library-loading=true] .art{visibility:hidden}#card[data-library=true] .art img#artwork{object-fit:contain}#libraryStatus{min-height:2.5em}.library-panel button{min-height:40px}#libraryHatLabel[hidden]{display:none!important}@media(max-width:380px){.library-fields,.library-colors{grid-template-columns:1fr}}

/* Touch-first clothing palette, independent of native color dialogs. */
.library-panel .library-colors{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}
.library-colors .material-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.library-colors button{border:1px solid #ffffff30;border-radius:12px;background:#ffffff09;color:#f2f6ff;touch-action:manipulation;cursor:pointer;font:inherit}
.library-colors .material-buttons button{min-height:48px;font-weight:650}
.library-colors button[aria-pressed=true]{border-color:#a7decf;box-shadow:inset 0 0 0 1px #a7decf;background:#a7decf20}
.library-colors button:focus-visible,.library-colors input:focus-visible,.library-colors summary:focus-visible{outline:3px solid #a7decf;outline-offset:3px}
.library-colors .color-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.library-colors .color-swatch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:72px;padding:8px 2px;font-size:12px;line-height:1.2}
.library-colors .swatch-chip{display:block;width:30px;height:30px;border:1px solid #ffffff70;border-radius:50%}
.library-colors .color-swatch[aria-pressed=true] .swatch-chip{outline:2px solid #a7decf;outline-offset:3px}
#materialSelection{margin:0;font-size:14px;color:#d2e8e2}#materialOriginal{min-height:48px}
.library-colors .custom-color{border:1px solid #ffffff25;border-radius:12px;padding:0 12px}.library-colors summary{padding:14px 0;cursor:pointer;min-height:48px;box-sizing:border-box}
.library-colors .hex-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.library-colors .hex-controls input{min-width:0;width:100%;box-sizing:border-box;font-size:16px;min-height:48px}.library-colors .hex-controls button{padding:0 16px;min-height:48px}#hexMessage{font-size:13px;color:#ffd2a9}