.project-materials-panel{display:flex;flex:1;min-height:0;flex-direction:column;container-type:inline-size}.project-materials-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px 28px 28px}.project-materials-heading{display:flex;align-items:center;gap:16px;margin:16px 0 26px}.project-materials-heading>img{width:68px;height:68px;border-radius:12px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.project-materials-heading span,.project-materials-heading strong{display:block}.project-materials-heading span{font-size:14px;color:var(--ink-2);margin-top:4px}.project-material-choice{min-width:0;border:0;border-bottom:1px solid var(--line);margin:20px 0;padding:0 0 20px}.project-material-choice legend{font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:14px}.project-material-owned{display:flex;align-items:center;gap:10px;min-height:44px;font-size:13px;cursor:pointer}.project-material-owned input{accent-color:var(--ink);width:18px;height:18px}.project-material-sizes{display:flex;gap:8px;flex-wrap:wrap}.project-material-sizes button{min-height:44px;min-width:44px;border:1px solid var(--line-strong);border-radius:999px;padding:8px 12px;background:var(--surface)}.project-material-sizes button[aria-pressed=true]{background:var(--lime);border-color:var(--ink);font-weight:700}.project-materials-section-heading{display:flex;justify-content:space-between;gap:12px;margin:28px 0 8px;font-size:16px;font-weight:700;text-transform:uppercase}.project-materials-section-heading span{font-size:14px;font-weight:400;color:var(--ink-2)}.project-material-row{display:grid;grid-template-columns:calc((100% - 24px)*.2) minmax(0,1fr);gap:20px;align-items:start;margin-top:18px}.project-material-photo{aspect-ratio:1;min-width:0;border-radius:12px;overflow:hidden;background:var(--ground)}.project-material-photo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.project-material-copy{min-width:0}.project-material-brand{display:block;font-size:11px;letter-spacing:.065em;margin-bottom:5px}.project-material-title{display:flex;justify-content:space-between;align-items:start;gap:10px}.project-material-title strong{display:block;font-size:22px;line-height:1.15;overflow-wrap:anywhere}.project-material-match{font-size:12px;padding:5px 8px;border-radius:999px;background:var(--ground);white-space:nowrap}.project-material-match.matched{background:var(--lime);font-weight:700}.project-material-change,.project-material-edit{font:inherit;font-size:14px;color:inherit;border:0;background:none;text-align:left;min-height:44px;padding:6px 0;cursor:pointer}.project-material-edit{text-decoration:underline;text-underline-offset:4px}.project-material-change{display:flex;align-items:center;gap:12px;font-weight:600;margin-top:10px}.project-material-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;font-size:14px}.project-material-bottom>strong{font-size:18px}.project-material-quantity{display:flex;align-items:center;gap:8px}.project-material-quantity button{min-width:44px;min-height:44px;border:1px solid var(--line-strong);border-radius:50%;font-size:20px;background:var(--surface)}.project-material-quantity output{min-width:16px;text-align:center}.project-material-quantity small{font-size:12px;color:var(--ink-2)}.project-material-picker{margin-top:20px;border:1px solid var(--line-strong);border-radius:12px;padding:18px;background:var(--ground)}.project-material-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-material-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;margin-top:14px}.project-material-swatches button{font:inherit;font-size:14px;border:1px solid transparent;border-radius:10px;background:none;padding:10px 5px;min-height:44px;color:inherit}.project-material-swatches button[aria-pressed=true]{border-color:var(--ink);background:var(--surface)}.project-material-swatches button>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;margin:0 auto 8px;border:1px solid var(--line-strong)}.project-material-variant{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;margin:12px 0}.project-material-variant select{font:inherit;min-height:44px;border:1px solid var(--line-strong);border-radius:6px;padding:8px;background:var(--surface);color:inherit}.project-material-note{font-size:13px;color:var(--ink-2);margin:16px 0}.project-materials-footer{flex-shrink:0;border-top:1px solid var(--ink);padding:18px 28px max(20px,env(safe-area-inset-bottom));background:var(--surface)}.project-materials-footer>div{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.project-materials-footer strong{font-size:28px}.project-materials-footer small{display:block;font-size:12px;color:var(--ink-2)}.project-materials-footer>button{display:flex;align-items:center;justify-content:space-between;min-height:48px;width:100%;padding:12px 20px;border:1px solid var(--ink);border-radius:999px;background:var(--lime);font-weight:700}.project-materials-panel button:disabled{cursor:not-allowed;opacity:.45;border-style:dashed}@container(max-width:480px){.project-materials-body{padding:12px}.project-material-title,.project-materials-heading{flex-wrap:wrap}.project-material-title strong{font-size:18px}.project-material-row{gap:12px}.project-material-bottom{flex-wrap:wrap}.project-material-picker,.project-materials-footer{padding:12px}.project-materials-footer>div{flex-wrap:wrap}}@container(max-width:260px){.project-material-row{grid-template-columns:1fr}.project-material-photo{width:40%}.project-material-variant{flex-wrap:wrap}}@media(hover:hover){.project-materials-panel button:not(:disabled):hover{background-color:var(--hover-wash)}}