.mat-panel{gap:10px;font-size:13px;display:grid}.mat-group{gap:5px;display:grid}.mat-group h3{letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin:4px 0 2px;font-size:12px;font-weight:700}.mat-group h4{margin:6px 0 0;font-size:12px;font-weight:600}.mat-row{grid-template-columns:minmax(90px,1fr) 18px minmax(0,1.5fr);align-items:center;gap:6px;display:grid}.mat-row>span:first-child{color:var(--muted)}.mat-row.sub>span:first-child{padding-left:12px}.mat-row select{border:1px solid var(--line-strong);background:var(--surface);width:100%;min-width:0;height:28px;color:inherit;border-radius:8px;padding:0 6px;font-size:12px}.mat-swatch{border:1px solid #0000002e;border-radius:5px;width:18px;height:18px;box-shadow:inset 0 0 0 1px #ffffff40}.mat-swatch.empty{background:repeating-linear-gradient(45deg, var(--surface-2) 0 3px, var(--line) 3px 6px)}.mat-flags{flex-wrap:wrap;gap:4px 12px;margin-top:2px;display:flex}.mat-flag{cursor:pointer;align-items:center;gap:5px;display:inline-flex}.mat-warn{color:#9a4b00;background:#fff4e5;border-radius:8px;margin:0;padding:6px 8px;font-size:12px}.mat-link{color:var(--accent-ink);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:12px}.view3d-materials{background:var(--surface);z-index:2;border-radius:12px;width:min(360px,100% - 20px);padding:12px 14px;position:absolute;top:10px;bottom:10px;right:10px;overflow:auto;box-shadow:0 8px 30px #0000002e}.view3d-materials header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.view3d-materials header strong{font-size:15px}.pc-view{background:var(--surface-2);height:280px;color:var(--text,#27272a);border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pc-view .fc-viewer{height:auto;position:absolute;inset:0}.pc-view .pc-drawing{width:100%;height:100%}.fc-thumb .pc-drawing{width:100%;height:100%;color:var(--text,#27272a)}.pc-swatch{background-repeat:repeat;border-radius:8px;width:100%;height:100%;min-height:90px}.pc-swatch.big{border-radius:12px;height:220px}.pc-apply{flex-wrap:wrap;gap:6px;display:flex}.pc-source{color:var(--muted);margin:0;font-size:11.5px}.fc-head>.fc-toggle{flex-direction:row;flex:none;align-self:center;margin-left:auto;display:inline-flex}