.materials-banner{padding:24px 0;margin:24px 0;border-block:1px solid #d8d3c6;display:flex;gap:24px;justify-content:space-between;align-items:center}.materials-banner p{max-width:600px;margin:0}.material-button,.material-swatch{font:inherit;color:inherit;cursor:pointer}.material-button{border:1px solid #a5aa9b;background:transparent;padding:10px 16px;min-height:44px}.material-customize{display:block;margin:15px 0 8px}.materials-dialog{width:min(780px,calc(100% - 24px));max-height:88dvh;overflow:auto;border:1px solid #c8c9bb;padding:28px;background:#f4f0e8;color:#343d32}.materials-dialog::backdrop{background:#15201299}.materials-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.materials-head h2{font:400 32px/1.2 Georgia,serif;margin:0}.materials-dialog p{font-size:16px;line-height:1.5}.materials-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.materials-tabs button[aria-pressed=true]{color:#fff;background:#343d32}.materials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.material-swatch{background:transparent;border:2px solid transparent;padding:6px;text-align:left;min-width:0;font-size:14px}.material-swatch[aria-pressed=true]{border-color:#343d32}.material-photo{display:block;position:relative;overflow:hidden;background:#e8e4d9;aspect-ratio:1.5;margin-bottom:8px}.material-photo img{width:100%;height:100%;object-fit:cover;display:block}.material-photo .material-cropped{position:absolute;max-width:none;height:auto;object-fit:initial}.material-text-choice{align-self:end;min-height:44px;border-color:#cbcbbb}.materials-original img{display:block;max-width:100%;max-height:460px;object-fit:contain;margin:15px auto}.materials-original summary{cursor:pointer;min-height:44px;padding:10px 0}.materials-summary{border-top:1px solid #cccabd;padding-top:18px}.material-thumbnails{display:flex;gap:12px;flex-wrap:wrap}.material-thumbnails figure{width:100px;margin:0}.material-thumbnails figcaption{font-size:13px}.material-note{font-size:14px!important;line-height:1.5!important}.owner-material-row{padding:20px 0;border-bottom:1px solid #ccc;display:grid;grid-template-columns:140px 1fr;gap:20px}.owner-material-row .actions{display:flex;gap:8px;flex-wrap:wrap}.owner-material-form{display:grid;gap:16px;max-width:600px}.owner-material-form label{display:grid;gap:6px}.owner-material-form input,.owner-material-form textarea,.owner-material-form select{width:100%;box-sizing:border-box}.owner-material-form .material-photo{max-width:280px}@media(max-width:520px){.materials-dialog{padding:18px}.materials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.materials-banner{align-items:start;flex-direction:column}.owner-material-row{grid-template-columns:100px 1fr}}
.material-gallery-card{min-width:0}.material-gallery-card h4{font-size:16px;font-weight:500;margin:10px 0}.material-gallery-card .material-note{font-size:14px;line-height:1.5}.material-gallery-card .materials-original summary{font-size:14px}.material-gallery-card .materials-original img{max-height:none}.material-gallery-card:has(details[open]){grid-column:1/-1}.material-gallery-card:has(details[open])>.material-photo{max-width:220px}
.materials-overview-grid{grid-template-columns:minmax(0,1fr)}.materials-overview-grid .material-gallery-card>.material-photo{width:100%;max-width:none}.materials-overview-grid .material-gallery-card h4{font:400 24px/1.25 Georgia,serif}.materials-overview-grid .material-gallery-card .material-note{font-size:16px!important;max-width:65ch}.materials-overview-grid .materials-original img{max-height:none}
.materials-dialog{width:min(1180px,calc(100% - 24px))}.materials-overview-grid .material-photo{background:transparent}.material-full-size{display:inline-block;margin:8px 0 14px;text-decoration:underline;text-underline-offset:4px}